期盼（学习黑师20240415《凤山舞曲》粒子封装效果之二）

小辣椒

月月速度的，小辣椒刚看见黑黑的教程。你已经做出来了

南无月

小辣椒 发表于 2024-4-15 21:22
月月速度的，小辣椒刚看见黑黑的教程。你已经做出来了

出来了，还跟了两种效果
最近在学排字。。
真是学的晕晕的。。

南无月

马黑黑 发表于 2024-4-15 21:20

哎，现在我回去看一下代码。。

马黑黑

南无月 发表于 2024-4-15 21:20
刷了一下，完美之极

小球是画在画布之上。画布背景透明，所以看不到画布，只看到它上面画的小球，但它是一个元素，在层级上尽管它用了“前加”方式（prepend），如果给它一个0或0以上的 z-index 值，它就有可能挡住页面上的其他交互元素（比如按钮），需要提升这些元素的层级（但论坛里也许这是一个复杂的问题）。

所以，可以牺牲掉小球的点击操作，在CSS中加入：

canvas { pointer-events: none; }

这样可以让小球在整个页面任何区域出现。

这是理论上的，等下我试试。

小辣椒

南无月 发表于 2024-4-15 21:23
出来了，还跟了两种效果
最近在学排字。。
真是学的晕晕的。。

月月有时间玩就多做几个，小辣椒就一直认为只有多练习，多自己实践才是最容易掌握的，不实践会看过忘记了，小辣椒就这种人，看了后面忘记前面。

马黑黑

南无月 发表于 2024-4-15 21:24
哎，现在我回去看一下代码。。

你这个帖子我再改改，也是作为测试

南无月

马黑黑 发表于 2024-4-15 21:26
小球是画在画布之上。画布背景透明，所以看不到画布，只看到它上面画的小球，但它是一个元素，在层级上尽 ...

意思就是有些在贴子内部了，有些在外部。。。那要多设一点。。
因为我试了，这个论坛地方太大了。。
飞得到处都是，往下二十楼都有。

南无月

马黑黑 发表于 2024-4-15 21:34
你这个帖子我再改改，也是作为测试

行的。。。你改吧

马黑黑

南无月 发表于 2024-4-15 21:36
行的。。。你改吧

不过页面太长，小球的速度运行迟缓

马黑黑

南无月 发表于 2024-4-15 21:36
意思就是有些在贴子内部了，有些在外部。。。那要多设一点。。
因为我试了，这个论坛地方太大了。。
{: ...

是的

南无月

小辣椒 发表于 2024-4-15 21:26
月月有时间玩就多做几个，小辣椒就一直认为只有多练习，多自己实践才是最容易掌握的，不实践会看过忘记了 ...

这个说对了。。
就是自己摸索没有头绪，真的好慢啊。
有的自己觉得挺好看。
被行家一看都是问题。。

小辣椒你看我图可以多给点建议。。
真的太需要了。

南无月

马黑黑 发表于 2024-4-15 21:37
不过页面太长，小球的速度运行迟缓

慢慢飞吧。不着急的

南无月

马黑黑 发表于 2024-4-15 21:37
是的

小球的画布也给个范围行不行。。大于贴子~~
宽度等于论坛宽度。高度有个二层楼就行了。。

马黑黑

南无月 发表于 2024-4-15 21:40
小球的画布也给个范围行不行。。大于贴子~~
宽度等于论坛宽度。高度有个二层楼就行了。。

封装时没有考虑这些。当做全页背景时，可以用 window.width 和 window.height ，固定背景，翻页是能看到。

马黑黑

南无月 发表于 2024-4-15 21:39
慢慢飞吧。不着急的

现在改回在帖子里了。等有空我再加工一下JS文档

南无月

马黑黑 发表于 2024-4-15 21:42
封装时没有考虑这些。当做全页背景时，可以用 window.width 和 window.height ，固定背景，翻页是能看到 ...

好哒。。
翻页能看到？
那更好玩了不是。

南无月

马黑黑 发表于 2024-4-15 21:43
现在改回在帖子里了。等有空我再加工一下JS文档

我回去看了看，表面看不到啥改变。

马黑黑

南无月 发表于 2024-4-15 21:45
好哒。。
翻页能看到？
那更好玩了不是。

背景固定是可以的：它就在固定的地方

南无月

马黑黑 发表于 2024-4-15 21:55
背景固定是可以的：它就在固定的地方

这么说可以理解。。甚至可以脱离贴子。。有点不可思议

小文

欣赏