摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 之前在当耐特的DEMO里看到个打飞机的游戏,然后就把他的图片和音频扒了了下来。。。。自己凭着玩的心情重新写了一个。仅供娱乐哈。。。。。。我没有用框架,所有js都是自己写的。。。。。。所以就可以来当个简单的教程,对那些刚玩canvas... 阅读全文
posted @ 2014-03-05 18:04 W·Axes 阅读(7294) 评论(13) 推荐(12) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! canvas玩多了后,就会自动的要开始考虑性能问题了。怎么优化canvas的动画呢? 【使用缓存】 使用缓存也就是用离屏canvas进行预渲染了,原理很简单,就是先绘制到一个离屏canvas中,然后再通过drawImage把离屏... 阅读全文
posted @ 2014-02-25 18:02 W·Axes 阅读(18192) 评论(15) 推荐(12) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 过年的十八天假期迷迷糊糊一下子就过去了(LZ还是实习生,鉴于大学最后一个寒假了,所以就多请了好多天假),又要返工上班了。这是年后的第一篇博客了。其实就是水一下,毕竟不能冷落博客太久啊。 这两天刚好抱着玩的心情写了个接水管游戏,本来... 阅读全文
posted @ 2014-02-17 15:39 W·Axes 阅读(4279) 评论(9) 推荐(4) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 要过年了,过年想到的就是放烟火啦。。。。于是就用canvas写了个放烟火的效果,鼠标点击也会产生烟火,不过不要产生太多烟火哦,一个烟火散出的粒子是30到200个之间,当页面上的粒子数量达到一定的时候,页面就会很卡咯,我也没特意去优化... 阅读全文
posted @ 2014-01-23 17:54 W·Axes 阅读(6496) 评论(20) 推荐(23) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 玩Canvas玩了有两三个礼拜了,平面的东西玩来玩去也就那样,所以就开始折腾3D了。 因为Canvas画布终究还是平面的,所以要有3D就得抽象出一个Z轴。然后再把3D坐标转换成2D坐标,画到画布上,再通过旋转等变换效果来产生3D感... 阅读全文
posted @ 2014-01-22 12:19 W·Axes 阅读(21933) 评论(13) 推荐(7) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 昨天上班的时候闲着无事,就用Canvas写了个桌球游戏来玩玩。。。。所以就拿这游戏上来水一发。或许对一些刚学canvas的人有帮助。 话说这只是一个简单的DEMO。游戏性,游戏规则什么的我都没怎么考虑,如果有兴趣细化的朋友可以细化... 阅读全文
posted @ 2014-01-18 11:14 W·Axes 阅读(7359) 评论(23) 推荐(8) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 虽然现在很多浏览器都还不支持css3的3D转换,不过估计也已经有很多人都有玩css3的3D了。。。。。。所以我这篇也就相当于水一下了,哈哈。 用css3写3D立方体用到的属性不多,就那么几个:perspective,transfo... 阅读全文
posted @ 2014-01-15 10:32 W·Axes 阅读(5437) 评论(4) 推荐(4) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 跟之前的随笔一样,因为本人仍是菜鸟一只,所以用到的技术比较简单,不适合大神观看。。。。。。 学canvas学了有一个多礼拜了,觉得canvas真心好玩。学canvas的人想法估计都跟我差不多,抱着写游戏的态度去学canvas的。所... 阅读全文
posted @ 2014-01-10 11:08 W·Axes 阅读(3904) 评论(11) 推荐(5) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 几天前同事给我看了一个特效,是一个拼图游戏,不同的是,拼图里的是动画。他让我看下做个DEMO,于是就自己整了一会,也确实不难。用canvas很容易做。所以这篇博文不适合高手看。。。。就是随便写来玩玩的。 效果图:。。。至少我刚看到... 阅读全文
posted @ 2014-01-07 17:27 W·Axes 阅读(3827) 评论(4) 推荐(3) 编辑
摘要: 声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 最近开始用canvas搞3D了,搞得也是简单的东西,就是球体转圈。做出来后,突然想起以前看过的3D标签云,在以前觉得真心狂拽酷炫叼啊,当时也确实不知道怎么在平面上模拟3D,所以也就没去搞了。现在刚好用了canvas搞3D,也发现,好... 阅读全文
posted @ 2014-01-02 10:25 W·Axes 阅读(18902) 评论(24) 推荐(21) 编辑