相聚在龙年，学习黑黑老师的 Our Only Hope（main)
本帖最后由 梦江南 于 2024-10-24 07:53 编辑 <br /><br /><style>#msvg { display: block; margin: 30px 0 30px calc(50% - 593px); width: 1024px; height: 640px; box-shadow: 2px 2px 4px gray; z-index: 1; position: relative; }
#g1 { fill: transparent; stroke: purple; stroke-width: 10; cursor: pointer; transform-box: fill-box; transform-origin:50% 50%; animation:rot 10s linear infinite var(--state); }
#bg { transition: 1s; }
@keyframes rot {to { transform: rotate(360deg); }}
</style>
<svg id="msvg" width="1024" height="640"></svg>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=300527" autoplay loop></audio>
<script>
new Promise((resolve) => {
var sc = document.createElement('script');
sc.src = 'https://638183.freep.cn/638183/web/js2024/svgdr_trial.js';
document.body.appendChild(sc);
sc.onload = () => resolve();
}).then(() => {
var dr = _dr(msvg);
dr.image('https://pic.imgdb.cn/item/67198aa1d29ded1a8c590728.gif',0,-7,1024,640);
dr.image('https://638183.freep.cn/638183/web/svg/balls2.svg',5,-9,1024,640).id('bg');
dr.g('g1');
dr.ellipse(520,310,100,40).addTo('g1');
dr.ellipse(520,310,40,100).addTo('g1');
}).then(() => {
aud.onplaying = aud.onpause = () => mState();
g1.onclick = () => aud.paused ? aud.play() : aud.pause();
});
mState = () => {
g1.style.setProperty('--state', aud.paused ? 'paused' : 'running');
bg.style.opacity = aud.paused ? 0 : 1;
}
</script> 嗬！这画面太美了。 梦油 发表于 2024-10-23 17:23
嗬！这画面太美了。
问好梦油老师，谢谢！ 色彩绚丽，很美{:4_204:} 漂亮 https://img.soogif.com/oyVxzpztugc4eGBq7oWTbEP3LShQu5P6.gif
如果对准那“双龙戏珠”的珠就更完美了。 这两条龙好威武啊，很漂亮的效果。
欣赏江南好帖{:4_199:} 难难说得对，如果把动态效果对准动态中心会更好{:4_187:} 书灯 发表于 2024-10-23 18:00
色彩绚丽，很美
问好书灯老师，谢谢支持。 小文 发表于 2024-10-23 18:15
漂亮
问好小文老师，谢谢支持。 起个网名好难 发表于 2024-10-23 18:38
如果对准那“双龙戏珠”的珠就更完美了。
问好老师，其实这是烟火取了一小段，已作了调整。不知效果如何？ 红影 发表于 2024-10-23 19:53
这两条龙好威武啊，很漂亮的效果。
欣赏江南好帖
问好影子，谢谢支持鼓励。 红影 发表于 2024-10-23 19:54
难难说得对，如果把动态效果对准动态中心会更好
回影子，其实这是烟火取了一小段，已作了调整。不知效果如何？ 梦江南 发表于 2024-10-24 07:58
问好老师，其实这是烟火取了一小段，已作了调整。不知效果如何？
嗯， 蛮好的 起个网名好难 发表于 2024-10-24 08:54
嗯， 蛮好的
龙的图片也往下调了，本来想把龙图片放在中央，把烟火也往上移，结果黑黑老师的粒子就往上向外跑了。要对中心只好把龙图和烟火往下调了。 梦江南 发表于 2024-10-24 09:07
龙的图片也往下调了，本来想把龙图片放在中央，把烟火也往上移，结果黑黑老师的粒子就往上向外跑了。要对 ...
昨天我试过一下，移动两个椭圆和放射的小圆球。
您这样移也蛮好的。 起个网名好难 发表于 2024-10-24 09:12
昨天我试过一下，移动两个椭圆和放射的小圆球。
您这样移也蛮好的。
我也试过了，只移动椭圆和放射的小圆球，小圆球向上跑出去了。 梦江南 发表于 2024-10-23 17:31
问好梦油老师，谢谢！
梦江南朋友别客气。 梦江南 发表于 2024-10-24 13:53
我也试过了，只移动椭圆和放射的小圆球，小圆球向上跑出去了。
dr.image('https://pic.imgdb.cn/item/67198aa1d29ded1a8c590728.gif',0, 0,1024,640);
dr.image('https://638183.freep.cn/638183/web/svg/balls2.svg',5,-9,1024,640).id('bg');
dr.g('g1');
dr.ellipse(520,310,100,40).addTo('g1');
dr.ellipse(520,310,40,100).addTo('g1');
第一行相当于底图不用调，下面的红字调水平位置（x)，蓝字调垂直位置(y), 后面两行位置要一致。
梦油 发表于 2024-10-24 16:02
梦江南朋友别客气。
梦油老师晚上好。