加林森 发表于 2022-6-16 08:37
我们兴趣、爱好都差不多的。
一点没错。
本帖最后由 加林森 于 2022-8-17 22:07 编辑 <br /><br />樵歌 发表于 2022-6-17 06:28
一点没错。
嗯嗯。这样就好。
<style>
#papa { left: -214px; width: 1024px; height: 640px; background: #000 url('https://pic.imgdb.cn/item/62fcf61716f2c2beb1c96347.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; }
#canv { position: absolute; left: 0; top: 0; opacity: .45; }
#disc { position: absolute; width: 40px; height: 40px; left: 10px; top: 10px; background: conic-gradient(red,orange,yellow,green,teal,blue,purple); mask: radial-gradient(transparent 4px,red 0); -webkit-mask: radial-gradient(transparent 4px,red 0); border-radius: 50%; cursor: pointer; z-index: 10; animation: rot 2s linear infinite; }
#lrcbox { position: absolute; left: 60px; top: 10px;font: bold 22px / 40px sans-serif; color: lightblue; text-shadow: 2px 2px 4px #222; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="papa">
<span id="lrcbox">纯音乐 - 空の境</span>
<span id="disc"></span>
<canvas id="canv" width="1024" height="640"></canvas>
</div>
<script>
let ctx = canv.getContext('2d');
let w = canv.width, h = canv.height;
let aud = new Audio();
let circleArr = [];
aud.src = 'https://music.163.com/song/media/outer/url?id=1868355364.mp3';
aud.loop = true;
aud.autoplay = true;
disc.style.animationPlayState = aud.paused ? 'paused' : 'running';
disc.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing',()=> disc.style.animationPlayState = 'running');
aud.addEventListener('pause',()=> disc.style.animationPlayState = 'paused');
function Circle(x,y,r){
this.x = x;
this.y = y;
this.r = r;
this.color = 'rgba(255,255,255, .35)';
this.dx = Math.random() * 12 - 7;
this.dy = Math.random() * 12 - 7;
circleArr.push(this);
}
Circle.prototype.render = function(){
ctx.beginPath();
ctx.arc(this.x, this.y, this.r, 0, Math.PI*2, true);
ctx.fillStyle = this.color;
ctx.fill();
}
Circle.prototype.update = function(){
this.x += this.dx;
this.y += this.dy;
this.r -= 0.4;
if(this.r < 0){
for (let j = 0; j < circleArr.length; j++) {
if (circleArr === this) {
circleArr.splice(j,1);
};
}
return false;
}
return true;
}
canv.onmousemove = function(event){
new Circle(event.offsetX, event.offsetY, 30);
}
setInterval(function(){
ctx.clearRect(0, 0, w, h)
for (let j = 0; j < circleArr.length; j++) {
circleArr.update() && circleArr.render();
}
}, 20);
</script>
红影 发表于 2022-6-15 20:58
西藏的这个习俗很奇特。
都是这样的。他们感到很光荣的。
樵歌 发表于 2022-6-17 06:27
嗯，有的根本就算不音乐，或者说没有音乐的美，有的只是内心的发泄而已。
是的。就是内心的喧嚣而已。
樵歌 发表于 2022-6-17 06:28
看来花潮要招几个娃娃来接班了哈。
会有人来接班的吧。
加林森 发表于 2022-6-17 11:34
都是这样的。他们感到很光荣的。
尘归尘土归土，将身体还给大自然。
红影 发表于 2022-6-17 21:34
尘归尘土归土，将身体还给大自然。
是的。来也自由，去也自由。这就是藏族的习俗。
加林森 发表于 2022-6-17 21:38
是的。来也自由，去也自由。这就是藏族的习俗。
非常贴近自然的做法。
红影 发表于 2022-6-17 22:13
非常贴近自然的做法。
嗯嗯。我害怕你们不喜欢听。不敢Q你们。
加林森 发表于 2022-6-17 22:17
嗯嗯。我害怕你们不喜欢听。不敢Q你们。
呵呵，不用艾特我的，我基本每个帖子都会窜进去的，不会错过{:4_173:}
加林森 发表于 2022-6-17 11:32
嗯嗯。这样就好。
必然天天好，时时乐{:4_190:}
加林森 发表于 2022-6-17 11:38
是的。就是内心的喧嚣而已。
俺们所见略同{:4_174:}
加林森 发表于 2022-6-17 11:38
会有人来接班的吧。
嗯，传承可不断，等俺到时轮回时回来有归宿哈。
樵歌 发表于 2022-6-18 07:54
嗯，传承可不断，等俺到时轮回时回来有归宿哈。
想多了吧。
樵歌 发表于 2022-6-18 07:54
俺们所见略同
是的。
樵歌 发表于 2022-6-18 07:53
必然天天好，时时乐
对头。{:4_180:}
红影 发表于 2022-6-18 07:50
呵呵，不用艾特我的，我基本每个帖子都会窜进去的，不会错过
嗯嗯，那就好。
加林森 发表于 2022-6-18 09:02
嗯嗯，那就好。
精彩不容错过{:4_173:}
红影 发表于 2022-6-18 09:08
精彩不容错过
中午好。{:4_190:}