tween.js 初探

红影

马黑黑 发表于 2025-6-28 17:28
反正挺不错的

嗯嗯，非常不错的

马黑黑

红影 发表于 2025-6-28 21:37
嗯嗯，非常不错的

我在想，做一个突然爆炸的球球，应该是很容易的：

一、使用点材质令 SphereGeometry 成为一个点集合的球体；
二、获取球体的点向量数据（geometry.getAttribute('position')）；
三、将点向量数据一一设为随机数，作为设置 tween 的 to 的目标。

然后是，给 tween 设置一个机制，机制触发则令球体上的点飞奔到各处，这就是爆炸的粗糙形态。

精致的设计，估计得精准计算点数据的轨迹和落点，这就复杂得多了。

红影

马黑黑 发表于 2025-6-28 22:11
我在想，做一个突然爆炸的球球，应该是很容易的：

一、使用点材质令 SphereGeometry 成为一个点集合的 ...

今天的那个天意就是你说的爆炸效果吧，你还留了部分点云在原地驻守

马黑黑

红影 发表于 2025-6-29 14:07
今天的那个天意就是你说的爆炸效果吧，你还留了部分点云在原地驻守

这是考虑播放器的特性，总得有个形状在那里，便于交互

红影

马黑黑 发表于 2025-6-29 17:38
这是考虑播放器的特性，总得有个形状在那里，便于交互

嗯嗯，这个考虑很周到，否则一爆炸都炸没了

马黑黑

红影 发表于 2025-6-29 22:20
嗯嗯，这个考虑很周到，否则一爆炸都炸没了

粒子数量够多时也还可以保持基本形状

红影

马黑黑 发表于 2025-6-29 22:51
粒子数量够多时也还可以保持基本形状

只废出去部分。这个好玩。

马黑黑

红影 发表于 2025-6-29 23:01
只废出去部分。这个好玩。

是的吧

红影

马黑黑 发表于 2025-6-30 14:00
是的吧

刚发现打错字了， 是飞出去，不是废

马黑黑

红影 发表于 2025-6-30 15:53
刚发现打错字了， 是飞出去，不是废

飞出去就废了，没啥问题

泡沫

马黑黑 发表于 2025-6-28 22:11
我在想，做一个突然爆炸的球球，应该是很容易的：

一、使用点材质令 SphereGeometry 成为一个点集合的 ...

看到能量球体炸裂效果了，原来可以如此精准。。。

泡沫

为了看懂今天的《元素能量》，回来补课。。。
这个在……之间，还真是跟之前的FLASH效果超级相似。。。
可以叫做代码FLASH了吧。。
这动画效果，漂亮的不要不要的。。

红影

马黑黑 发表于 2025-6-30 18:03
飞出去就废了，没啥问题

哪里啊，飞出去还能回来的啊

马黑黑

红影 发表于 2025-6-30 20:43
哪里啊，飞出去还能回来的啊

也是，浪子回头金不换，老婆私奔回来也是一件好事

马黑黑

泡沫 发表于 2025-6-30 20:36
为了看懂今天的《元素能量》，回来补课。。。
这个在……之间，还真是跟之前的FLASH效果超级相似。。。
...

所有的实现路子，原理上都会差不多

马黑黑

泡沫 发表于 2025-6-30 20:32
看到能量球体炸裂效果了，原来可以如此精准。。。

这是延时爆炸，弄不好可能是个哑弹

红影

马黑黑 发表于 2025-6-30 21:46
也是，浪子回头金不换，老婆私奔回来也是一件好事

这和老婆私奔无关，这个是不行的。

马黑黑

红影 发表于 2025-6-30 22:07
这和老婆私奔无关，这个是不行的。

离家出走，男女不论

泡沫

马黑黑 发表于 2025-6-30 21:47
所有的实现路子，原理上都会差不多

F在制作的时候就先给一个起点形象，再给一个终点形象，由软件智能完成中间过程。这个超级相似
歌词一句一句过渡就是这么来的。。很漂亮

泡沫

马黑黑 发表于 2025-6-30 21:54
这是延时爆炸，弄不好可能是个哑弹

没看到哑了，看几次爆几次。