基于 ThreeJS 框架的魔方微信小游戏实践--掘金小册课程推荐/优惠

小册介绍

之所以会有这本小册一方面是因为想给大家介绍一款自研并且开源的魔方小游戏；

另一方面则是因为在开发过程中需要用到ThreeJS、WebGL的相关知识，而我在搜索资料学习这些知识时遇到了很多问题：

1. 一些快速入门文章，感觉可能过于求快了，既没有概述整体，也没有阐述细节；

一行代码还分不到一个字，作为初学者的我，看完之后很难说服自己已经入门了。

2. 有些教程知识点挺全，但是示例有点偏简单，缺乏实践；作为一个想尽快感受 3D 编程魅力的初学者看了两百页之后，示例还是一个正方体，总感觉有点索然无味。

3. WebGL 和 ThreeJS 好像是两个完全不相关的技术，虽然 ThreeJS 框架封装的很好，隐藏了很多细节；但是当我使用各种灯光、材质对象很难不去思考为什么会这样？为什么有些灯光照到物体表面会有明暗变化有些则不会？为什么有些材质被灯光照射时会反光有些则不会？

4. 一些应用文章中的示例都有点偏展示，缺少 3D 交互内容；

如果你也遇到了同样的问题或者对魔方微信小游戏例子感兴趣，那么这本小册应该会对你有所帮助。

作者介绍

NewbieYoung 腾讯 ISUX UI 工程师；

• 一年JAVA、两年前端、两年UI，目前热衷于基于浏览器环境的图形图像技术及其应用；
• 博客：[https://newbieweb.lione.me]；
• 知乎专栏：NewbieWeb。

你会学到什么？

• 从 0 到 1 实现一个具备可操作性、正反视图、变阶以及保存、读取、还原、打乱等辅助功能的魔方微信小游戏；
• ThreeJS 框架中基础概念、核心对象、常用工具的理解与应用以及后续学习建议；
• WebGL 技术相关知识（包括着色器、GLSL、光照处理等）以及简单示例实现；一方面对 WebGL 有个简单的了解，另一方面可以通过相同例子的不同实现方式的对比加深对 ThreeJS 框架的理解；
• 解决在微信小游戏中使用 ThreeJS 框架时遇到的一些兼容性问题；
• 微信小游戏触摸事件机制在 3D 场景中的应用；
• 使用 ThreeJS 框架在微信小游戏中构建 UI 元素的解决方案；
• 图形学相关知识（包括法向量、齐次矩阵、组合变换等）及其应用；
• ......

适宜人群

• 有一定的 JavaScript 开发基础；
• 具备基础的数学知识，如向量、矩阵。

• ThreeJS基础

• 数学基础

• WebGL基础

• 正反视图

• 静态魔方

• 视图转动

• 魔方转动

• 初始动画

• 辅助功能

• 代码整理