开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情 前言 大家好，最近公司在做公众号的海报图生成功能，功能不难，但是其中也遇到了一些坑还有一些细节的问题，这里

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

场景漫游 前言 最近太忙了，断更了一段时间，最近一直忙碌于多个项目组。参与了公司threejs引擎的二次封装，收获颇多，这篇文章主要介绍在3d场景中实现第一人称与第三人称切换以及碰撞监测的漫游方案。

背景 本文使用 Three.js SphereGeometry 创建 3D 全景图预览功能，并在全景图中添加二维 SpriteMaterial、Canvas、三维 GLTF 等交互点，实现具备场景切换

这篇文章主要介绍全景图以及场景编辑思想，当然后续可以根据自己的要求进行扩展~创作不易点个赞吧~ 对threejs感兴趣的同学可以关注我的专栏，不定时更新threejs相关的案例以及方案~

这篇文章实现智慧城市中模拟太阳光随时间变化产生对应场景效果。为了场景能够更逼真，我们一般会通过对接天气以及阳光等各种环境因素同步到场景中，使得场景能够更贴近现实。

因为在字节做的业务和图可视化还有拖拽关系比较大，所以这次就写下拖拽相关的内容。html5中提供了一系列Drag and Drop 接口，主要包括四部分：`DragEvent`，`DataTansfer

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

背景 随着电商时代的发展，网上购物的方式已经成为主流，良好的购物体验已经显得极为重要。展示给用户的视觉效果便不能仅仅局限于2D视觉效果，全方位的3D立体展示效果能让用户对商品进行 360度无死角的认识