本文同步更新在: https://github.com/whxaxes/blog/issues/4 ,在 github 看文章显示效果会更好一些。 前言 不知不觉就很长时间没造过什么轮子了,以前一直想自己实现一个模板引擎,只是没付诸于行动,最近终于在业余时间里抽了点时间写了一下。因为我们的项目大部分Read More
posted @ 2017-03-13 13:53 W·Axes Views(2208) Comments(13) Edit
最近在公司内部的技术协会论坛里闲逛的时候,无意中发现了一篇手淘前端大牛岑安两年前写的博文,讲述了canvas的2d贴图技术。看到后觉得相当神奇。于是就自己实现了一下。不过岑安前辈的那篇博文也只是大概讲述了一下实现思路,整个逻辑还是自己慢慢摸索出来的,过程还是挺心酸的,所以在此记录一下并且分享一下...Read More
posted @ 2015-07-15 09:35 W·Axes Views(1986) Comments(8) Edit
之前无意中看到Ovilia用threejs做了个LOW POLY,也就是图片平面三角化的效果,觉得很惊艳,然后就自己花了点时间尝试了一下。 我是没怎么用过threejs,所以就直接用canvas的2d绘图API来做,因为感觉似乎这效果也用不上threejs。 直接上demo先:http://...Read More
posted @ 2015-06-28 14:04 W·Axes Views(1425) Comments(2) Edit
此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能,最近有了点空闲时间,所以就实践了一下。demo效果链接在文章底部贴出。 在做移动端图片上传的时候,用户传的都是手机本地图片,而本地图片一般都相对比较大,拿iphone6来说,平时拍很多图片都是一两M的,如果直接这样上传,那图片就太大了Read More
posted @ 2015-06-27 13:45 W·Axes Views(9118) Comments(39) Edit
在去年的时候,写过一篇关于websocket的博文:http://www.cnblogs.com/axes/p/3586132.html ,里面主要是借助了nodejs-websocket这个插件,后来还用了socket.io做了些demo,但是,这些都是借助于别人封装好的插件做出来的,websocRead More
posted @ 2015-05-19 11:56 W·Axes Views(4620) Comments(1) Edit
声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 一转眼就已经有三个月没写博客了,毕业季事情确实多,现在也终于完全毕业了,博客还是不能落下。偶尔还是要写一下。 玩HTML5的Audio API是因为之前看到博客园里有关于这个的博客,觉得挺好玩的,所以就学习了一下。本文仅作为自己的...Read More
posted @ 2014-07-14 15:38 W·Axes Views(2950) Comments(2) Edit
正文内容加载中...
posted @ 2017-03-13 13:53 W·Axes Views(2208) Comments(13) Edit
前言 "上一篇" 博文讲了如何造一条蛇,现在蛇有了,要让它自由的活动起来,就得有个地图啊,而且只能走也不行呀,还得有点吃的,所以还得加点食物,这一篇博文就来讲讲如何添加地图和食物。 预览效果 当前项目最新效果:http://whxaxes.github.io/slither/ (由于代码一直在更新,Read More
posted @ 2016-04-30 10:17 W·Axes Views(838) Comments(1) Edit
前言 最近 "slither.io" 貌似特别火,中午的时候,同事们都在玩,包括我自己也是玩的不亦乐乎。 好久好久没折腾过canvas相关的我也是觉得是时候再折腾一番啦,所以就试着仿造一下吧。楼主也没写过网络游戏,所以实现逻辑完全靠自己YY。 而且楼主心里也有点发虚,因为有些逻辑还是不知道怎么实现呀Read More
posted @ 2016-04-29 19:17 W·Axes Views(1358) Comments(1) Edit
不知不觉又好久没更过博客了,老调新弹一下,之前做的一个小效果,觉得蛮有意思的,也有朋友问是怎么做的,就分享一下,写个博文吧。 先上demo吧:http://whxaxes.github.io/canvas-test/src//Funny-demo/netparticle/net_1.html 上面这Read More
posted @ 2015-11-12 20:16 W·Axes Views(7686) Comments(56) Edit
最近尝试用了一下Koa,并在此记录一下使用心得。 注意:本文是以读者已经了解Generator和Promise为前提在写的,因为单单Generator和Promise都能够写一篇博文来讲解介绍了,所以就不在这里赘述。网上资料很多,可以自行查阅。 Koa是Express原班人马打造的一个更小,...Read More
posted @ 2015-07-28 16:07 W·Axes Views(1841) Comments(4) Edit
最近在公司内部的技术协会论坛里闲逛的时候,无意中发现了一篇手淘前端大牛岑安两年前写的博文,讲述了canvas的2d贴图技术。看到后觉得相当神奇。于是就自己实现了一下。不过岑安前辈的那篇博文也只是大概讲述了一下实现思路,整个逻辑还是自己慢慢摸索出来的,过程还是挺心酸的,所以在此记录一下并且分享一下...Read More
posted @ 2015-07-15 09:35 W·Axes Views(1986) Comments(8) Edit
之前无意中看到Ovilia用threejs做了个LOW POLY,也就是图片平面三角化的效果,觉得很惊艳,然后就自己花了点时间尝试了一下。 我是没怎么用过threejs,所以就直接用canvas的2d绘图API来做,因为感觉似乎这效果也用不上threejs。 直接上demo先:http://...Read More
posted @ 2015-06-28 14:04 W·Axes Views(1425) Comments(2) Edit
此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能,最近有了点空闲时间,所以就实践了一下。demo效果链接在文章底部贴出。 在做移动端图片上传的时候,用户传的都是手机本地图片,而本地图片一般都相对比较大,拿iphone6来说,平时拍很多图片都是一两M的,如果直接这样上传,那图片就太大了Read More
posted @ 2015-06-27 13:45 W·Axes Views(9118) Comments(39) Edit
在去年的时候,写过一篇关于websocket的博文:http://www.cnblogs.com/axes/p/3586132.html ,里面主要是借助了nodejs-websocket这个插件,后来还用了socket.io做了些demo,但是,这些都是借助于别人封装好的插件做出来的,websocRead More
posted @ 2015-05-19 11:56 W·Axes Views(4620) Comments(1) Edit
此前实现了个数据转发功能,但是要建本地服务器,还需要一个简易的路由功能。因为只是用于本地服务器用于自己测试用,所以不需要太完善的路由功能,所以也就不去使用express框架,而是自己实现一个简易路由,可以针对自己的需求来定制路由功能。 在制作路由功能之前,我先写了一张路由表,表明了自己大概想要...Read More
posted @ 2015-05-10 11:36 W·Axes Views(971) Comments(0) Edit