# data[].attributes.body
document.addEventListener('keydown', function(evento){
if (evento.keyCode == 32){
if (nivel.muerto == false) {
saltar();
}
else if (nivel.muerto == true) {
nivel.muerto = false;
cactus.x = ancho + 100;
nube.x = ancho + 100;
nivel.puntuacion = 0;
}
}
});
var a = { a: 1, max: 16}
var ancho = 700, alto = 300;
var canvas, ctx;
var imgRex, imgNube, imgCactus, imgSuelo, imgReiniciar;
var FPS = 60;
var suelo = 200;
var trex = { y: suelo, velocidadvertical: 0, gravedad: 2, salto: 28, velocidadverticalmaxima: 9, saltando: false}
var nivel = { velocidad: 9, puntuacion: 0, muerto: false }
var cactus = { x: ancho + 100, y: suelo}
var nube = { x: 400, y: 100 }
var piso = { x: 0, y: suelo }

function inicializar() {
imgRex = new Image();
imgNube = new Image();
imgCactus = new Image();
imgSuelo = new Image();
imgReiniciar = new Image();
imgRex.src = 'img/Dinosaurio_a.png'
imgNube.src = 'img/Nube.png'
imgCactus.src = 'img/Cactus.png'
imgSuelo.src = 'img/Suelo.png'
imgReiniciar.src = 'img/Reiniciar.png'
canvas = document.getElementById('canvas');
ctx = canvas.getContext('2d');
setInterval(function () {
principal();
puntuacion();
}, 1000 / FPS);
}
function borraCanvas(){
canvas.width = ancho;
canvas.height = alto;
}
//-----------------------------------------------------------------------------
function principal() {
if (nivel.muerto == false) {
actualizarimagen();
borraCanvas();
gravedad();
logcactus();
logPiso();
lognube();
dibujar();
colision();
var value1;
value1 = document.getElementById('Velocidad').value;
value1 = Number(value1);
if (value1 > 0)
nivel.velocidad = value1;
else if (value1 < 0)
nivel.velocidad = -value1;
else if (value1 == 0)
nivel.velocidad = 10;
}
}
function actualizarimagen() {
a.a = a.a + 1;
if (a.a > a.max) {
nivel.puntuacion += nivel.velocidad/10;
imgRex.src = 'img/Dinosaurio_b.png';
a.a = 1
}
else if (a.a < a.max && a.a > (a.max / 2)) {
imgRex.src = 'img/Dinosaurio_a.png';
}
else {
imgRex.src = 'img/Dinosaurio_b.png';
}
}
function dibujar() {
ctx.drawImage(imgNube, 0, 0, 82, 31, nube.x, nube.y, 102, 41)
ctx.drawImage(imgCactus, 0, 0, 50, 50, cactus.x, cactus.y, 50, 50)
ctx.drawImage(imgRex, 0, 0, 32, 32, 100, trex.y + 3, 50, 50)
ctx.drawImage(imgSuelo, piso.x, 0, 700, 30, 0, piso.y + 32, 700, 30)
}
function lognube() {
if (nube.x < -100) {
nube.x = ancho + 100;
nube.y = Math.round(Math.random() * (70) + 40);
}
else {
nube.x -= (nivel.velocidad/5);
}
}
function logcactus() {
if (cactus.x < -100) {
cactus.x = ancho + 100;
nivel.puntuacion += 10;
}
else {
cactus.x -= nivel.velocidad;
}
}
function logPiso() {
if (piso.x > 700) {
piso.x = 0;
}
else {
piso.x += nivel.velocidad;
}
}
function saltar() {
if (trex.y == suelo) {
trex.saltando = true;
trex.velocidadvertical = trex.salto;
}
}
function gravedad() {
if (trex.saltando == true) {
if (trex.y - trex.velocidadvertical - trex.gravedad > suelo) {
trex.saltando = false;
trex.velocidadvertical = 0;
trex.y = suelo;
}
else {
trex.velocidadvertical -= trex.gravedad;
trex.y -= trex.velocidadvertical;
}
}
}
function colision(){
if (cactus.x >= 80 && cactus.x <= 136) {
if (trex.y >= suelo - 30) {
nivel.muerto = true;
}
}
}
function puntuacion() {
ctx.font = "20px SAO UI";
ctx.fillStyle = '#6666666';
ctx.fillText("puntuacion: " + nivel.puntuacion, ancho-150, 50);
if (nivel.muerto == true) {
imgGame = new Image();
imgGame.src = 'img/GameOver.png'
borraCanvas();
ctx.drawImage(imgNube, 0, 0, 82, 31, nube.x, nube.y, 102, 41)
ctx.drawImage(imgCactus, 0, 0, 50, 50, cactus.x, cactus.y, 50, 50)
ctx.drawImage(imgRex, 0, 0, 32, 32, 100, trex.y + 3, 50, 50)
ctx.drawImage(imgSuelo, piso.x, 0, 700, 30, 0, piso.y + 32, 700, 30)
ctx.drawImage(imgGame, 0, 0, 400, 60, (ancho - 400) / 2, (alto - 60) / 2, 400, 60)

}
}

# data[].attributes.body
var Operando1, Operando2, Resultado;
numerofalso = 0;
console.log("Inicializados todos los elementos elementos");
function Enviarelementos() {
Operando1 = document.getElementById("Operando1").value;
Operando2 = document.getElementById("Operando2").value;
}
function suma() {
Resultado = Number(Operando1) + Number(Operando2);
document.getElementById("texto3").innerHTML = Resultado;
}
function resta() {
Resultado = Number(Operando1) - Number(Operando2);
document.getElementById("texto3").innerHTML = Resultado;
}
function multiplicacion() {
Resultado = Number(Operando1) * Number(Operando2);
document.getElementById("texto3").innerHTML = Resultado;
}
function division() {
Resultado = Number(Operando1) / Number(Operando2);
document.getElementById("texto3").innerHTML = Resultado;
}
function potencia() {
Resultado = Math.pow(Number(Operando1), Number(Operando2));
document.getElementById("texto3").innerHTML = Resultado;
}
function raizx() {
Resultado = Math.sqrt(Number(Operando1))
document.getElementById("texto3").innerHTML = Resultado;
}
function raizy() {
Resultado = Math.sqrt(Number(Operando2))
document.getElementById("texto3").innerHTML = Resultado;
}

# data[].attributes.body
var Elemento, Nombre, Apellido, Edad, long, i, edadfalsa;
edadfalsa = 0;
console.log("Inicializados todos los elementos elementos");
function Enviar()
{
Nombre = document.getElementById("Nombre").value;
Apellido = document.getElementById("Apellido").value;
Edad = document.getElementById("Edad").value;
if (Elememto = "") {
long = Edad.length;
console.log(long)
for (i = 0; i < long; i++) {
console.log(Edad.codePointAt(i))
if ((Edad.codePointAt(i) < 48) || (Edad.codePointAt(i) > 57)) {
console.log(Edad.codePointAt(i))
edadfalsa = 1;
}
}
if (long == 0) {
edadfalsa = 0;
}
if (edadfalsa == 0 && Edad != "" && Apellido != "" && Nombre != "") {
console.log(Nombre + " " + Apellido + " " + Edad + " " + Elemento);
document.getElementById("texto3").innerHTML = "<br> Nombres: " + Nombre + "<br> Apellidos: " + Apellido + "<br> Edad: " + Edad + "<br> Elemento: Sin elegir";
}
else {
if (Edad == "") {
document.getElementById("texto3").innerHTML = "<br> La edad no puede ser un texto vacío";
document.getElementById("Edad").focus;
}
else {
if (edadfalsa == 1) {
document.getElementById("texto3").innerHTML = "<br> La edad no puede ser un caracter no numérico";
document.getElementById("Edad").focus;
}
else {
if (Nombre == "") {
document.getElementById("texto3").innerHTML = "<br> El nombre no debe ser un texto vacío";
document.getElementById("Nombre").focus;
}
else {
if (Apellido == "") {
document.getElementById("texto3").innerHTML = "<br> El Apellido no debe ser un texto vacío";
document.getElementById("Apellido").focus;
}
else {
document.getElementById("texto3").innerHTML = "<br> Ha ocurrido un error en el código";
}
}
}
}
}
}
else {
long = Edad.length;
console.log(long)
for (i = 0; i < long; i++) {
if ((Edad.codePointAt(i) < 48) || (Edad.codePointAt(i) > 57)) {
console.log(Edad.codePointAt(i))
edadfalsa = 1;
}
}
if (long == 0) {
edadfalsa = 0;
}
if (edadfalsa == 0 && Edad != "" && Apellido != "" && Nombre != "") {
console.log(Nombre + " " + Apellido + " " + Edad + " " + Elemento);
document.getElementById("texto3").innerHTML = "<br> Nombres: " + Nombre + "<br> Apellidos: " + Apellido + "<br> Edad: " + Edad + "<br> Elemento: " + Elemento;
}
else
{
if (Edad == "") {
document.getElementById("texto3").innerHTML = "<br> La edad no puede ser un texto vacío";
document.getElementById("Edad").focus;
}
else {
if (edadfalsa == 1) {
document.getElementById("texto3").innerHTML = "<br> La edad no puede ser un caracter no numérico";
document.getElementById("Edad").focus;
}
else
{
if (Nombre == "") {
document.getElementById("texto3").innerHTML = "<br> El nombre no debe ser un texto vacío";
document.getElementById("Nombre").focus;
}
else
{
if (Apellido == "") {
document.getElementById("texto3").innerHTML = "<br> El Apellido no debe ser un texto vacío";
document.getElementById("Apellido").focus;
}
else
{
document.getElementById("texto3").innerHTML = "<br> Ha ocurrido un error en el código";
}
}
}
}
}
}
}
function Fuego() {
Elemento = "Fuego";
document.getElementById('Imagen').src = 'a.png';
document.getElementById('fondo').style.backgroundColor = '#FF6600';
document.getElementById('texto').style.color = '#FFFE01';
document.getElementById('texto2').style.color = '#FFFE01';
document.getElementById('texto').innerHTML = "Clase Fuego";
document.getElementById("texto2").innerHTML = "La clase fuego puede quemar todo a su alrededor";
}
function Agua() {
Elemento = "Agua";
document.getElementById('Imagen').src = 'b.png';
document.getElementById('fondo').style.backgroundColor = '#2BFFFF';
document.getElementById('texto').style.color = '#164676';
document.getElementById('texto2').style.color = '#164676';
document.getElementById('texto').innerHTML = "Clase Agua";
document.getElementById("texto2").innerHTML = "La clase agua puede causar inundaciones";
}
function Planta() {
Elemento = "Planta";
document.getElementById('Imagen').src = 'c.png';
document.getElementById('fondo').style.backgroundColor = '#FBC5E5';
document.getElementById('texto').style.color = '#744A3A';
document.getElementById('texto2').style.color = '#744A3A';
document.getElementById('texto').innerHTML = "Clase Planta";
document.getElementById("texto2").innerHTML = "La clase planta puede hacer crecer la vegetación";
}
function Piedra() {
Elemento = "Piedra";
document.getElementById('Imagen').src = 'd.png';
document.getElementById('fondo').style.backgroundColor = '#666666';
document.getElementById('texto').style.color = '#BBBBBB';
document.getElementById('texto2').style.color = '#BBBBBB';
document.getElementById('texto').innerHTML = "Clase Piedra";
document.getElementById("texto2").innerHTML = "La clase piedra puede modificar el entorno (Terraformación)";
}
function Viento() {
Elemento = "Viento";
document.getElementById('Imagen').src = 'e.png';
document.getElementById('fondo').style.backgroundColor = '#E0FFFF';
document.getElementById('texto').style.color = '#5391C7';
document.getElementById('texto2').style.color = '#5391C7';
document.getElementById('texto').innerHTML = "Clase Viento";
document.getElementById("texto2").innerHTML = "La clase viento puede crear ráfagas de aire y huracanes";
}
function Luz() {
Elemento = "Luz";
document.getElementById('Imagen').src = 'f.png';
document.getElementById('fondo').style.backgroundColor = '#FFFFFF';
document.getElementById('texto').style.color = '#FFFF22';
document.getElementById('texto2').style.color = '#FFFF22';
document.getElementById('texto').innerHTML = "Clase Luz";
document.getElementById("texto2").innerHTML = "La clase luz puede crear brillantes destellos";
}
function Oscuridad() {
Elemento = "Oscuridad";
document.getElementById('Imagen').src = 'g.png';
document.getElementById('fondo').style.backgroundColor = '#333333';
document.getElementById('texto').style.color = '#999999';
document.getElementById('texto2').style.color = '#999999';
document.getElementById('texto').innerHTML = "Clase Oscuridad";
document.getElementById("texto2").innerHTML = "La clase oscuridad puede crear tinieblas";
}