战争神曲 Novera（诺维拉）

红影

马黑黑 发表于 2025-7-8 21:40
这个简单的。开始的时候，我是让 .son 的其中一个去填充那个位置，后来想想还不如用个伪元素，旋转呀什么 ...

是啊，都跟着一起了，更省力。

“ .son 的其中一个去填充那个位置”，这个是怎么实现的，想了一想，好像不容易啊。

马黑黑

红影 发表于 2025-7-8 22:02
是啊，都跟着一起了，更省力。

“ .son 的其中一个去填充那个位置”，这个是怎么实现的，想了一想，好 ...

简单的。遍历创建tween的时候，加个条件语句，比如第一个不要做tween动画：

....forEach( (son, idx) => {
    if (idx === 0) return; // 序号是0时跳过
    // ... 这里设置tween动画
});

马黑黑

红影 发表于 2025-7-8 22:00
这样的制作只看到了美感，没看到血腥。

还行

马黑黑

红影 发表于 2025-7-8 21:59
是不是它把 z 轴的延伸也当做是溢出了？

overflow: hidden; 只管xy这两个纬度

红影

马黑黑 发表于 2025-7-9 14:10
简单的。遍历创建tween的时候，加个条件语句，比如第一个不要做tween动画：

....forEach( (son, idx)  ...

哦哦，这样跳过的那个就能一直留在原地了呢。

红影

马黑黑 发表于 2025-7-9 14:11
还行

非常行呢，很漂亮。

红影

马黑黑 发表于 2025-7-9 14:11
overflow: hidden; 只管xy这两个纬度

嗯嗯，只要它出现，z向就没戏了。

马黑黑

红影 发表于 2025-7-9 22:49
哦哦，这样跳过的那个就能一直留在原地了呢。

是这样。JS中的return就是返回，那么，符合条件的，让它返回，不执行下面的语句。这要用在函数体里面。

马黑黑

红影 发表于 2025-7-9 22:50
嗯嗯，只要它出现，z向就没戏了。

有，只是物体间的遮挡关系没有能够模拟自然现象

马黑黑

红影 发表于 2025-7-9 22:50
非常行呢，很漂亮。

谢谢了

红影

马黑黑 发表于 2025-7-9 22:51
是这样。JS中的return就是返回，那么，符合条件的，让它返回，不执行下面的语句。这要用在函数体里面。

嗯嗯，所以就能留在原地。不过像你说的，还是用伪元素的好，都不用设置旋转了。

红影

马黑黑 发表于 2025-7-9 22:52
有，只是物体间的遮挡关系没有能够模拟自然现象

也就是不能展现出模拟的三维了。

红影

马黑黑 发表于 2025-7-9 22:53
谢谢了

不客气

马黑黑

红影 发表于 2025-7-9 23:21
嗯嗯，所以就能留在原地。不过像你说的，还是用伪元素的好，都不用设置旋转了。

看情况吧，不要也行

马黑黑

红影 发表于 2025-7-9 23:22
也就是不能展现出模拟的三维了。

都是三维的，里面的物体遮挡关系忽略与否而已

马黑黑

红影 发表于 2025-7-9 23:22
不客气

客气一下也是应该的

红影

马黑黑 发表于 2025-7-10 12:47
看情况吧，不要也行

当然是有它更好看啊

红影

马黑黑 发表于 2025-7-10 12:48
都是三维的，里面的物体遮挡关系忽略与否而已

正是用遮挡关系判断的空间关系呢。

红影

马黑黑 发表于 2025-7-10 12:48
客气一下也是应该的

好吧，那就客气吧

马黑黑

红影 发表于 2025-7-10 21:26
好吧，那就客气吧

好