自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(6)
  • 收藏
  • 关注

原创 WebGL入门教程第1篇——六色立方

介绍了WebGL的基础知识,并实战绘制立方体

2014-04-15 20:39:50 23205 19

翻译 教程:制作你的第一个Phaser游戏

制作一个简单的HTML5游戏

2014-04-01 20:02:10 7354 5

原创 时间都去哪儿了——利用User Timing API测量应用性能

简介本文将介绍如何使用User Timing API(用户计时接口)来测量应用完成任务的时长,而不去讨论User Timing API相对于Date.now带来了哪些优势。浏览器兼容性User Timing API已经是w3c推荐API,目前IE10+和chrome31+已完整支持,firefox不支持。既然是推荐API,firefox不久之后也应该会支持。从需求开始假如我

2014-03-24 15:33:50 4122

原创 我有特殊的节能技巧,处理事件的时候我会装作四处看风景

本文主要讲的是基于requestAnimationFrame的函数节流技巧。如果你还不熟悉requestAnimationFrame,你可以看一下msdn上的这篇文章基于脚本的动画的计时控制。requestAnimationFrame有助于我们创建丝滑柔顺的动画,同时也有利于优化性能和节约电能。然而我们创建的很多动画都要依赖于DOM事件,像mousemove,resize,scroll等这

2014-03-22 18:58:21 1944

原创 WebGL的原生API不可能那么可爱

本文简介通过三种方法实现同一目标来展示WebGL原生API,并引导读者入门WebGL(伪)。本文将分别使用Canvas 2D Context,Three.js,WebGL来绘制一个最简单的图形——一个6*6像素的点。正文当你第一次听说浏览器支持WebGL了,你可能欢呼雀跃,暗喜我大前端也有能操纵3D图形的一天。你按捺不住激动的心情拿出冰箱里百威啤酒,猛喝了一口。你潇洒的打开浏览器,

2014-03-14 17:43:04 5362 8

原创 three.js伪入门教程之旋转的九尾妖狐

WebGL是一项利用JavaScript API呈现3D计算机图形的技术,其原生API灵活且高性能,但是这些优点的代价就是入门困难,在后续文章我会慢慢和大家分享我学习WebGL的感悟和心得。three.js是一个封装了WebGL API的轻量级库,官方称是其为傻瓜而生的(难道我连傻瓜都不如么……,学习起来略吃力丫)。本文将通过介绍使用three.js在浏览器里渲染一只旋转的九尾妖狐模型引导大家入门

2014-03-03 22:07:28 47895 18

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除