Un ejercicio con JavaScript animando tu nombre

Publicado por F. Aureliano Moreno R en

En esta ocasión les compartiré un codigo que enconté  dentro del sitio de CODE ACADEMY, en donde puedes ir poco a poco con unos ejemplos muy sencillos aprendiendo algo de HTML, Javascript y mas lenguajes, pero aparte de mi objetivo de este post que es a los que deseen aprender un poco o tengan la inquietud de ver una plataforma nueva de aprendizaje, les recomiendo entren a http://www.codecademy.com/

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
  </head>
  <body>
    <canvas id="myCanvas"></canvas>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>
    <script type="text/javascript" src="main.js"></script>
  </body>
</html>

Y este es el archivo Js que contiene el codigo.

var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];

var myName = "Vera Moreno";
letterColors =[red, orange, green, blue]
if(15 > 5) {
    bubbleShape = "circle";
}
else {
    bubbleShape = "square";
}



drawName(myName, letterColors);
bounceBubbles();

Pueden ver el ejemplo aqui.

[button link=”http://www.fmoreno.com.mx/code/JS%20DEMO/Iindex.html”] HAGA CLICK AQUI[/button]

Categorías: WEB CODE

F. Aureliano Moreno R

Creo en el poder del contenido y difundir las ideas , construir comunidades , y atraer y fascinar a los usuarios , les por eso que he invertido tiempo en aprender a crear sitios web, a ser emprendedor en proyectos de animación e imagen , me encanta la comida y hacer música. Tengo una hermosa esposa y una luz gigante que nació para darle un nuevo sentido a nuestras vidas, ademas de tres hermosos cachorros que llenan de amor nuestro hogar.

0 Comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

15 − five =