29/03/2012, 20:31
| ||||
| ||||
| Mover fondo de un escenario!! Hola estoy trabajando con el canvas de html5 y javascript , lo que quiero hacer es que el fondo de mi escenario se muestre el efecto de que se esta moviendo de forma vertical. creo que esto se hace redibujando con drawImage() y ir cambiando la imagen de fondo pero no estoy seguro, alguien tiene idea de como podria lograr este efecto. saludos |
|
30/03/2012, 07:03
| |||
| |||
| Respuesta: Mover fondo de un escenario!! Cita: Es que dijo que lo quiere para un escenario canvas. A menos que esté usando uno como fondo de alguna caja, pero sería muy raro, supongo que algo así lo hubiese advertido en el mensaje.y si lo intentas con css3? El método está en cualquier tutorial. Te dejo algo como muestra. No es lo más eficiente ni lo mejor que se ha escrito, pero para empezar creo que está bien.
Código:
Usé una imagen real, no estoy seguro de si el modelo crea sus propios dibujos. Pero sería más o menos lo mismo.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>IMAGEN EN CANVAS QUE SE DESPLAZA.</title>
<script type="text/javascript">
var ye = 0;
var img = new Image();
img.src = 'http://img31.imageshack.us/img31/4550/ojos210.gif';
function draw() {
ye = (ye < -1000)? 0 : ye-2;
var ctx = document.getElementById('canvas').getContext('2d');
ctx.clearRect(0,0,800,300);
ctx.drawImage(img,0,ye);
setTimeout(draw , 100);
}
onload = draw;
</script>
</head>
<body>
<canvas id="canvas" width=800 height=300></canvas>
</body>
</html>
Imagen: ◙  |
|
30/03/2012, 07:18
| ||||
| ||||
| Respuesta: Mover fondo de un escenario!! Muchas gracias , con css no podria por lo que trabajo en el canvas , pero igual es buena la idea, el ejemplo que colocaste funciona muy bien , la idea es tener una imagen muy larga para irla moviendo no se si eso esta bien y es optimo , o si saben de otra forma de hacer esto. saludos |
|
30/03/2012, 09:58
| |||
| |||
| Respuesta: Mover fondo de un escenario!! De nada. Hay más maneras de hacer esto mismo, pero depende de lo que estés inventando. La imagen larga puede ser "real" o generada en el mismo canvas, y cada caso va a ser distinto de resolver. Igual, está lleno de tutoriales. No te recomiendo ninguno porque en gugl vas a encontrar muchos más. Y mejor hechos.  |
| Etiquetas: |
