Html, Css y JavaScript

Publicado por dixon, Enero 11, 2021, 01:37:25 PM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

dixon

Hola, saludos a todos.

Existe un conjunto de videos donde Victor Robles (nuestro amigo de youtube), nos explica las bases de Html, Css y JavaScript, en tan solo 15 minutos. Si estás cansado, busca un vaso con agua y ven con nosotros a estudiar estos lenguajes.


Html


Css


JavaScript



Práctica realizada:

Web creada al ver el primer video sobre html

Web creada al ver el segundo video de CSS


dixon

#1

Los videos anteriores son un abre bocas que nos enciende la chispa de la motivación en el aprendizaje de estos poderosos leguajes. Es hora de aprovechar la motivación y aumentar el nivel para ver los videos de 1 hora que nos ofrece el canal Fazt de youtube. ¡Buena Suerte¡.




Html


Css



JavaScript





dixon

#2
Hola, saludos.

En cuanto a sistemas htm5 puros (sin gamemaker) quería mostrarle un pequeño sistema de partículas que sirve para reconocer que html5 puro es mucho más rápido que htm5 con game maker.

Imagen:



Esta es la web:
http://estudiosistemas.infinityfreeapp.com/Dixon/web/javaScript/particulas/

El botón "Enviar" servirá para crear la cantidad de partículas que ustedes indiquen en el input.

Cada partícula o cuadrito que aparece en el sistema representa a un objeto en pantalla, y como se puede evidenciar que la cantidad de objetos que pueden aparecer al mismo tiempo sin ralentizar el sistema es muy grande.

Pueden crear tantas partículas como quieran (y soporte su sistema) para que perciban la velocidad de procesamiento de javascript puro.

Con esto quiero decir que nos conviene crear juegos htm5 directamente con javascript, realmente no es difícil pero si sería bueno un buen tutor.

Ventajas de usar javaScript para crear juegos html5:

1. Gratuidad: es gratuito.
2. Sin descarga: No tienes que descargar nada, solo necesitas un explorador.
3. Bajos recursos: se pueden programar en pc viejas.
4. Procesamiento: alto procesamiento. Vea la web previamente indicada y evalúe.
5. Multiplataforma: al ser html5 se pueden ejecutar en cualquier dispositivo actual.
6. Audio: sin problemas de audio.
7. Conexión para juegos online, datos y score: sin problemas.

Bueno nos vemos luego.

dixon

#3
Hola buenas noches. :-[

Mejoré la compatibilidad del visor de partículas, ahora funciona en dispositivos de bajo rendimiento.
Nota: las versiones viejas de google chrome y otros exploradores no reconocen la declaración de clases por tanto me tuve que encontrar un script que me sirviera para crear objetos según un modelo sin emplear "clases javascript" y es este:
//Para crear objetos a partir de objeto modelo sin usar clases.
list_objects = []
function instance_create(object_model){
                var object = JSON.parse(JSON.stringify(object_model))
                object.index = list_objects.length;
                list_objects.push(object);
                return object.element
            }

Este es la versión actualizada del sistema visor de partículas:
http://estudiosistemas.infinityfreeapp.com/Dixon/web/javaScript/particulas/

Probé este sistema en un dispositivo móvil viejo de bajo rendimiento y me sorprendieron los resultados. El dispositivo puede dibujar unas 1000 particulas sin problema (recordemos que cada particula representa un objeto en un video juego), en cambio al probarlo con el juego "euforia"(creado con game maker) corre demasiado lento. Eso me indica que game maker consume muchos recursos.
Me hurge ahora profundizar en la creación de juegos html5 puros con JavaScript y abandonar gradualmente a game maker :'( .
Estoy sorprendido de verdad, la calidad de juegos que se pueden crear es muy elevada y lo mejor de todo es el rendimiento.
¡Se han abierto nuevas puertas!, de eso se trata la expresión "reinventar la rueda" o volver a los orígenes para encontrar secretos ocultos. Es un trabajo duro pero siempre trae recompensas.


Bye.
:)

197 Visitantes, 0 Usuarios