Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-05 22:09:02 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

virtualkeyboard: scaling text in input box

Browse source
This commit is contained in:
Thijs Wenker 2014-12-05 00:52:36 +01:00
parent 5e2d1c3364
commit a7185738e9
1 changed files with 30 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
examples/virtualKeyboard.js
View file

@ -56,6 +56,7 @@ const TEXT_MARGIN_BOTTOM = 0.17;
var windowDimensions = Controller.getViewportDimensions(); var windowDimensions = Controller.getViewportDimensions();
var cursor = null; var cursor = null;
var keyboard = new Keyboard(); var keyboard = new Keyboard();
var textFontSize = 9;
var text = null; var text = null;
var textText = ""; var textText = "";
var textSizeMeasureOverlay = Overlays.addOverlay("text3d", {visible: false}); var textSizeMeasureOverlay = Overlays.addOverlay("text3d", {visible: false});
@ -65,15 +66,39 @@ function appendChar(char) {
updateTextOverlay(); updateTextOverlay();
Overlays.editOverlay(text, {text: textText}); Overlays.editOverlay(text, {text: textText});
} }
function deleteChar() { function deleteChar() {
if (textText.length > 0) { if (textText.length > 0) {
textText = textText.substring(0, textText.length - 1); textText = textText.substring(0, textText.length - 1);
updateTextOverlay(); updateTextOverlay();
} }
} }
function updateTextOverlay() { function updateTextOverlay() {
Overlays.editOverlay(text, {text: textText}); var textwidth = Overlays.textWidth(text, textText);
var textLines = textText.split("\n");
var maxLineWidth = 0;
for (textLine in textLines) {
var lineWidth = Overlays.textWidth(text, textLines[textLine]);
if (lineWidth > maxLineWidth) {
maxLineWidth = lineWidth;
}
}
var suggestedFontSize = (windowDimensions.x / maxLineWidth) * textFontSize * 0.90;
var maxFontSize = 240 / textLines.length;
textFontSize = (suggestedFontSize > maxFontSize) ? maxFontSize : suggestedFontSize;
var topMargin = (250 - (textFontSize * textLines.length)) / 2;
Overlays.editOverlay(text, {text: textText, font: {size: textFontSize}, topMargin: topMargin});
var maxLineWidth = 0;
for (textLine in textLines) {
var lineWidth = Overlays.textWidth(text, textLines[textLine]);
if (lineWidth > maxLineWidth) {
maxLineWidth = lineWidth;
}
}
Overlays.editOverlay(text, {leftMargin: (windowDimensions.x - maxLineWidth) / 2});
} }
keyboard.onKeyPress = function(event) { keyboard.onKeyPress = function(event) {
if (event.event == 'keypress') { if (event.event == 'keypress') {
appendChar(event.char); appendChar(event.char);
@ -141,12 +166,13 @@ keyboard.onFullyLoaded = function() {
height: 250, height: 250,
backgroundColor: { red: 255, green: 255, blue: 255}, backgroundColor: { red: 255, green: 255, blue: 255},
color: { red: 0, green: 0, blue: 0}, color: { red: 0, green: 0, blue: 0},
topMargin: 10, topMargin: 5,
leftMargin: 8, leftMargin: 0,
font: {size: 28}, font: {size: textFontSize},
text: "", text: "",
alpha: 0.8 alpha: 0.8
}); });
updateTextOverlay();
// the cursor is being loaded after the keyboard, else it will be on the background of the keyboard // the cursor is being loaded after the keyboard, else it will be on the background of the keyboard
cursor = new Cursor(); cursor = new Cursor();
cursor.onUpdate = function(position) { cursor.onUpdate = function(position) {