Lao3D的WebGL应用经验分享.pdf

By: 宫中樑 宫中樑 毕业自南京大学多媒体信息技术实验室 工作经历：3D游戏引擎、大数据体绘制、GPGPU 计算、低功耗GPU芯片 业余：Oak3D开发者 （一款WebGL图形引擎） 现Lao3D.com 技术负责人 真实的WebGL现状 避免开纯技术方向流的探讨 从当前时间、实用角度出发 结合Lao3D.com项目实际研发经验 一个上传、展示、分享3D模型的网站 面向3D设计师和有3D嵌入需求的网站 面向浏览器 中的3D展示 主要关注轻量级，高稳定性，高适应性的Web端 3D显示技术 Lao3D Chrome / Firefox 下的解决方案 完整支持OpenGL ES 2.0 接口 高级GLSL 语言 更宽泛的规格限制 相对传统3D接口更易入门 平台兼容性– IE, Safari，国内第三方浏览器，移动 设备 Javascript 性能问题 CPU占用/移动设备耗电问题 浏览器实现不稳定 在当前时刻，该怎样衡量WebGL技术适不 适合你的项目？ 未来技术储备性开发 – 前途一片大好 多解决方案之一 – 押宝WebGL谨慎 重显示，轻逻辑 – 大型游戏项目谨慎 主要面向PC端 - 跨平台项目谨慎 注重CPU端代码的精简优化 ◦ 精简传统图形管理策略 关注垃圾回收机制 ◦ 内存池 关注不同设备间的精度差异 精简引擎功能，只保留有针对性的模块 ◦ 切忌大而全 传统平台图形工程师 ◦ 学习Javascript 语法 ◦ 熟悉Firebug, Chrome控制台等调试工具 ◦ 寻找一段WebGL Demo，查看源代码 传统Web前端工程师 ◦ 复习大学的立体几何知识 ◦ 传送门： 《高等数学》第六版第八章：空间解析几何与 向量代数，高等教育出版社，同济大学数学系主编 传统Web前端工程师 ◦ 复习大学的矩阵知识 ◦ 传送门： 《高等代数》第三版第四章：矩阵，高等教育 出版社，北京大学数学系主编 传统Web前端工程师 ◦ 学习一点计算机图形学知识 ◦ 传送门： 《3D游戏编程大师技巧》第四，六，七，八， 九，十，十一章 传统Web前端工程师 ◦ 熟悉WebGL API ◦ 传送门： 《WebGL 入门指南》，人民邮电出版社 WebGL 文档– API 接口清单: /registry/webgl/spec s/latest/ OpenGL ES 2.0 文档– API接口功能介绍： /opengles/sdk/docs /man/ Learning WebGL 系列教程: /blog/?page_id=12 17 HiWebGL 中文翻译版： /?p=42 WebGL Inspector – WebGL 调试工具: http://benvanik.github.io/WebGL-Inspector/ Three.js – 著名开源WebGL图形引擎: / 参考资料 Q A