小册介绍
之所以会有这本小册一方面是因为想给大家介绍一款自研并且开源的魔方小游戏;
另一方面则是因为在开发过程中需要用到ThreeJS
、WebGL
的相关知识,而我在搜索资料学习这些知识时遇到了很多问题:
- 一些
快速入门文章
,感觉可能过于求快了,既没有概述整体,也没有阐述细节
;
一行代码还分不到一个字,作为初学者的我,看完之后很难说服自己已经入门了。
-
有些
教程
知识点挺全,但是示例有点偏简单
,缺乏实践;作为一个想尽快感受 3D 编程魅力的初学者看了两百页之后,示例还是一个正方体,总感觉有点索然无味。 -
WebGL 和 ThreeJS 好像是两个完全不相关的技术
,虽然 ThreeJS 框架封装的很好,隐藏了很多细节;但是当我使用各种灯光、材质对象很难不去思考为什么会这样?为什么有些灯光照到物体表面会有明暗变化有些则不会?为什么有些材质被灯光照射时会反光有些则不会? -
一些
应用文章
中的示例都有点偏展示
,缺少 3D 交互内容;
如果你也遇到了同样的问题
或者对魔方微信小游戏例子感兴趣
,那么这本小册应该会对你有所帮助。
作者介绍
NewbieYoung 腾讯 ISUX UI 工程师;
- 一年JAVA、两年前端、两年UI,目前热衷于基于浏览器环境的图形图像技术及其应用;
- 博客:[newbieweb.lione.me];
- 知乎专栏:NewbieWeb。
你会学到什么?
- 从 0 到 1 实现一个具备可操作性、正反视图、变阶以及保存、读取、还原、打乱等辅助功能的魔方微信小游戏;
- ThreeJS 框架中基础概念、核心对象、常用工具的理解与应用以及后续学习建议;
- WebGL 技术相关知识(包括着色器、GLSL、光照处理等)以及简单示例实现;一方面对 WebGL 有个简单的了解,另一方面可以通过相同例子的不同实现方式的对比加深对 ThreeJS 框架的理解;
- 解决在微信小游戏中使用 ThreeJS 框架时遇到的一些兼容性问题;
- 微信小游戏触摸事件机制在 3D 场景中的应用;
- 使用 ThreeJS 框架在微信小游戏中构建 UI 元素的解决方案;
- 图形学相关知识(包括法向量、齐次矩阵、组合变换等)及其应用;
- ......
适宜人群
- 有一定的 JavaScript 开发基础;
- 具备基础的数学知识,如向量、矩阵。
购买须知
- 本小册为图文形式内容服务,共计 10 节;
- 全部文章预计 2019 年 1 月 10 日更新完成;
- 购买用户可享有小册永久的阅读权限;
- 购买用户可使用 掘金 Web 端、掘金App 进行阅读;
- 购买用户可进入小册微信群,与作者互动;
- 掘金小册为虚拟内容服务,一经购买成功概不退款;
- 掘金小册版权归北京北比信息技术有限公司所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表,违者将依法追究责任;
- 在掘金小册阅读过程中,如有任何问题,请邮件联系 xiaoce@xitu.io