首页 > 代码库 > js+ canvas 实现人物走动
js+ canvas 实现人物走动
在网上看了一篇管道工玛利亚走动的图片,感觉人物走动的太生涩了,就写了一下代码修改一下:
js 代码:
//定义数组图片集合 var marios = new Array("image/QQ截图20141119164825.png", "image/QQ截图20141119164845.png", "image/QQ截图20141119164908.png"); var mario = new Image(); var canvas; var ctx; var i = -1; var num = 0; function init() { //alert("----------") setInterval("draw()", 200); } function draw() { i++; //alert(i) mario.src = http://www.mamicode.com/marios[i];>html代码:<body onl oad="init()"> <canvas id="mycanvas" width="400" height="100" style="border: 1px solid #888888;"></canvas> </body>图片:
js+ canvas 实现人物走动
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。