摘要： 1. 前言背景 在HTML5出现之前，Web页面访问音视频主要是通过Flash，Activex插件，还有微软后来推出的silverlight来展现的，尽管FLASH曾经风靡全球，但是随着互联网的不断发展，进入移动时代以后，Flash的风头渐渐被HTML5替代，主要原因是Flash经常爆出漏洞，安全性 阅读全文

摘要： Express是一基于Node的一个框架，用来快速创建Web服务的一个工具，为什么要使用Express呢，因为创建Web服务如果从Node开始有很多繁琐的工作要做，而Express为你解放了很多工作，从而让你更加关注于逻辑业务开发。举个例子： 创建一个很简单的网站： 1. 使用Node来开发： 这是 阅读全文

摘要： util-request.js 动态加载模块/** * util-request.js - The utilities for requesting script and style files * ref: tests/research/load-js-css/test.html */var he... 阅读全文

摘要： Sea.js:var seajs = global.seajs = { // The current version of Sea.js being used version: "@VERSION"}var data = seajs.data = {}代码定义了一个seajs变量并暴露给全局，变... 阅读全文

摘要： seajs是一个非常流行的模块开发引擎，目前项目中使用比较多，为了深入了解已经改进seajs我阅读了他的源码，希望对自己的代码生涯能有所启发。本文说介绍的是指seajs2.3.3版本。首先seajs的源编码结构如下：intro.js 闭包结构的前半部分（类似于左括号）sea.js 版本和全局变量ut... 阅读全文

摘要： 光的类型：所有的光都是从THREE.Light继承，分为环境光THREE.AmbientLight，点光源PointLight，聚光灯THREE.SpotLight和方向光THREE.DirectionalLight等。1. 环境光：一种无处不在的光，任何物体任何方向都可以感受的光源，这种光源和物体... 阅读全文

摘要： 相机的种类：WebGL中的相机有两种：正投影相机和透视相机1. 正投影相机OrthographicCamera：类似于工程图纸中的视角，忽略远近距离，远近的物体比例不变，多用于科学研究，工程图纸的应用OrthographicCamera( left, right, top,bottom, near,... 阅读全文

摘要： 引入Three.js 三大要素：场景，相机和渲染器场景：动画中的容器，所有物体都存在于一个场景当中，三维中的场景类似与二维动画中的canvas相机：一个视角，对场景进行拍摄，通过切换位置和角度能拍摄到不同的景象渲染器：将相机拍摄的内容渲染到浏览器中，最终用户是通过浏览器看到相机的景象的... 阅读全文

摘要： OpenGL和WebGL基本概念OPEN GL:一个跨编程语言、跨平台的编程接口规格的专业的图形程序接口。它用于三维图像（二维的亦可），是一个功能强大，调用方便的底层图形库。WebGL:›一个3D图形标准›融合了Javascript和OPEN GL ES2.0›为HTML5 Canvas提供了硬件3... 阅读全文

摘要： 上一篇介绍了CSS3可以实现mask的方式，本篇介绍canvas同样也可以实现遮罩的方法:原理：canvas是在画布上绘图，可以绘制各种形状，同时可以在一个层上重复画图，默认情况下后面的会覆盖前面的图，但是有一个属性可以设置多个图重复时的显示规则，就如同css3中的-webkit-mask-comp... 阅读全文