Alberto Pacheco albertochiwas

## md004_rotate_joint.js
var av = new Avatar("squirrel");
var draw = function()
{
    background(127, 165, 176);
    av.rotate(av.BrazoIzq, random(-1,2));
    av.rotate(av.CodoIzq,  random(-2,3));
    av.rotate(av.Rabo,     random(-3,3));
    av.draw(200,200);
};

## md003_rotate_random.js
var av = new Avatar("squirrel");
var pause = false;

var draw = function() {
    background(99);
    for (var i=0; i<10; i++) {
        av.rotate(i,random(-9,9));
    }
    av.draw(mouseX,mouseY);
};

## md002_mousemove.js
var av = new Avatar("squirrel");

var draw = function() {
    background(245);
    av.draw(mouseX,mouseY);
};

## md001_simple.js
var av = new Avatar("squirrel");
av.draw(200,200);

## md006_ondas.js
//  Ardilla caminando, en forma de onda, subiendo y bajando brazos
// Ejercicio: movimiento de piernas para caminar

var sr = new Avatar("squirrel");
sr.scale(0.5);
var x=0, y=0;
var up=true, pause=false;
smooth();
var draw = function() {
    background(255);

## md005_multiple.js
var av1 = new Avatar("panther");
var av2 = new Avatar("squirrel");
av1.scale(0.6);
av2.scale(0.4);
av1.setWave(199);
av2.setWave(199);
noCursor();
var draw = function()
{
    fill(127, 165, 176, 99);

## md007_pivots.js
var av = new Avatar("squirrel3");
var pause = false;

var draw = function() { // test limits & pivots
    background(240);
    for ( var i=0; i<av.Joints; i++) {
        av.rotate(i,random(-3,3));
    }
    av.drawPivots(mouseX,mouseY);
};

## web001_svg_css_transitions.html
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <title> HTML + CSS + SVG </title>
  <style>
    body { background-color: orange; }
    h1 { text-align: center; }
    #svg {
      background-color: #fff;

## md008_two_avatars.js
var pause = false;
noCursor();
smooth();

var clearBackground = function(r,g,b,a) {
    fill(r,g,b,a);
    noStroke();
    rect(0,0,400,400);
};

## md013_walk1.js
var sr = new Avatar("squirrel");
var x=0, y=0;
var up=true, pause=false;

var draw = function() {
    background(255);
    if ( up && sr.getAngle(1)<120 ) {
        sr.rotate(1, 1);
        sr.rotate(3, -1);
    } else {
	var av = new Avatar("squirrel");
	var draw = function()
	{
	background(127, 165, 176);
	av.rotate(av.BrazoIzq, random(-1,2));
	av.rotate(av.CodoIzq, random(-2,3));
	av.rotate(av.Rabo, random(-3,3));
	av.draw(200,200);
	};
	var av = new Avatar("squirrel");
	var pause = false;

	var draw = function() {
	background(99);
	for (var i=0; i<10; i++) {
	av.rotate(i,random(-9,9));
	}
	av.draw(mouseX,mouseY);
	};
	var av = new Avatar("squirrel");

	var draw = function() {
	background(245);
	av.draw(mouseX,mouseY);
	};
	// Ardilla caminando, en forma de onda, subiendo y bajando brazos
	// Ejercicio: movimiento de piernas para caminar

	var sr = new Avatar("squirrel");
	sr.scale(0.5);
	var x=0, y=0;
	var up=true, pause=false;
	smooth();
	var draw = function() {
	background(255);
	var av1 = new Avatar("panther");
	var av2 = new Avatar("squirrel");
	av1.scale(0.6);
	av2.scale(0.4);
	av1.setWave(199);
	av2.setWave(199);
	noCursor();
	var draw = function()
	{
	fill(127, 165, 176, 99);
	var av = new Avatar("squirrel3");
	var pause = false;

	var draw = function() { // test limits & pivots
	background(240);
	for ( var i=0; i<av.Joints; i++) {
	av.rotate(i,random(-3,3));
	}
	av.drawPivots(mouseX,mouseY);
	};
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title> HTML + CSS + SVG </title>
	<style>
	body { background-color: orange; }
	h1 { text-align: center; }
	#svg {
	background-color: #fff;