Sábado, 2017-12-16
OSCAR MENA
Menú del sitio
Nuestra encuesta
Calificar mi sitio
Total de respuestas: 20
Estadísticas

Total en línea: 1
Invitados: 1
Usuarios: 0
Su navegador no soporta canvas :(


Si les gusta, dejen comentarios. Libro de visitas o en Contáctenos
<canvas width="800" height="200" id="Canvas" style="border:3px solid #000">Su navegador no soporta canvas :( </canvas>
<script language="javascript" type="text/javascript"> 

var frase1="¿Que le regaló...";
var frase2="Robin a Batman...";
var frase3="en su cumpleaños?";
var frase4="¡Una batidora!.";
var xx1=78, cor=90, ind=0, gra=0, gra2=0, gra3=0;
var xx2=25, xx3=50, xx4=50, xx5=50, xx6=0, xx7=50, xx8=25;
var cc1=50, cc2=40, cc3=90, cc4=60, cc5=50, cc6=70, cc7=-20, cc8=50, cc9=20, cc10=30, cc11=71;
var tt1=79, tt2=20, tt3=44, tt4=40, tt5=10, tt6=58, tt7=20, tt8=75, tt9=50, tt10=38, tt11=50;

canvas = document.getElementById('Canvas');
ctx = canvas.getContext('2d');
canvas.style.background='rgb(192,192,192)';
ctx.textAlign="center";
ctx.textBaseline="middle";
ctx.font = "bold 55px Comic Sans MS";
cirarec(92,100);
banner();

function banner(){
 setInterval(function () { movi(); }, 100);
}

function movi(){
ind++;
gra2+=0.1;
if(gra2>=1){gra2=0;}
gra3+=0.2
if(gra3>=1){gra3=0;}
gradi3=ctx.createLinearGradient(0, 0, 800, 200);
gradi3.addColorStop(0, 'rgb(0,0,0)');
gradi3.addColorStop(gra3, 'rgb(255,255,255)');
gradi3.addColorStop(1, 'rgb(0,0,0)');
ctx.fillStyle = gradi3;
if(ind<=30){
ctx.fillText(frase1, 400, 100);
ctx.strokeText(frase1, 400, 100);
cirarec(cor,100);
logo(cor,100);
}
if(ind>30 && ind<=92){
xx1-=0.5;
cor+=10;
if(xx1<50){xx1=50;}
ctx.clearRect(0, 0, 800, 200);
ctx.beginPath();
ctx.rect(cor, 0, 800, 200);
ctx.save();
ctx.clip();
ctx.fillText(frase1, 400, 100);
ctx.strokeText(frase1, 400, 100);
ctx.restore();
ctx.beginPath();
ctx.rect(0, 0, cor, 200);
ctx.save();
ctx.clip();
ctx.fillText(frase2, 400, 100);
ctx.strokeText(frase2, 400, 100);
ctx.restore();
cirarec(cor,100);
logo(cor,100);
}
if(ind>92 && ind<=122){
ctx.fillText(frase2, 400, 100);
ctx.strokeText(frase2, 400, 100);
cirarec(cor,100);
logo(cor,100);
}
if(ind>122 && ind<=184){
xx2+=0.5;
if(xx2>40){xx2=40;}
xx3++;
if(xx3>90){xx3=90;}
xx4+=0.3;
if(xx4>60){xx4=60;}
xx5+=0.5;
if(xx5>71){xx5=71;}
xx6+=0.5;
if(xx6>20){xx6=20;}
xx7-=0.5;
if(xx7<20){xx7=20;}
xx8+=0.1;
if(xx8>30){xx8=30;}
cor-=10;
ctx.clearRect(0, 0, 800, 200);
ctx.beginPath();
ctx.rect(cor, 0, 800, 200);
ctx.save();
ctx.clip();
ctx.fillText(frase3, 400, 100);
ctx.strokeText(frase3, 400, 100);
ctx.restore();
ctx.beginPath();
ctx.rect(0, 0, cor, 200);
ctx.save();
ctx.clip();
ctx.fillText(frase2, 400, 100);
ctx.strokeText(frase2, 400, 100);
ctx.restore();
recacor(cor,100);
logo(cor,100);
}
if(ind>184 && ind<=214){
ctx.fillText(frase3, 400, 100);
ctx.strokeText(frase3, 400, 100);
recacor(cor,100);
logo(cor,100);
}
if(ind>214 && ind<=276){
cc1+=0.5;
if(cc1>79){cc1=79;}
cc2-=0.5;
if(cc2<20){cc2=20;}
cc3--;
if(cc3<44){cc3=44;}
cc4-=0.5;
if(cc4<40){cc4=40;}
cc5--;
if(cc5<10){cc5=10;}
cc6-=0.2;
if(cc6<58){cc6=58;}
cc7++;
if(cc7>20){cc7=20;}
cc8+=0.5;
if(cc8>75){cc8=75;}
cc9+=0.5;
if(cc9>50){cc9=50;}
cc10+=0.2;
if(cc10>38){cc10=38;}
cc11-=0.5;
if(cc11<50){cc11=50;}
cor+=10;
ctx.clearRect(0, 0, 800, 200);
ctx.beginPath();
ctx.rect(cor, 0, 800, 200);
ctx.save();
ctx.clip();
ctx.fillText(frase3, 400, 100);
ctx.strokeText(frase3, 400, 100);
ctx.restore();
ctx.beginPath();
ctx.rect(0, 0, cor, 200);
ctx.save();
ctx.clip();
ctx.fillText(frase4, 400, 100);
ctx.strokeText(frase4, 400, 100);
ctx.restore();
coratri(cor,100);
logo(cor,100);
}
if(ind>276 && ind<=306){
ctx.fillText(frase4, 400, 100);
ctx.strokeText(frase4, 400, 100);
coratri(cor,100);
logo(cor,100);
}
if(ind>306 && ind<=368){
tt1-=0.2;
if(tt1<71){tt1=71;}
tt2+=0.5;
if(tt2>40){tt2=40;}
tt3+=0.5;
if(tt3>71){tt3=71;}
tt4+=0.5;
if(tt4>61){tt4=61;}
tt5+=0.5;
if(tt5>36){tt5=36;}
tt6+=0.5;
if(tt6>81){tt6=81;}
tt7-=0.5;
if(tt7<0){tt7=0;}
tt8-=0.5;
if(tt8<61){tt8=61;}
tt9-=0.5;
if(tt9<36){tt9=36;}
tt10+=0.1;
if(tt10>40){tt10=40;}
tt11+=0.5;
if(tt11>71){tt11=71;}
cor-=10;
ctx.clearRect(0, 0, 800, 200);
ctx.beginPath();
ctx.rect(cor, 0, 800, 200);
ctx.save();
ctx.clip();
ctx.fillText(frase1, 400, 100);
ctx.strokeText(frase1, 400, 100);
ctx.restore();
ctx.beginPath();
ctx.rect(0, 0, cor, 200);
ctx.save();
ctx.clip();
ctx.fillText(frase4, 400, 100);
ctx.strokeText(frase4, 400, 100);
ctx.restore();
triacir(cor,100);
logo(cor,100);
}
if(ind>368){
xx1=78, cor=90, ind=0;
xx2=25, xx3=50, xx4=50, xx5=50, xx6=0, xx7=50, xx8=25;
cc1=50, cc2=40, cc3=90, cc4=60, cc5=50, cc6=70, cc7=-20, cc8=50, cc9=20, cc10=30, cc11=71;
tt1=79, tt2=20, tt3=44, tt4=40, tt5=10, tt6=58, tt7=20, tt8=75, tt9=50, tt10=38, tt11=50;
}
}

function cirarec(a,b){
gradi2=ctx.createRadialGradient(a, b+0, 1, a, b, 80);
gradi2.addColorStop(0, 'rgb(0,0,0)');
gradi2.addColorStop(gra2, 'rgb(255,255,255)');
gradi2.addColorStop(1, 'rgb(0,0,0)');
ctx.fillStyle = gradi2;
ctx.lineWidth = 3;
ctx.strokeStyle = 'rgb(0,0,0)';
ctx.beginPath();
ctx.moveTo(a-50, b-50);
ctx.bezierCurveTo(a-20, b-xx1, a+20, b-xx1, a+50, b-50);
ctx.bezierCurveTo(a+xx1, b-20, a+xx1, b+20, a+50, b+50);
ctx.bezierCurveTo(a+20, b+xx1, a-20, b+xx1, a-50, b+50);
ctx.bezierCurveTo(a-xx1, b+20, a-xx1, b-20, a-50, b-50);
ctx.closePath();
ctx.fill();
ctx.stroke();
}

function recacor(a,b){
gradi2=ctx.createRadialGradient(a, b+0, 1, a, b, 80);
gradi2.addColorStop(0, 'rgb(0,0,0)');
gradi2.addColorStop(gra2, 'rgb(255,255,255)');
gradi2.addColorStop(1, 'rgb(0,0,0)');
ctx.fillStyle = gradi2;
ctx.lineWidth = 3;
ctx.strokeStyle = 'rgb(0,0,0)';
ctx.beginPath();
ctx.moveTo(a+0, b-50);
ctx.quadraticCurveTo(a+xx2, b-xx3, a+xx4, b-50);
ctx.quadraticCurveTo(a+xx5, b-xx6, a+50, b+xx7);
ctx.quadraticCurveTo(a+xx8, b+50, a, b+xx5);
ctx.quadraticCurveTo(a-xx8, b+50, a-50, b+xx7);
ctx.quadraticCurveTo(a-xx5, b-xx6, a-xx4, b-50);
ctx.quadraticCurveTo(a-xx2, b-xx3, a, b-50);
ctx.closePath();
ctx.fill();
ctx.stroke();
}

function coratri(a,b){
gradi2=ctx.createRadialGradient(a, b+0, 1, a, b, 80);
gradi2.addColorStop(0, 'rgb(0,0,0)');
gradi2.addColorStop(gra2, 'rgb(255,255,255)');
gradi2.addColorStop(1, 'rgb(0,0,0)');
ctx.fillStyle = gradi2;
ctx.lineWidth = 3;
ctx.strokeStyle = 'rgb(0,0,0)';
ctx.beginPath();
ctx.moveTo(a, b-cc1);
ctx.quadraticCurveTo(a+cc2, b-cc3, a+cc4, b-cc5);
ctx.quadraticCurveTo(a+cc6, b+cc7, a+cc8, b+cc9);
ctx.quadraticCurveTo(a+cc10, b+50, a, b+cc11);
ctx.quadraticCurveTo(a-cc10, b+50, a-cc8, b+cc9);
ctx.quadraticCurveTo(a-cc6, b+cc7, a-cc4, b-cc5);
ctx.quadraticCurveTo(a-cc2, b-cc3, a, b-cc1);
ctx.closePath();
ctx.fill();
ctx.stroke();
}

function triacir(a,b){
gradi2=ctx.createRadialGradient(a, b+0, 1, a, b, 80);
gradi2.addColorStop(0, 'rgb(0,0,0)');
gradi2.addColorStop(gra2, 'rgb(255,255,255)');
gradi2.addColorStop(1, 'rgb(0,0,0)');
ctx.fillStyle = gradi2;
ctx.lineWidth = 3;
ctx.strokeStyle = 'rgb(0,0,0)';
ctx.beginPath();
ctx.moveTo(a+0, b-tt1);
ctx.quadraticCurveTo(a+tt2, b-tt3, a+tt4, b-tt5);
ctx.quadraticCurveTo(a+tt6, b+tt7, a+tt8, b+tt9);
ctx.quadraticCurveTo(a+tt10, b+tt11, a, b+tt11);
ctx.quadraticCurveTo(a-tt10, b+tt11, a-tt8, b+tt9);
ctx.quadraticCurveTo(a-tt6, b+tt7, a-tt4, b-tt5);
ctx.quadraticCurveTo(a-tt2, b-tt3, a, b-tt1);
ctx.closePath();
ctx.fill();
ctx.stroke();
}

function logo(a,b){
gra+=0.1;
if(gra>=1){gra=0;}
ctx.lineWidth = 2;
ctx.strokeStyle = 'rgb(0,0,0)';
ctx.beginPath();
gradi=ctx.createLinearGradient(a, b-70, a, b+70);
gradi.addColorStop(0, 'rgb(0,0,0)');
gradi.addColorStop(gra, 'rgb(255,255,255)');
gradi.addColorStop(1, 'rgb(0,0,0)');
ctx.fillStyle = gradi;
ctx.moveTo(a-10, b-15);
ctx.lineTo(a-7, b-35);
ctx.quadraticCurveTo(a+0, b-15, a+7, b-35);
ctx.lineTo(a+10, b-15);
ctx.bezierCurveTo(a+28, b-18,a+42, b-7, a+40, b+15);
ctx.quadraticCurveTo(a+32, b-1, a+23, b+15);
ctx.quadraticCurveTo(a+10, b-5, a+6, b+35);
ctx.quadraticCurveTo(a+0, b+5, a-6, b+35);
ctx.quadraticCurveTo(a-10, b-5, a-23, b+15);
ctx.quadraticCurveTo(a-30, b-1, a-40, b+15);
ctx.bezierCurveTo(a-42, b-7,a-28, b-18, a-10, b-15);
ctx.fill();
ctx.stroke();
}
</script> 
Formulario de entrada
Carrito de Compras
Su carrito de compras está vacío
Búscar
Amigos del sitio
  • Crea un sitio web gratis
  • Escritorio en Línea
  • Juegos Online Gratuitos
  • Video Tutoriales
  • Todos los Tags de HTML
  • Navegador Kits
  • Copyright MyCorp © 2017
    Constructor de sitios web - uCoz