- 时间:2022-08-24 02:59 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
上一讲我们谈到了如何让静态人物变为动态,今天我们来谈谈如何使人物移动,因为这一讲涉及上一讲内容所以我把上一讲的链接写在下方:
[b]一、图片准备[/b]
今天我准备换几张图片,这样更新鲜些。
[img]http://files.jb51.net/file_images/article/201301/2013012316515021.png[/img]
[img]http://files.jb51.net/file_images/article/201301/2013012316515022.png[/img]
[img]http://files.jb51.net/file_images/article/201301/2013012316515023.png[/img]
这些素材照样来自《三国志曹操传》,如果我没记错,应该是曹操的素材。接下来我要结合上一次的技术,来告诉大家如何使人物走动起来。不过今天我们着重在于如何使人物走动,因为我们上一讲已经讲了如何使人物化静态为动态。
[b]二、代码讲解[/b]
先看总的javascript代码:
[url=http://www.1sucai.cn/w3school/jquery/jquery_effects.htm]http://www.1sucai.cn/w3school/jquery/jquery_effects.htm[/url],这里面还有很多其他jquery函数,可以多了解了解。
当然,animate显而易见,但callback呢???原来它藏在了animate里面。
[url=http://www.1sucai.cn/w3school/jquery/jquery_callback.htm]http://www.1sucai.cn/w3school/jquery/jquery_callback.htm[/url]
另外还有一串代码:
[url=http://xiazai.jb51.net/201301/yuanma/walk_jb51.rar]源代码下载[/url]:(包括一个jquery-1.8.0.js文件)
三、演示效果
首先是:
[img]http://files.jb51.net/file_images/article/201301/2013012316515024.png[/img]
然后是:
[img]http://files.jb51.net/file_images/article/201301/2013012316515025.png[/img]
最后是:
[img]http://files.jb51.net/file_images/article/201301/2013012316515026.png[/img]
[url=http://demo.jb51.net/js/2013/walk/]演示位置
[/url]
[b]四、后记[/b]
首先人物行走和动作是游戏制作必不可少的环节,选择良好的算法和函数是成功的关键。
下一次我们将研究如何用js仿《三国志曹操传》人物情节对话。敬请期待!
希望大家多支持,谢谢。我会以更好的文章来回报大家。
微信版

扫一扫进微信版
返回顶部