引入Three.js<!DOCTYPE html> <html> <head><title></title> </head> <body><script src="https://raw.github.com/mrdoob/three.js/master/build/three.js"></script> </body> </html>三大要素：场景，相机和渲染器场景：动画中的容器，所有物体都存在于一个场景当中，三维中的场景类似与二维动画中的canvas相机：一个视角，对场景进行拍摄，通过切换位置和角度能拍摄到不同的景象渲染器：将相机拍摄的内容渲染到浏览器中，最终用户...
WebGL编程指南笔记-入门基础篇 着色器介绍着色器分为顶点着色器 跟 片元着色器顶点着色器 描述顶点特性,包括位置,颜色等 片元着色器 进行每个片元的处理过程,如光照等;在三维场景中,仅仅用线条和颜色把图形画出来是远远不够的从js文件到浏览器渲染结果的处理流程示意图画点多基本缓冲区模型 颜色缓冲区: gl.COLOR_BUFFER_BIT 深度缓冲区: gl.DEPTH_BUFFER_BIT 模板缓冲区: gl.STENCIL_BUFFER_BIT 画点关键代码片段// HelloPo...