javascript - Three.js - 更改 THREE.ParticleSystem 对象中的粒子位置

标签 javascript three.js particle-system

我有几个粒子系统,每个都有大约 20k 个顶点。我正在尝试将粒子系统中的每个单独粒子移动到一个新的 Vector3,这是我已经绘制出的形状。

期望的效果是在单击事件时,粒子将自身重新排列(使用 TWEEN.js)成我定义的形状。

这真的可能吗?我注意到这些顶点永远不会从它们初始化的位置改变,当我在渲染循环中旋转整个粒子系统时,情况不应该如此。

实现它的最佳方式是什么?

最佳答案

当更新单个粒子的顶点时,您需要在主渲染循环中标记更改,旋转整个粒子系统不需要这个

particleSystem.geometry.__dirtyVertices = true;

关于javascript - Three.js - 更改 THREE.ParticleSystem 对象中的粒子位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14648832/

相关文章:

c++ - 2D 粒子系统 - 性能

c++ - 粒子与场景中环境和物体的相互作用

javascript - React Native 如何通过组件共享登录状态?

javascript - 将 JavaScript 对象传递给 Controller

javascript - Three.js 围绕对象中心轴旋转、缩放不发生

javascript - Three.js - 如何检测选择了什么形状?拖动后

c - 通过渲染四边形更新粒子系统的速度和位置

javascript - 了解 ReactJS 和 NodeJS 应用程序如何工作

javascript - 如何在特定时间重新加载页面并且每天只加载一次

javascript - Three.js - 在立方体上渲染阴影,但不在导入的 json 网格对象上渲染