马黑黑 发表于 2024-10-30 12:09

红影 发表于 2024-10-30 09:51
这个路径图案也有趣,心形的,怪不得残酷的战争也能被叫做艺术,双方明明是同归于尽的感觉

这就是战争。战争残酷,战争也有温情。

马黑黑 发表于 2024-10-30 12:10

花飞飞 发表于 2024-10-30 10:20
战斗民族骨子里的战斗基因觉醒。。。
看到这标题就想,东风不知道准备好了木有呀。。
来个伏尸 ...

人不犯我,东风不犯人;人若犯我,东风必犯人。

马黑黑 发表于 2024-10-30 12:20

花飞飞 发表于 2024-10-30 10:23
这个圆片片有了背景衬托闪亮效果更好。。。看代码小球有阴影,触碰可变大一些。。。
所有小球都可以控制动 ...
这就是class,类属性,对应CSS的 .ball 选择器,凡 class="ball" 的元素,都纳入 class 属性指向的类。

本例,没有使用 var balls = document.querySelectorAll('.ball') 去获取操作标识符,而是利用动画绘制 svg 小球时将元素加入了事先声明的数组变量 balls(声明在20行,balls = [],加入在28行,balls.push(dr.elm),其中dr.elm 指的是 svgdr 返回的当前元素)。

用 querySelectorAll 方法获得的元素集群也是一个数组,所以上述方法也是可行的。

然后在30行对 balls 进行编程,balls 分解为每一个 b,b点击事件(b.onclick)触发花括号里面的语句的执行,其中 31 行的设置小球播放与否、32行控制音频播放或暂停。

小球变大的设置则由CSS完成,代码在第5行。

愤怒的葡萄 发表于 2024-10-30 15:19

马黑黑 发表于 2024-10-30 12:08
中午好
今天下午三点多才上线的,感觉有点累的,年龄大了,体力明显不支。

花飞飞 发表于 2024-10-30 19:44

马黑黑 发表于 2024-10-30 12:10
人不犯我,东风不犯人;人若犯我,东风必犯人。

不惹事儿也不怕事儿的节奏。。。这个好。。就是个儒雅的霹雳金刚
突然发现这个贴子画面有点相爱相杀的感觉。。{:4_170:}

花飞飞 发表于 2024-10-30 20:05

马黑黑 发表于 2024-10-30 12:20
这就是class,类属性,对应CSS的 .ball 选择器,凡 class="ball" 的元素,都纳入 class 属性指向的类。
...

当时看到这个(b.onclick)就觉得不太一样。。
原来是把balls分解了,而且每个小球都拥用balls声明的属性。。
先进行集群式的统一声明添加,再分解给到每个小元素,思路真是赞赞的。。。
妙晕了。。{:4_199:}

花飞飞 发表于 2024-10-30 20:16

马黑黑 发表于 2024-10-30 07:45
34行代码:

aud.play() 是播放音频指令。audio控件的播放会返回一个 promise,当不能返回正常值时一般的 ...

catch 去捕捉到错误,然后令所有动画停止。这是特殊情况下的,比如音乐链接失效了。
之前的非SVG的贴子是不是也适用。。

还有这个机制,是不是对视频动态无效,毕竟视频不是用--state 变量控制的

catch机制需要audio标签配套,不要 autoplay 属性,第十行autoplay这个是不是可以去掉呢。{:4_173:}

红影 发表于 2024-10-30 20:38

马黑黑 发表于 2024-10-30 12:02
then ... catch ... finally 什么的是子ES6以来有的

这个不懂啊{:4_173:}

红影 发表于 2024-10-30 20:39

马黑黑 发表于 2024-10-30 12:08


谢大咖{:4_187:}

红影 发表于 2024-10-30 20:40

马黑黑 发表于 2024-10-30 12:09
这就是战争。战争残酷,战争也有温情。

残酷和温情,如此不搭的两个词,放一起还挺奇妙{:4_173:}

马黑黑 发表于 2024-10-30 21:30

红影 发表于 2024-10-30 20:40
残酷和温情,如此不搭的两个词,放一起还挺奇妙

这好理解的,就像现在的中东一样,以便是冷酷无情,一边是人道主义

马黑黑 发表于 2024-10-30 21:30

花飞飞 发表于 2024-10-30 20:16
catch 去捕捉到错误,然后令所有动画停止。这是特殊情况下的,比如音乐链接失效了。
之前的非SVG的贴子 ...

视频另外加一句就行

马黑黑 发表于 2024-10-30 21:31

花飞飞 发表于 2024-10-30 20:05
当时看到这个(b.onclick)就觉得不太一样。。
原来是把balls分解了,而且每个小球都拥用balls声明的属 ...

这是JS常用到的做法

马黑黑 发表于 2024-10-30 21:31

花飞飞 发表于 2024-10-30 19:44
不惹事儿也不怕事儿的节奏。。。这个好。。就是个儒雅的霹雳金刚
突然发现这个贴子画面有点相爱相杀的感 ...

但愿我们能够刚硬

红影 发表于 2024-10-30 23:05

马黑黑 发表于 2024-10-30 21:30
这好理解的,就像现在的中东一样,以便是冷酷无情,一边是人道主义

好吧,对这个例子,我觉得冷的更冷,暖的更暖。

马黑黑 发表于 2024-10-31 07:50

红影 发表于 2024-10-30 23:05
好吧,对这个例子,我觉得冷的更冷,暖的更暖。

现在,全世界,各方关系都非常紧张,有人认为第三次世界大战早已打响,当前的战争形态是特定范围的真枪实弹的战争+金融战+贸易战+科技战+。。。,这些不就得将来也可能全面升级,然后不可避免的会发生真正意义上的人类战争。

红影 发表于 2024-10-31 10:58

马黑黑 发表于 2024-10-31 07:50
现在,全世界,各方关系都非常紧张,有人认为第三次世界大战早已打响,当前的战争形态是特定范围的真枪实 ...

忽然感觉未来的日子那么不确定。

马黑黑 发表于 2024-10-31 11:58

红影 发表于 2024-10-31 10:58
忽然感觉未来的日子那么不确定。

反正火药味正浓

红影 发表于 2024-10-31 14:56

马黑黑 发表于 2024-10-31 11:58
反正火药味正浓

真希望这股邪火能赶快熄灭吧,别把更多的人拖进去。

马黑黑 发表于 2024-10-31 19:13

红影 发表于 2024-10-31 14:56
真希望这股邪火能赶快熄灭吧,别把更多的人拖进去。

预期往往与将来不符
页: 1 [2] 3 4
查看完整版本: 战争艺术