上一篇用canvas去实现碎裂的效果,优点在于性能流畅,缺点在于无法显示3D效果(没有去尝试WebGL碎裂的研究……)、碎裂的实现也挺麻烦的,毕竟canvas中的clip只是获取绘图区域的一部分子区域,而并不是将某个元素取部分碎片,今天说的clip-path就不一样啦,我本身很喜欢用这个去实现碎裂不...
分类:
其他好文 时间:
2015-05-31 12:10:55
阅读次数:
117
??孙广东 2015.5.20介绍IL2CPP内部构建将近一年以前的事了,Unity开始谈论未来在Unity中的脚本。新的 IL2CPP 脚本后端答应(highly-portable)给Unity带来了高性能、 高便携式虚拟机。今年 1 月,Unity使用 IL2CPP,尝试的第一平台是iOS 64-bit。Unity5 发布带来了另一种平台:WebGL。由于从我们拥有的强大的社区,用户的输入,...
分类:
编程语言 时间:
2015-05-20 09:45:59
阅读次数:
416
什么是Three.jsthree.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不...
分类:
Web程序 时间:
2015-05-20 00:21:46
阅读次数:
1796
商域无疆 (http://blog.csdn.net/omni360/)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句:商域无疆 - 本博客专注于敏捷开发及移动和物联设备研究:数据可视化、GOLANG、Html5、WEBGL、THREE.JS,否则,出自本博客的文章拒绝转载或再转载...
分类:
Web程序 时间:
2015-05-16 16:26:50
阅读次数:
186
Threejs-webGL库官方网站:http://threejs.org/学习教程:https://github.com/josdirksen/learning-threejs源码下载:http://blog.csdn.net/column/details/omni360threejs.html源...
分类:
Web程序 时间:
2015-05-04 13:31:37
阅读次数:
193
花了大概一天左右的功夫实现了一个js小游戏的基本功能,类似于“雷电”那样的小游戏,实现了随即怪物发生器,碰撞检测,运动等等都实现了,下一个功能是子弹轨迹,还有其他一些扩展功能,没有用库,也没有用webGl之类的,单纯的逻辑+对DOM的操作,算是一次试手吧,之所以没有继续去完善,是因为想要整合一下,各...
分类:
Web程序 时间:
2015-04-28 11:09:24
阅读次数:
134
ThreeJS是一个基于WebGL的开源库,使用起来十分方便。不过由于是开源,所以相关文档相当稀少,本人把在学习过程中遇到的一些问题及解决方法整理成一个专栏,希望对大家可以有所帮助!在ThreeJS中如果直接把PNG贴图赋给材质,是无法在场景中正常显示的,效果如下图所示:贴图是自己随便找的PNG图片...
分类:
Web程序 时间:
2015-04-23 19:48:37
阅读次数:
2387
目前有越来越多的网站都使用animation,无论他们是用GIF,SVG,WebGL,视频背景或者其他形式展示。适当地使用动画会让网站更生动,互动性更好,为用户增加一个额外的反馈和体验层。在本教程中我会向你介绍CSS动画;随着浏览器支持性的提高已经变得越来越流行了,css动画在做一些事情上有很高的性...
分类:
Web程序 时间:
2015-04-23 12:51:57
阅读次数:
246
笔记本一般有双显卡,默认可以切换,但是使用浏览器打开的要合适的浏览器打开WEBGL程序,包括驱动,浏览器,有时候需要手工设置独立显卡一般来说价钱四五千以上的笔记本电脑都是支持WEBGL的,而且可以自动切换如果不现实WEBGL程序的话,可以下载个最新的chrome版本,因为有的浏览器可能安装的时候有问...
分类:
其他好文 时间:
2015-04-17 01:15:06
阅读次数:
131
HTML5画布(CANVAS)元素>HTML5画布(Canvas)元素浏览器不支持画布(canvas)时的备案 your browser doesn't support canvas!2d contextvar context = canvas.getContext('2d');Webgl con....
分类:
Web程序 时间:
2015-04-16 19:06:14
阅读次数:
191