Hola como primer post en HTML5
Necesito si se puede con canvas crear el movimientos de las olas
Usando css para dibujar las olas o de imagenes directamentes
actualmente estoy en un pegon:
Código:
<script type="text/javascript">
var scrollSpeed = 1; // Speed in milliseconds
var step = 1; // How many pixels to move per step
var current = 0; // The current pixel row
var imageWidth = 1139; // Background image width
var headerWidth = 548; // How wide the header is.1280
//The pixel row where to start a new loop
var restartPosition = -(imageWidth - headerWidth);
function scrollBg(){
//Go to next pixel row.
current -= step;
//If at the end of the image, then go to the top.
if (current == restartPosition){
current = 0;
}
//Set the CSS of the header.
$('#header').css("background-position",current+"px 0");
}
//Calls the scrolling function repeatedly
var init = setInterval("scrollBg()", scrollSpeed);
</script>
con esto logro mover pero es de izquierda a derecha y lo quiero rebotando
ayuda por favor????