【末伏消暑】第七天 共：《共同渡过》- 张国荣
本帖最后由 加林森 于 2022-8-21 08:43 编辑 <br /><br /><style>#papa { left: -214px; width: 1024px; height: 575px; background: #000 url('https://pic.imgdb.cn/item/62ff571716f2c2beb1320e7f.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="575"></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=186699.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-21 09:02
欣赏队长新作品！
谢谢水芙蓉支持！ 队长喜欢哥哥呀 马黑黑 发表于 2022-8-21 09:53
队长喜欢哥哥呀
是的。原来喜欢他唱的歌曲。 港台歌星第一人。粉丝可多了，可惜英年早逝。 看到张国荣的图片，想起霸王别姬，特别感动的一部片子。{:4_204:} 加林森 发表于 2022-8-21 09:58
是的。原来喜欢他唱的歌曲。
挺好 马黑黑 发表于 2022-8-21 10:44
挺好
老黑，我制作了一个《高山流水》你不在看看。谢谢你了。 樵歌 发表于 2022-8-21 10:31
港台歌星第一人。粉丝可多了，可惜英年早逝。
是啊。可惜了。 红影 发表于 2022-8-21 10:36
看到张国荣的图片，想起霸王别姬，特别感动的一部片子。
红影上午好！{:4_204:} 加林森 发表于 2022-8-21 11:30
是啊。可惜了。
但声音长存 樵歌 发表于 2022-8-21 21:23
但声音长存
就是。 加林森 发表于 2022-8-21 11:30
红影上午好！
队长晚上好{:4_204:} 红影 发表于 2022-8-21 22:07
队长晚上好
现在是半夜好了。{:4_189:} 加林森 发表于 2022-8-21 21:54
就是。
人能做到这样也算青史留名了 樵歌 发表于 2022-8-22 10:28
人能做到这样也算青史留名了
是的。梅艳芳也是可惜了。 加林森 发表于 2022-8-22 10:30
是的。梅艳芳也是可惜了。
邓丽君也是可惜 樵歌 发表于 2022-8-22 17:58
邓丽君也是可惜
是的。都可惜了。太年轻了。
页:
[1]