I am thinking that making duplicates of elements will be a pain to layout and could bog down the page load.
To have a function run on scene load that sets up some global variables that represent the language text for each element.
//-- Main Text
window.english_mainText = "Is this possible to be done without putting any different language stuff into another scene but just by replacing the text on textboxes and buttons"
window.spanish_mainText = "¿Es esto posible por hacer sin poner ningún diferente material idioma a otro lugar, pero simplemente reemplazando el texto en cuadros de texto y botones"
window.english_eleButtOne = "Element 1"
window.spanish_eleButtOne = "Elemento 1"
We will give every element that needs to change a class name and a unique id.
langIsChosen for the element 's class name
mainText for the element’s id
When a language button is clicked:
Each language button uses the language name as it’s unique id.
i.e spanish, english are used as ids
We than get an array of all the elements with the class name (langIsChosen) that an element has if it’s text should change.
We combine the language button id and the element ids and change the innerHTML.
thisElement.innerHTML = window[langChosen + "_" + thisElementID]
I think something like this will be easier to work with.
Here is an example, noteI have just put this together as such and it can be improved upon.
lang_v1.1.hype.zip (44.9 KB)