fmoreno web site

Un ejercicio con JavaScript animando tu nombre

febrero 19, 2015

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]