WEB
northwind_x
彷徨中
展开
-
设置canvas画布宽高
<br /> <br />设置canvas画布宽高时,得用canvas的width,height属性,如果用CSS或者style中的width,height,则是在现有宽高的情况下进行拉伸。原创 2010-08-20 16:45:00 · 1899 阅读 · 2 评论 -
基于HTML5的战棋游戏引擎
出于对战棋游戏的喜爱,结合自己所学,闲来制作了基于HTML的战棋游戏引擎,现在还只是毛坯版本,只是能展示,角色可以移动而已:线上地址: http://slgengine.googlecode.com/svn/trunk/canvas.html只有支持HTML5的浏览器才能正常运行,即非IE的浏览器,支持FireFox,Safari, Chrome, Opera 本人也很喜欢历史,所以想搭建一个SLG游戏的平台,通过简单的可视化操作来编辑剧本,摆脱曹操传MOD的既有模式,让非计算机人员也可原创 2010-09-13 10:24:00 · 4880 阅读 · 1 评论 -
利用HTML5中Canvas处理并存储图片
<br /> <br /> HTML5中增加的Canvas元素,配合JS灵活的语法,处理起图片变得异常简单,不需要在客户端用C/C++写一大堆代码,对于熟悉JS的程序员来说,只需要考虑处理图片的逻辑了。<br /> <br /> <br /> canvas中如果想要处理图片就需要借助ImageData这个对象,就是将画布中某一区域中的图像以RGBA的方式保存下来,存成一个二维数组。<br /> ctx.getImageData( x, y, w, h)原创 2010-09-10 00:15:00 · 29542 阅读 · 3 评论 -
HTML5中Canvas绘图方法性能测试
<br /> <br /> canvas中绘图的方法无非三样:绘制矢量图,drawImage,putImageData。在做战棋游戏时,效果主要用图片实现,所以主要是评测drawImage,putImageData两个方法的效能。<br /> <br /> 测试中主要设置如下几个技术指标 : 刷新频率i, 图片大小w,h, 绘制图片个数n, FF占CPU比cpu, 图层数量layers<br /> <br />采用drawImage方法:<br />1. 刷新频率i = 20, 图片个数原创 2010-09-16 16:19:00 · 6501 阅读 · 0 评论