花飞飞 发表于 2025-1-11 09:08

【黑师代码】远山之外是远山（学习黑师20250109《Walls》线条小播纯音版）

本帖最后由 花飞飞 于 2025-1-11 09:10 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/mod/button.css';
        #tz { --state: running; margin: 130px 0 30px calc(50% - 931px); width:1700px; height: 900px; background: url('https://642303.freep.cn/642303/tu/%E8%BF%9C%E5%B1%B1%E4%B9%8B%E5%A4%96%20%E6%8B%B7%E8%B4%9D.jpg') no-repeat center/cover; }
        #fsbtn { bottom: 20px; }
        .mplayer {
        left: calc(28% - 308px); top: calc(77% - 60px);opacity: .66;
}
        .vid { position: absolute;mix-blend-mode:multiply;opacity: .66;width:78%;bottom:0px;left:0px;-webkit-mask: linear-gradient(to bottom,transparent,transparent,transparent,red);}
        .mypic {
    position: absolute;
    left:130px;
    top:420px;
    cursor: pointer;
    mix-blend-mode: Multiply;
    z-index: 3;
}
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=304966"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_preview/24/03/29/15/01/16/video6606673cc6a03.mp4" autoplay loop muted></video>
        <div id="fsbtn" class="fsbtn"></div>
        <div class="mypic"><img src="http://qslt.net/data/attachment/forum/202412/22/185517gclz9lzqcokzqcuz.gif" alt="" /></div>
        <svg id="msvg" class="mplayer" width="200" height="200"></svg>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/button.js';
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        var dr = Dr.dr('msvg');
        var all = 21, a = 360 / all;
        dr.symbol('sym','-100 -100 200 200');
        for(var i = 0; i < all; i ++) {
                var c = Math.random().toString(16).substring(2,8)
                dr.path('M0 0 Q60 -80,40 20','none',`#${c}`,1.1).transform(`rotate(${i * a},0,0) translate(10)`).addTo('sym');
        }
        dr.use('#sym',0,0,200,200);
       
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
</script>

花飞飞 发表于 2025-1-11 09:11

@马黑黑 白老师来瞧一瞧这个无歌词版的作业。。{:4_173:}

红影 发表于 2025-1-11 10:13

飞飞的制图好漂亮，这样的场景，这样的标题文字设计，简直太美了{:4_199:}

红影 发表于 2025-1-11 10:14

音乐和视频选用也好，看飞飞的帖子是美好的视听享受{:4_187:}

樵歌 发表于 2025-1-11 14:25

远山外是远山，不就是夕阳山外山的意境么，平美啦。但只给俺们看美女的半张小脸{:4_189:}稍有点不好吧{:4_189:}

小辣椒 发表于 2025-1-11 20:56

欣赏飞飞的精美图图，背景山山水水，隐隐约约，衬托的人物恰到好处，整体效果完美{:4_199:}

马黑黑 发表于 2025-1-11 21:32

花飞飞 发表于 2025-1-11 09:11
@马黑黑 白老师来瞧一瞧这个无歌词版的作业。。

{:4_181:}

马黑黑 发表于 2025-1-11 21:33

完美

花飞飞 发表于 2025-1-12 09:33

马黑黑 发表于 2025-1-11 21:32


其实这个标题是一首歌的名字，该有歌词的。
我试了一下不好加，还得白老师你出手封个有歌词的。{:4_170:}

花飞飞 发表于 2025-1-12 09:36

马黑黑 发表于 2025-1-11 21:33
完美

这个评价老高了，美滋滋的。
小播的颜色里Math.random().toString(16).substring(2,8)
这一句随机色想要改成单色试试，出了一头汗也没改成，感觉几天没来跟贴都退化了。{:4_170:}

花飞飞 发表于 2025-1-12 09:42

小辣椒 发表于 2025-1-11 20:56
欣赏飞飞的精美图图，背景山山水水，隐隐约约，衬托的人物恰到好处，整体效果完美

{:4_173:}感谢小辣椒 支持，感觉学制图的确不太容易

花飞飞 发表于 2025-1-12 09:43

樵歌 发表于 2025-1-11 14:25
远山外是远山，不就是夕阳山外山的意境么，平美啦。但只给俺们看美女的半张小脸稍有点不好吧{:4_1 ...

感谢樵管支持鼓励，这美女看一半才更惦记不是{:4_170:}

花飞飞 发表于 2025-1-12 09:44

红影 发表于 2025-1-11 10:14
音乐和视频选用也好，看飞飞的帖子是美好的视听享受

感谢影子支持，十分给力~~你的回复看了就开心{:4_204:}

花飞飞 发表于 2025-1-12 09:45

红影 发表于 2025-1-11 10:13
飞飞的制图好漂亮，这样的场景，这样的标题文字设计，简直太美了

感谢影子鼓励哦，问好~周末快乐。。{:4_187:}

红影 发表于 2025-1-12 14:13

花飞飞 发表于 2025-1-12 09:44
感谢影子支持，十分给力~~你的回复看了就开心

飞飞每次的帖子都美不胜收，真的是看得很享受呢{:4_187:}

红影 发表于 2025-1-12 14:13

花飞飞 发表于 2025-1-12 09:45
感谢影子鼓励哦，问好~周末快乐。。

谢啥啊，应该谢谢飞飞带来的好帖才是{:4_204:}

樵歌 发表于 2025-1-12 14:24

花飞飞 发表于 2025-1-12 09:43
感谢樵管支持鼓励，这美女看一半才更惦记不是

那倒也不是，不过那一半下次会来吗{:4_189:}

马黑黑 发表于 2025-1-12 18:47

花飞飞 发表于 2025-1-12 09:36
这个评价老高了，美滋滋的。
小播的颜色里Math.random().toString(16).substring(2,8)
这一句随机色想 ...

不要随机色，直接使用自已想要的颜色（比如 #000）

马黑黑 发表于 2025-1-12 18:47

花飞飞 发表于 2025-1-12 09:33
其实这个标题是一首歌的名字，该有歌词的。
我试了一下不好加，还得白老师你出手封个有歌词的。{:4_170: ...

{:4_190:}

花飞飞 发表于 2025-1-12 19:50

红影 发表于 2025-1-12 14:13
飞飞每次的帖子都美不胜收，真的是看得很享受呢

影子太会夸人了，听着舒心，乐一个{:4_204:}
页: [1] 2
查看完整版本: 【黑师代码】远山之外是远山（学习黑师20250109《Walls》线条小播纯音版）