- JSFiddle - Código en JSFiddle, importantísimo para los marcadores para poder elegir los paises.
- shalanah - Proyecto en CodePen, del que partí para hacer el arcoiris en canvas.
- tryn0 - Recopilación de código. Pantalla del título y pantalla principal con la tierra.
Juego para la semana cultural del IES Polígono Sur.
De momento este proyecto sólo contiene lo que he creado yo sólo:
- Pantalla con el título del juego (Aún sin especificar, para la prueba usé It's me MARIO!!)
- Arcoiris creado con canvas y con destellos o "brillitos".
- Al acabar de pintar el arcoiris, con un setTimeout, aparece el título del juego.
- Al hacer click en el título pasaría a la pantalla principal, un planeta tierra, con la cámara y la iluminación centrada en Japón. Puedes mover la cámara.
- En la pantalla principal, como he dicho antes, contiene un planeta tierra, aquí explico en profundidad cómo lo hice.
Estas ideas están en la rama develop.
He usado estos plugins de JavaScript para el desarrollo de este proyecto:
- three.js
- three.js->OrbitControls.js
Es un framework de JavaScript para crear y mostrar contenido 3D en la web, da la capacidad de mostrar modelos, juegos, videos musicales, visualización de datos o casi cualquier otra cosa que se pueda imaginar, directamente en el navegador y en el smartphone. Con este framework, se dibujó una esfera, añadiéndole la textura de la tierra, además de añadirle iluminación.
Es una librería que contiene three.js para el control de órbitas (de la cámara).
Con esta librería se puede mover la cámara y girar la cámara con eje en el planeta.
Abres juego.html en tu navegador, y al clciar en el título te redirigirá a la pantalla principal.
© 2020 - tryn0