首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 开源软件 >

Javascript游戏开发-《三国志曹操传》-开源讲座(1)-让静态人物动起来

2012-09-21 
Javascript游戏开发-《三国志曹操传》-开源讲座(一)-让静态人物动起来首先来说,让一个游戏赋有可玩性必须要

Javascript游戏开发-《三国志曹操传》-开源讲座(一)-让静态人物动起来

首先来说,让一个游戏赋有可玩性必须要动静结合。(哈哈,大家以为我要讲作文了。。。但其实我今天要讲的是Javascript)静态的东西谁不会做呢?因为东西一生下来就是静态的(除非你是用的gif动画),所以不需要任何处理就能完成静态。那么我将要在下面告诉大家如何运用Javascript将静态图片变为动态图片。


一、图片准备

Javascript游戏开发-《三国志曹操传》-开源讲座(1)-让静态人物动起来Javascript游戏开发-《三国志曹操传》-开源讲座(1)-让静态人物动起来  Javascript游戏开发-《三国志曹操传》-开源讲座(1)-让静态人物动起来Javascript游戏开发-《三国志曹操传》-开源讲座(1)-让静态人物动起来Javascript游戏开发-《三国志曹操传》-开源讲座(1)-让静态人物动起来 Javascript游戏开发-《三国志曹操传》-开源讲座(1)-让静态人物动起来 Javascript游戏开发-《三国志曹操传》-开源讲座(1)-让静态人物动起来fight01.pngfight02.pngfight03.pngfight04.png03.png02.png01.png首先,我找了一些出自经典游戏《三国志曹操传》里的素材(这些是魏将庞德的图片)。在下面我要用这些静态图片来演示如何化静为动。如果自己要演示代码,请把以上的图片下载下来,图片名为图片对应下面那一栏。


二、代码讲解先看以下javascript代码:


然后是:

Javascript游戏开发-《三国志曹操传》-开源讲座(1)-让静态人物动起来

 演示位置:http://www.cnblogs.com/yorhom/archive/2012/09/15/2686027.html


四、后记

看完这一篇文章大家一定对Javascript做动态的人物有了初步的了解吧。
以后大家可以尽情发挥自己的想象,运用这种方法作出漂亮的动态游戏。
当然,程序的奥秘不只这些,摸透它也不简单呀!以后我会给大家讲讲其他的Javascript游戏开发技术。希望大家喜欢。

5楼fangyangmao11分钟前
数组,setInterval
4楼chen_zhan_ge3小时前
已阅
3楼xhldtc6小时前
lz我曾经是曹操传忠实粉丝啊,玩过无数MOD。。在CSDN能看到这样的文章真激动
2楼mtttt6小时前
mark
1楼ufostop昨天 16:05
你在你的界面上加10个角色试试,用每一个角色动画都用setInterval驱动改变,是很不明智的。

热点排行