【末伏消暑】第九天早：《麒麟 (LIVE版)》-早安
<style>
#papa { left: -214px; width: 1024px; height: 769px; background: #000 url('https://pic.imgdb.cn/item/62ff60a716f2c2beb138b681.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">麒麟 (LIVE版) - 早安</span>
<span id="disc"></span>
<canvas id="canv" width="1024" height="769"></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=1969923877.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>
歌词：
演唱:早安
作词:早安
我声音大是因为行得正
到哪儿都是通天大道
大步地走不怕影子斜
乱我心者久皆不看
在歌词里自有乾坤
大路中间默念谨字诀
五门八派
都栽过跟头摔过跤
不管你多怪的招
有不服气的挨个挑
这招牌怎么摘得掉
飞字门最快的刀
谁的江湖
三分剑气我就灭了你的香烛
吃亏当福吧
当我给你上堂课
下课在正当午
让烈日焚了你的浊气
你又何必害怕步前尘
我自有一口气
一剑开天门
别叫醒我
我不忍躲
上巍峨下险坡
野草野火
就任风过也不错
别叫醒我
我不忍躲
上巍峨下险坡
野草野火
就任风过也不错
让诗仙写断了笔
让先锋折断了戟
呼啸地掠过
卷不起那滩淤烂的泥
经不起百炼成钢
经不起岁月的打磨沉香
经不住诋毁
也经不住赞美
怎么守得住
前辈打下的城邦
一个人一把剑一壶酒
一步一脚印差一步登天
一口气一股劲一把火
烧尽了黑暗密布的深渊
让此刻记住我
刻在了铁上的豪言
那就请诸位都来给我作个证
看我野火燎原
天下风云出我辈
一入江湖岁月催
皇图霸业谈笑中
不胜人生一场醉
别叫醒我
我不忍躲
上巍峨下险坡
野草野火
就任风过也不错
别叫醒我
我不忍躲
上巍峨下险坡
野草野火
You ready
你们准备好了吗
就任风过也不错
我要带着我的旗帜我的奖章
带上我的兄弟们
在山顶上面摆造型
我要比你看到过的听到过的
那些所有花里胡哨
加在一起还要顶
我要把这天地之间
全部染成红色
我要化作一朵
六千里的火烧云
从武当躁到南少林
从武当躁到南少林
我要带着我的旗帜我的奖章
带上我的兄弟们
在山顶上面摆造型
我要比你看到过的听到过的
那些所有花里胡哨
加在一起还要顶
我要把这天地之间
全部染成红色
我要化作一朵
六千里的火烧云
从武当躁到南少林
从武当躁到南少林
就像麒麟 又是泡泡效果呢，漂亮{:4_187:} 红影 发表于 2022-8-23 09:28
又是泡泡效果呢，漂亮
红影上午好！是的，一口气都制作完成了任务了。{:4_189:} 我操，唱得好快，跟不上趟了{:4_189:} 樵歌 发表于 2022-8-23 10:59
我操，唱得好快，跟不上趟了
{:4_172:} 加林森 发表于 2022-8-23 09:35
红影上午好！是的，一口气都制作完成了任务了。
明天还剩最后一天消暑了，大家一起加油。 红影 发表于 2022-8-23 16:41
明天还剩最后一天消暑了，大家一起加油。
我已经准备好了。{:4_189:} 加林森 发表于 2022-8-23 16:45
我已经准备好了。
队长动作真快{:4_204:} 红影 发表于 2022-8-23 20:45
队长动作真快
那么是上班的。我是退休在家里。没有什么事情的。 加林森 发表于 2022-8-23 20:47
那么是上班的。我是退休在家里。没有什么事情的。
那也不容易，找素材很费工夫的。{:4_187:} 红影 发表于 2022-8-23 21:19
那也不容易，找素材很费工夫的。
是的。 加林森 发表于 2022-8-23 10:59
晚上好{:4_173:} 樵歌 发表于 2022-8-23 21:45
晚上好
晚上好！还不休息？ 加林森 发表于 2022-8-23 22:23
晚上好！还不休息？
稍晩了点 樵歌 发表于 2022-8-24 16:08
稍晩了点
嗯嗯。
页:
[1]