加林森 发表于 2022-5-20 13:11

《藏》-- 妧歌/安然 （根据老黑的孔雀舞教程制作）



<style>
.outerbox {
      position: relative;
      left: -242px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1080px;
      height: 666px;
      background: #888 url('https://pic.imgdb.cn/item/6286f8d809475431290823e9.jpg') no-repeat center/cover;
      box-shadow: 2px 2px 8px rgba(0,0,0,.95);
      perspective: 3000px;
}
.innerbox {
      background: #666;
      box-shadow: 2px 2px 6px rgba(0,0,0,.85);
      transform-style: preserve-3d;
      animation: flyout 6s linear infinite alternate;
}
@keyframes flyout {
      0% { transform: rotate(0turn); width: 1px; height: 1px; }
      80%, 100% { transform: rotate(2turn); width: 600px; height: 600px; }
}
</style>

<div class="outerbox">
      <div class="innerbox"></div>
</div>

<script>

let picAr = [
      'https://pic.imgdb.cn/item/6286f9ce0947543129098349.jpg',
      'https://pic.imgdb.cn/item/6286fa9f09475431290ad48e.jpg',
      'https://pic.imgdb.cn/item/6286fb2809475431290b5d51.jpg',
      'https://pic.imgdb.cn/item/6286fbb809475431290bb0aa.jpg',
      'https://pic.imgdb.cn/item/6286fc9109475431290c3227.jpg'
];

let idx = 0;
let outer = document.querySelector('.outerbox');
let inner = document.querySelector('.innerbox');
let aud = document.createElement('iframe');
aud.src = 'https://music.163.com/outchain/player?type=2&id=1359398436&auto=1&height=66';
aud.style.display = 'none';
outer.appendChild(aud);

setBgImg();

setInterval(setBgImg, 12000);

function setBgImg(){
      inner.style = `background: url(${picAr}) no-repeat center/cover`;
      idx += 1;
      if(idx >= picAr.length) idx = 0;
}

</script>

加林森 发表于 2022-5-20 13:11

藏 - 妧歌/安然

作词 : 温莨
作曲 : 徐梦圆
安然：
晚风轻轻 带着初春的凉
脸微烫 是青梅子的忧伤
听闻最近 你要前去洛阳
在心中 结一层数九寒霜
妧歌：
书院先生 责我心游神晃
才不是 因为你不在课堂
我也只是恰好路过你窗
捎带着 送你本诗集全唐
安然：
有歌谣赠同窗 定不要遗忘
蒹葭呀苍苍 白露呀为霜
我才不是文盲 莫笑我荒唐
来不及背牢 就和你分享
妧歌：
蝉声清响 伴着那炎炎暑光
脸微烫 怪夏日闷热难扛
一封信笺 你说想念家乡
叮嘱我 勤勤恳恳上学堂
合：
啦啦啦啦啦啦哈啊哈啊
啦啦啦啦啦啦哈啊哈啊
啦啦啦啦啦啦哈啊哈啊
啦啦啦啦啦啦哈啊哈啊
有一言赠同窗 你定要珍藏
举头望明月 莫要太思乡
鸿雁来来往往 才不会盼望
你信中的话 从未放心上
安然：
晚风瑟瑟 带着入秋的凉
脸微烫 是灯会焰火的光
中秋归乡 并肩将月儿赏
却没成想 碰见八个同窗
妧歌：
其中有个姑娘 眼睛大又亮
对你说什么 前路还漫长
怒火冲破胸膛 却行得端庄
斟酌着开嗓 她好生漂亮
合：
中庭埋下 一坛醉梨秋酿
心心念 与你举盏话衷肠
藏住不说 最是意味绵长
你偏偏 懂得我所有佯装
啦啦啦啦啦啦哈啊哈啊
啦啦啦啦啦啦哈啊哈啊
啦啦啦啦啦啦哈啊哈啊
啦啦啦啦啦啦哈啊哈啊
合：
何不赶快邀上 大眼睛姑娘
日后路漫长 也好相扶帮
忘了我这同窗 我也将你忘
你可要听好 我从不撒谎

加林森 发表于 2022-5-20 13:13

谢谢老黑，在老黑帮助下终于制作出来了。{:5_161:}

红影 发表于 2022-5-20 13:14

队长的帖子做得很漂亮，这个背景用来做图片轮播很清爽。欣赏队长好帖{:4_187:}

加林森 发表于 2022-5-20 13:17

红影 发表于 2022-5-20 13:14
队长的帖子做得很漂亮，这个背景用来做图片轮播很清爽。欣赏队长好帖

谢谢红影支持！{:4_204:}{:4_190:}

小辣椒 发表于 2022-5-20 13:32

为队长鼓掌{:4_199:}{:4_199:}{:4_199:}

小辣椒 发表于 2022-5-20 13:33

队长真的很厉害了，现在什么都看看就会了，向队长学习了{:4_187:}

加林森 发表于 2022-5-20 13:59

小辣椒 发表于 2022-5-20 13:32
为队长鼓掌

谢谢小辣椒！{:4_204:}

加林森 发表于 2022-5-20 14:00

小辣椒 发表于 2022-5-20 13:33
队长真的很厉害了，现在什么都看看就会了，向队长学习了

是老黑帮忙的，我就跟着学习就行了。谢谢小辣椒啦！下午好！{:4_204:}

小辣椒 发表于 2022-5-20 14:02

加林森 发表于 2022-5-20 14:00
是老黑帮忙的，我就跟着学习就行了。谢谢小辣椒啦！下午好！

早上的那些上传图片最后没有出来？

加林森 发表于 2022-5-20 14:11

小辣椒 发表于 2022-5-20 14:02
早上的那些上传图片最后没有出来？

全部发出来了。就6张图片，其中一张是底图的。

小辣椒 发表于 2022-5-20 14:12

加林森 发表于 2022-5-20 14:11
全部发出来了。就6张图片，其中一张是底图的。

成功就好{:4_178:}

梦油 发表于 2022-5-20 14:16

这首歌与背景画面比较起来，我更喜欢背景画面的制作技巧。

加林森 发表于 2022-5-20 15:22

小辣椒 发表于 2022-5-20 14:12
成功就好

是的。挺好玩的。

加林森 发表于 2022-5-20 15:22

梦油 发表于 2022-5-20 14:16
这首歌与背景画面比较起来，我更喜欢背景画面的制作技巧。

好的啊，喜欢就好！

梦油 发表于 2022-5-20 15:29

加林森 发表于 2022-5-20 15:22
好的啊，喜欢就好！

你的制作水平真不错。

加林森 发表于 2022-5-20 15:31

梦油 发表于 2022-5-20 15:29
你的制作水平真不错。

我水平一般的。

梦油 发表于 2022-5-20 16:54

加林森 发表于 2022-5-20 15:31
我水平一般的。

我要是能有你制作水平的十分之一，俺就知足啦。

加林森 发表于 2022-5-20 16:58

梦油 发表于 2022-5-20 16:54
我要是能有你制作水平的十分之一，俺就知足啦。

那你跟到教程学习就行了。

马黑黑 发表于 2022-5-20 18:11

精美的作品
页: [1] 2
查看完整版本: 《藏》-- 妧歌/安然 （根据老黑的孔雀舞教程制作）