WebGL实现soul星球效果 最近在研究webGL，觉得soul app的星球挺有意思的，于是就实现了一下，中间涉及的知识和知识点太多的，最后的还原度还是挺高的 soul原版 WebGL实现的 技术

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

主要从前端方向讲解AI互动的实现，通过3D数字人问答功能（面部表情，说话时的嘴型）的实例讲解前端具体的实现方式，至于后端接口部分只会讲解实现思路

分享一个前段时间写的一个基于 Threejs 的个人作品 灵感主要来自 Bruno Simon 的个人网站 https://bruno-simon.com/ 。当然 我实现的就相对比较粗糙了 这个项目

粒子 particle 和 精灵 sprite 是在三维开发中经常用到的网格模型，在 Three.js 中使用 THREE.Points 可以非常容易地创建很多细小的物体，可以用来模拟星辰、雨滴、雪花

animation 动画 Three.js 中的动画与其他 Canvas 动画类似，都是使用了 requestAnimationFrame api，时间间隔动画、内置的时钟、以及第三方动画库

Three.js 提供了很多原始模型，但如果我们需要更复杂的模型，最好使用 3D 软件建模，然后导入到场景中。本节我们就来学学如何导入一个做好的 3D 模型。

本文主要为Tween.js动画的基本使用介绍，对Tween.js官方使用文档进行了总结归纳以及three.js + tween.js 的动态案例供大家参考参考。

在之前的three.js运动效果制作时可以通过移动相机和移动物体来产生动画的效果。 在实际中开发中，移动相机和移动物体是在渲染循环里去移动相机或者物体的位置。