月背

小辣椒

反正小辣椒就套用玩，许多代码看不懂了

花飞飞

马黑黑 发表于 2024-10-26 20:28
这是按次序分两节计算 cy 参数，中间最高，两边依次矮下去

数学应用得真好啊，牛

马黑黑

小辣椒 发表于 2024-10-26 20:45
这么多会跳动的圆，是刚才那个css和js指令的代码制作？

插件，svgdr，还在编写中，写好的部分已经可以用来做帖子了

花飞飞

马黑黑 发表于 2024-10-26 20:31
音乐有的是哈

好哒，你慢慢找偶慢慢听哈。

马黑黑

小辣椒 发表于 2024-10-26 20:46
反正小辣椒就套用玩，许多代码看不懂了

花飞飞

马黑黑 发表于 2024-10-26 20:47
插件，svgdr，还在编写中，写好的部分已经可以用来做帖子了

看到指令汇总已添加到50个，还会持续不断更新的么。

马黑黑

花飞飞 发表于 2024-10-26 21:18
看到指令汇总已添加到50个，还会持续不断更新的么。

指令其实包含两方面：

一是基于svg的，比如元素 circle 对应有一个 dr.circle 指令、width 属性有一个语法糖 dr.w 指令；二是基于功能层面的，比如 dr.css() 指令、dr.addTo() 指令

红影

马黑黑 发表于 2024-10-26 20:29
永动机找到了

只是把这些永动机从月背运下来挺不容易的

红影

马黑黑 发表于 2024-10-26 20:31
陨石坑很多

他们开始降落月球的时候没掌握好力度，砸出那么多坑。

红影

马黑黑 发表于 2024-10-26 20:30
一切属性可动画是svg的精髓之一

这句含金量很高，记下了

红影

马黑黑 发表于 2024-10-26 20:30
这些都是CSS做的。交互是JS实现的，forEach 这里看到了吧

这里增加了一个点击，扣除这个，就是那个多视频的forEach了。
嗯嗯，要是先看到这个，说不定之前的想多加个视频的事就解决了

红影

马黑黑 发表于 2024-10-26 20:32
这是测绘基本功

这其实是根折线，被椭圆的运动模糊掉折的感觉，看着像是弧一样了呢。
好像以前的频谱也用过这样的Y向设计吧。

梦江南

跳动的圆和音乐节奏配合得让人激动！

马黑黑

小辣椒 发表于 2024-10-26 20:45
这么多会跳动的圆，是刚才那个css和js指令的代码制作？

不是，是 svgdr 插件生成的代码。你说的那个，是 svgdr 的组成部分即一些指令

马黑黑

花飞飞 发表于 2024-10-26 20:46
数学应用得真好啊，牛

幼儿园老师教的

马黑黑

梦江南 发表于 2024-10-27 09:27
跳动的圆和音乐节奏配合得让人激动！

马黑黑

小辣椒 发表于 2024-10-26 20:46
反正小辣椒就套用玩，许多代码看不懂了

马黑黑

红影 发表于 2024-10-26 23:15
这其实是根折线，被椭圆的运动模糊掉折的感觉，看着像是弧一样了呢。
好像以前的频谱也用过这样的Y向设 ...

对，看得出来的厉害

马黑黑

红影 发表于 2024-10-26 23:14
这里增加了一个点击，扣除这个，就是那个多视频的forEach了。
嗯嗯，要是先看到这个，说不定之前的想多 ...

forEach有自己的语法规范，按规范写就成：

数组.forEach( (项目,索引) => {
    项目.onclick = () => {
        //这里干点什么;
    };
});

索引号用不上时就不要它，头一行直接写成： 数组.forEach(项目 => {

马黑黑

红影 发表于 2024-10-26 23:04
只是把这些永动机从月背运下来挺不容易的

目前有两个半国家可以轻松完成：中国，俄罗斯，美国的马斯克。阿三梦中可以。