,
很久没写文章了…也不知大家还记不记得以前给大家的承诺本;本,写几篇有关html5开发游戏的文章。今天总算有时间了,不过我还得抓紧时间,因为种种原因,明天我还得投入紧张的工作之中。
言归正传,现在让我们来说说html5开发游戏。有的朋友认为html5开发游戏不就是用javascript开发吗?游戏中的图片可以用& lt; img>贴上去吗?何必还用什么html5嘛。(或许大家都不是这样认为的,但我初学html5时就是这样想的。因此才出现了前面我写的有关javascript开发《三国志曹操传》的系列文章)但并不是这样的,html5开发游戏主要用的是& lt; canvas>标签,& lt; canvas>里的图片是不可以拖动复制的,而& lt; img>是可以的。因此这就体现了html5开发游戏的关键。不过在& lt; canvas>里贴图可不是用一个src属性可以解决的,它要用javascript贴上图片……毕竟开发游戏可不是那么简单的工程嘛……(废话又多说了两句,不过以前曾有为朋友对我说,正是有了这些废话,才使文章“生动“起来的)
接下来我要向大家揭示html5开发游戏的内幕。
,
<强>
html5究竟是怎样使静态的图片变为动态的呢?请看以下分析。
首先我们准备几张图片:,,
,
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
<李类=癮lt”>
<李>
,
接下来是html5代码:
,
[html] , plaincopy视图 ,
,
& lt; canvas>是html5新加标签,估计就是专门为开发游戏设计的。首先我们得对这个新加进来的标签添加id属性,这样就方便大家在javascript里操作了。具体一些信息可以看看w3cschool: <强>
html代码就解释到此,接下来讲讲javascript里的代码:
,
[javascript] , plaincopy视图 ,
,
,
[javascript] , plaincopy视图 ,
,
,
[javascript] , plaincopy视图 ,
