活动介绍

各位亲爱的小伙伴

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