Browse > Home > Archive: 三月 2011

| Subcribe via RSS

HTML5 Canvas版的斗地主

三月 10th, 2011 | 8 Comments , 1,549 views | Posted by flashlizi in HTML5

此游戏是我继塔防游戏Runner后用CasualJS Framework开发的另一款HTML5 Canvas游戏。游戏处于试验性质,并非完整作品。因此有很多功能并未完成,如电脑出牌AI系统,积分系统等等,有时间我会继续完善。

游戏地址1:http://www.riaidea.com/html5/ddz/
游戏地址2:http://www.html5idea.com/game/ddz/index.html (因在appengine上可能需要翻墙)
运行平台:支持HTML5 Canvas的浏览器,如Chrome9+,Safari5+,Firefox3.6+等,甚至可以在ipad上玩,推荐用Chrome体验(有音效)。
游戏素材:游戏素材均借自QQ斗地主HD。。。

游戏截图:

Javascript同源策略对context.getImageData的影响

三月 6th, 2011 | 2 Comments , 1,269 views | Posted by flashlizi in HTML5

在本机测试HTML5 Canvas程序的时候,如果用context.drawImage()后再用context.getImageData()获取图片像素数据的时候会抛出错:SECURITY_ERR: DOM Exception 18。这是Javascript同源策略(Same origin policy)造成的。目前发现这个问题在Firefox和Chrome中均存在。

解决办法如下:
Firefox:在地址栏输入about:config,然后设置security.fileuri.strict_origin_policy为false。
Chrome:在命令行中运行 /path-to-chrome/chrome.exe –allow-file-access-from-files。