马黑黑 发表于 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
谢谢了
不客气{:4_173:}
红影 发表于 2025-7-9 23:21
嗯嗯，所以就能留在原地。不过像你说的，还是用伪元素的好，都不用设置旋转了。
看情况吧，不要也行
红影 发表于 2025-7-9 23:22
也就是不能展现出模拟的三维了。
都是三维的，里面的物体遮挡关系忽略与否而已
红影 发表于 2025-7-9 23:22
不客气
客气一下也是应该的
马黑黑 发表于 2025-7-10 12:47
看情况吧，不要也行
当然是有它更好看啊{:4_187:}
马黑黑 发表于 2025-7-10 12:48
都是三维的，里面的物体遮挡关系忽略与否而已
正是用遮挡关系判断的空间关系呢。
马黑黑 发表于 2025-7-10 12:48
客气一下也是应该的
好吧，那就客气吧{:4_173:}
红影 发表于 2025-7-10 21:26
好吧，那就客气吧
好