Un ejercicio con JavaScript animando tu nombre

Francisco Moreno Rodríguez
18 feb 2015
1 min de lectura

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]

Un ejercicio con JavaScript animando tu nombre

Entradas recientes

Comentarios