-
使用火狐开发版本的性能监测工具提高星球保卫小游戏的性能
Firefox Performance Tool Power Surge Refer to: https://www.mozilla.org/en-US/firefox/developer/ 需要在Firefox中打开监控游戏性能。
-
Canvas 隧道动画和动画缓存的应用
Crazy face tunnel effect with cached animation. 刚开始动画较缓慢,后面通过缓存,提高渲染性能。
-
使用jQuery.velocity.js实现基于DOM的随机泡沫运动动画
本例未使用Canvas和WebGL,使用了velocity和css3来实现多粒子运动,主要目的在于演示velocity的全部用法以及性能测试。
-
HTML5 SVG 曲线时钟
不要把大量SVG或JS代码放在编辑器中,这会导致WOW页面加载性能大大下降。把这些图片或脚本另存文件,像本例一样加载,将快得多。
-
使用本地存储来提供Web字体的性能
HTML5 Improving Web Font Performance with Local Storage Read more: http://www.sitepoint.com/improving-font-performance-subsetting-local-storage/
-
使用HTML5 contenteditable属性和:empty伪类实现带placeholder信息的输入框
Using contenteditable and :empty for form fields contenteditable是HTML5引入的新属性,可以给任何文本元素添加“可编辑特性”,再也不用使用一些hack方法(如创建同位置的input输入框)来实现即时编辑功能了。
-
SVG 分别用Polygon和Path画出的小鸭
绘制曲线使用Polygon可以获得更高的性能(使用更少的参照点和绘制动作)和平滑度。 画曲线的指令为C,含3个参数,依次为控制点1和控制点2,以及终点坐标。
-
HTML5使用不同精度的图片来实现图像放大镜效果
Universe Zoom 使用4张不同大小的图,改变放大镜的背景图达到缩放的视觉效果。这个方法视觉效果比CSS3的scale变换要好,但是性能差。
-
Velocity.js 新闻列表项的摇晃渐入动效
Simple stagger animation effect with Velocity.js. Velocity.js是一个jQuery动画插件,用来替换jQuery的animation方法,大幅提升animation的性能。
-
HTML5 WebSql 本地关系数据库功能演示
Web Sql是HTML5的本地存储API,适用于存储关系型数据。 webSql并非HTML5标准的一部分,而是独立于HTML5的一个标准,其兼容性要低于localStorage,使用时注意多测试目标环境。
-
HTML5 Canvas小丑表情秀
使用高性能的Canvas JS框架Kinetic5.1.0版本构建的一个简单的小丑表情图形。 参考链接: http://www.csdn.net/article/2014-07-03/2820518-KineticJS 注意需要引用最新版本的Kinetic,如果使用老版本比如4.7,画出来的线条是直线而不是曲线。
- 推广服务(新)
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...
更多...