论坛 › 欢乐水吧 › 《遗失的心跳 (温柔版)》- 行崽ou

加林森 发表于 2022-8-19 19:07

《遗失的心跳 (温柔版)》- 行崽ou

<style>
      #papa { left: -214px; width: 1024px; height: 1820px; background: #000 url('https://pic.imgdb.cn/item/62ff6dc116f2c2beb1401a53.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">遗失的心跳 (温柔版) - 行崽ou</span>
      <span id="disc"></span>
      <canvas id="canv" width="1024" height="1820"></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=1909900660.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-8-19 19:07

歌词：

原唱 : 萧亚轩
回忆上了发条
总准时报到
我让日夜颠倒
因为黑夜太难熬
总以为哭过就好
梦和现实对调
穿越了城市的喧闹
心跳却感应不到
夜太深心跳呢
已经遗失了不见了
爱上你心跳呢
慢慢停止了不爱了
你紧紧拥抱我入睡
曾经是永恒的画面
心痛着你的爱残酷的纪念
散落一地拥抱
像是在宣告不等答案揭晓
我选择潇洒走掉
把家重新打扫
用香水味盖掉
但寂寞像是一场海啸
心跳被吞噬掉
夜太深心跳呢
已经遗失了不见了
爱上你心跳呢
慢慢停止了不爱了
你紧紧拥抱我入睡
曾经是永恒的画面
心痛着你的爱
残酷的纪念
你的爱已停止心跳
急救也无效
越爱越想逃跑
自由是你唯一想要
Say goodbye
夜太深心跳呢
已经遗失了不见了
爱上你心跳呢
慢慢换谁了心碎了
就算快乐再也找不到
就算永远变成了玩笑
我努力找到我
遗失的心跳

加林森 发表于 2022-8-19 19:07

@马黑黑

红影 发表于 2022-8-19 19:36

队长这大图真美，雪花扬了那么高{:4_187:}

绿叶清舟 发表于 2022-8-19 20:08

队长太快啦{:4_189:}

加林森 发表于 2022-8-19 20:13

红影 发表于 2022-8-19 19:36
队长这大图真美，雪花扬了那么高

就是。这个丫头厉害哦。{:4_189:}

加林森 发表于 2022-8-19 20:14

绿叶清舟 发表于 2022-8-19 20:08
队长太快啦

什么太快了？{:4_203:}

马黑黑 发表于 2022-8-19 20:29

欣赏队长大作

小辣椒 发表于 2022-8-19 20:34

队长这个是黑黑的今天教程分享？

加林森 发表于 2022-8-19 20:35

马黑黑 发表于 2022-8-19 20:29
欣赏队长大作
老黑晚上好。我今天把电脑拿到铺子里去修理了。是芯片的风扇不转了，我换了一个新的。现在正常了。

马黑黑 发表于 2022-8-19 20:36

加林森 发表于 2022-8-19 20:35
老黑晚上好。我今天把电脑拿到铺子里区修理了。是芯片的风扇不转了，我换了一个新的。现在正常了。

嗯，电脑是要保持吹吹的

加林森 发表于 2022-8-19 20:36

马黑黑 发表于 2022-8-19 20:36
嗯，电脑是要保持吹吹的

我不知道这些的。{:5_102:}

加林森 发表于 2022-8-19 20:37

小辣椒 发表于 2022-8-19 20:34
队长这个是黑黑的今天教程分享？

不是，是我自己搞的。

马黑黑 发表于 2022-8-19 20:38

加林森 发表于 2022-8-19 20:36
我不知道这些的。

电脑的很多元件，比如CPU、主板上的某个区域、显卡、电源等，发热量都会很大，需要通过吹风降温

加林森 发表于 2022-8-19 20:40

马黑黑 发表于 2022-8-19 20:38
电脑的很多元件，比如CPU、主板上的某个区域、显卡、电源等，发热量都会很大，需要通过吹风降温

哦，今天我看见有几个风扇的。

马黑黑 发表于 2022-8-19 20:42

加林森 发表于 2022-8-19 20:40
哦，今天我看见有几个风扇的。

风扇降温是最普遍的方法，成本也最低。追求安静的，可以考虑水冷降温。

小辣椒 发表于 2022-8-19 20:42

加林森 发表于 2022-8-19 20:37
不是，是我自己搞的。

队长你这个图图1024X1820，像素才240KB像素太低了，图图不够清晰

加林森 发表于 2022-8-19 20:46

小辣椒 发表于 2022-8-19 20:42
队长你这个图图1024X1820，像素才240KB像素太低了，图图不够清晰

嗯嗯。今天我的电脑终于正常了。我在试电脑的。

加林森 发表于 2022-8-19 20:47

马黑黑 发表于 2022-8-19 20:42
风扇降温是最普遍的方法，成本也最低。追求安静的，可以考虑水冷降温。

这个就更加不懂了。{:5_102:}

绿叶清舟 发表于 2022-8-19 20:51

加林森 发表于 2022-8-19 20:14
什么太快了？

做贴 太快了啊

查看完整版本: 《遗失的心跳 (温柔版)》- 行崽ou