-
HTML5 使用网页工作线程(Web Worker)渲染图像数据的性能测试
本例测试多个网页工作线程在Canvas上渲染几何图形的性能情况。 从测试结果看,并非worker越多越好。本例中4个worker所花费的时间最少。这很自然,更多的worker需要更多的线程维护以及通信系统开销。 本例中包含一些基本的几何计算公式(如矢量加减、矩阵变换等)的JavaScript实现。
-
GSAP, jQuery以及Zepto(CSS3)动画(渐变)性能测试
HTML5 Animation Speed Test: GSAP vs CSS Transitions (Zepto) vs jQuery 大体的比较结果是: 1. 当粒子数量少于100时,渲染效果类似; 2. 当粒子超过1000时,GSAP稍有延迟后正常渲染,而jQuery和CSS3已经很卡。
-
PNG图片的Ishihara测试
Ishihara测试是红绿色素的颜色感知测试。 Source: http://en.wikipedia.org/wiki/Ishihara_Test
-
Three.js 百万级别的粒子动画测试
1 million particles using curl noise + fbo on ThreeJS 关于动画性能的测试用例。 Source: https://gist.github.com/paulirish/523692
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
如何实现three.js响应式设计(消除拉伸变形和锯齿)
我们先创建一个基本的three.js场景里面有一个cube对象。分三步首先声明一个canvas的html元素并设置其样式canvas
AFrame工作原理简要说明
AFrame(a-frame)是Mozilla推出的基于Three.js的一个WebXR ( WebVR ) 应用开发引擎。其架构或设计模式为游戏引擎常用的Entity/Component/System。其总体思想是...
深入剖析JavaScript代码执行上下文、变量范围以及闭包(Closure)
Some concepts are important to grok before you can grok closures. One of them is the execution context.
WebXR桌面浏览器模拟器使用简介
WebXR标准最近(10月份)刚刚发布了工作版本(Working Draft),是一个重要的里程碑。由于WebXR的体验依赖于头戴设...
NodeJS中的module概念以及module.exports和exports的区别
NodeJS为js引入了模块化的一些概念,html里面可以引入js或css,甚至css也可以通过@import来引入其他css文件,而JS一直缺少这个机制,这使得JS很难像其他语言如ja...
更多...