注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

fanhq666的博客

Fan-Fun

 
 
 

日志

 
 

神奇的HTML5  

2011-01-03 17:25:03|  分类: 程序 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
神奇的HTML5 - fanhq666 - fanhq666的博客
 
如果一谈到写一个如图所示的贪吃蛇的小游戏,你就立刻往C++或ActionScript上想,那么你就要抓紧跟上时代吧。
利用HTML5的新特性,我们可以轻松加愉快地在网页上用Javascript写出上面展示的小游戏。
http://cid-354ed8646264d3c4.office.live.com/self.aspx/.Public/greedysnake^_html5.html
(如果你用的是IE浏览器,那么可能无法看到效果;建议使用Chrome)
秘诀就是HTML5提供了一个新的标签:<canvas>
在javascript里,我们可以像用其他语言那样画图:
<canvas id="canvas1" width=100 height=100></canvas>
<script>
var cv=document.getElementById("canvas1").getContext("2d");
cv.fillStyle="#ff0000";
cv.fillRect(10,10,80,80);     //很眼熟不是?
</script>

这个画了一个矩形

HTML5提供的其他的特性包括:统一的音频和视频标签(不用flash插件了)
可以从这个网址开始了解更多:

使用javascript的一个比较纠结的问题是调试。令人惊喜的是,Chrome浏览器自带的开发者工具JavaScript控制台是一个方便又高效的调试器。配合css等技术,我觉得以后可以再也不和Powerpoint较劲了……

另一个“高智商”一点的例子
神奇的HTML5 - fanhq666 - fanhq666的博客
http://cid-354ed8646264d3c4.office.live.com/self.aspx/.Public/anotherexample^_html5.html
注意哦,你需要先下载下来再在浏览器里打开它。
 
  评论这张
 
阅读(490)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017