各位亲爱的小伙伴

DevHub开发者社区推出“G学堂”咯

G学堂是个啥？

那我这个堂主来给大家介绍介绍所谓G学堂嘛，就是一个很有学问的夫子带着一小群（咱是小班制嘛）志同道合的弟子，每一期花1-2个时辰（科普一下：1时辰=2小时），修炼IT界的某项专业小技能。我们提倡：专业、高效率、时辰一到即可下山学以致用！

G学堂第一期G4.22班开始招收弟子啦

我们有缘成为同窗么？

赶紧收拾行囊，一起上山拜师学艺吧

那么G4.22班的庄夫子将要传授的是—WebVr的基础入门知识以及粒子特效的实现原理，基于Three.js、Aframe技术，详细介绍kks-Magic飘雪特效和焰火特效的编程思路。

课程纲要：

1、VR & WebVr

什么是VR？当前的行业技术现状如何？各路VR解决方案体验如何？VR vs AR？WebVr有哪些长短？能做些什么？主流技术解决方案是怎样的？

2、Three.js & Aframe

WebGl是什么？Three.js有哪些惊人效果？它的主要功能有哪些？Aframe是什么？为什么需要Aframe？

3、3D绘图基本原理

如何在屏幕上建立三维空间？图像渲染机制是怎样的？什么是向量和矩阵？变形与变换有什么区别？如何构造几何体？怎样增强真实感？如何实现VR立体效果？动画是怎样实现的？And更多...

4、创建Aframe应用

怎样开始一个真正的WebVr应用？Aframe的文档结构是怎样的？如何编辑场景内容？

5、创建自定义Component

如何创建一个自定义三维元素？怎样规划和设定参数表schema？其他hook函数的作用是什么？

6、粒子动画基础

怎么结合真实物理来控制粒子动画？如何用代码实现粒子的生命周期？怎样实现粒子的再生？

7、飘雪效果代码实现

怎样实现generate生成粒子函数？如何设定粒子随机材质？如何用tick函数控制雪花下落？怎样实现nosie随机动画原理？

8、焰火动画代码实现

怎样将焰火动画分为多个阶段和周期？怎么实现焰火拖尾效果？怎样实现爆炸效果？怎样实现多个焰火同时绽放效果？

9、焰火爆炸图案实现原理

怎样控制每个焰火粒子的颜色？如何获取图片数据？如何将图片数据转换到粒子动画和颜色？

10、附：发布到NPM

怎样把自己的github项目发布到npm？

本次推出的G学堂是一个独立的模块，与以往社区分享不同的是，它更深入、更专业、更高效率、有立竿见影的效果。

欢迎加入本期G学堂，成为G4.22班庄夫子的门下弟子，拜师费99元/人。

 联系人：吴晓芳

电话/微信：18896504215