花潮论坛

搜索
热搜: 活动 交友 discuz
查看: 183|回复: 148

赴大荒

[复制链接]
  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

    发表于 2025-8-27 12:51 | 显示全部楼层 |阅读模式

    请马上登录,朋友们都在花潮里等着你哦:)

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x

    评分

    参与人数 5威望 +190 金钱 +380 经验 +190 收起 理由
    小辣椒 + 50 + 100 + 50 赞一个!
    杨帆 + 30 + 60 + 30 精彩帖子!
    红影 + 50 + 100 + 50 赞一个!
    花飞飞 + 30 + 60 + 30 很给力!
    梦江南 + 30 + 60 + 30 很给力!

    查看全部评分

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-8-27 12:51 | 显示全部楼层
    <style> @import 'https://638183.freep.cn/638183/web/css/tz01.css'; #pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/6/f98.jpeg') no-repeat center/cover; --ma-size: 20%; } #ma { left: 30px; top: 30px; z-index: 10; } #btnFs { right: 30px; bottom: 30px; color: lightblue; border-color: currentColor!important; } .plane { position: absolute; right: -150px; top: -200px; width: 200px; height: 200px; background: lightyellow; cursor: pointer; clip-path: path('M100 100,140 0,0 200,200 80'); animation: fly 9s var(--delay) linear infinite var(--state); --delay: 0s; } .plane:nth-of-type(2) { background: lightblue; --delay: -3s; } .plane:nth-of-type(3) { background: purple; --delay: -6s; } @keyframes fly { to { right: 30%; top: 100%; } } </style> <div id="pa"> <audio id="audio" src="https://music.163.com/song/media/outer/url?id=2124415181" autoplay loop></audio> <video class="pd-vid" src="https://img.tukuppt.com/video_show/2418175/00/02/01/5b4f55c95539b.mp4" autoplay loop muted></video> <div class="plane brightness"></div> <div class="plane brightness"></div> <div class="plane brightness"></div> <div id="ma" class="brightness"> <svg id="msvg" width="100%" height="100%" viewBox="-100 -100 200 200"></svg> </div> </div> <script type="module"> import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js'; import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js'; var dr = Dr.dr(msvg); var tt = 5, path = 'M0 -30,-20 0,0 -95,20 0 Z', planes = pa.querySelectorAll('.plane'); Array.from({length: tt}).forEach((_,k) => { dr.path(path, 'none', 'skyblue', 3).transform(`rotate(${360/tt*k})`); }); planes.forEach(plane => { plane.title = 'ALT+X'; plane.onclick = () => ma.click(); }); FS(pa,ma); </script>

    评分

    参与人数 3威望 +130 金钱 +260 经验 +130 收起 理由
    小辣椒 + 50 + 100 + 50 赞一个!
    红影 + 50 + 100 + 50 赞一个!
    花飞飞 + 30 + 60 + 30 很给力!

    查看全部评分

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2025-11-27 09:01
  • 签到天数: 591 天

    [LV.9]以坛为家II

    377

    主题

    1万

    回帖

    3万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女鼠牛虎兔龙蛇马羊猴鸡狗猪缤纷心情心曲飞扬花好月圆飞龙在天音画大师花潮贵宾

    发表于 2025-8-27 14:08 | 显示全部楼层
    漂亮,黑黑老师辛苦了!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 18:44 | 显示全部楼层
    开篇最显眼的就是三个缓缓飞翔的箭头小飞机。。。
    位置从right: -150px; top: -200px;开始,经过9S到达right: 30%; top: 100%;位置,实现从右上角到下方的滑翔。。

    小飞机是路径画出来的,还复制了三个一样大的。。。如果想要不一样大小,可以跟昨天心形贴子一样,给后两个分别加个scale: 0.3;采用不同的数值就可以了吧。。

    三架飞机延迟出现时间不同,所以看到的就依次排队亮相。。。另外还有颜色不同。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 18:47 | 显示全部楼层
    小飞机跟小播待遇一样,都能控制动态。。。
    还贴心的给小飞机也加了与小播相同的触碰效果。。brightness,
    开头还以为这是啥新式武器,看到小播设置就明白了..
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 18:49 | 显示全部楼层
    小播也画了个跟飞机一样的造型.....
    看数据差得不是一星半点.....
    单瓣旋转5次后成五角星形状...
    这个组合使得中间部分围成一个圈,看起来像是花心,好看......
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 18:52 | 显示全部楼层
    planes.forEach(plane => {
                    plane.title = 'ALT+X';
                    plane.onclick = () => ma.click();

    这一句是把飞机跟小播绑在一起的..点飞击也可反向控制小播...
    它就不仅仅是装饰作用了.还有交互功能
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 18:53 | 显示全部楼层
    音乐是个纯乐...好听....
    .标题吸睛.看到大荒老想到的是北大荒....
    反正是记住了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-8-27 18:57 | 显示全部楼层
    花飞飞 发表于 2025-8-27 18:53
    音乐是个纯乐...好听....
    .标题吸睛.看到大荒老想到的是北大荒....
    反正是记住了

    去过呗
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-8-27 18:59 | 显示全部楼层
    花飞飞 发表于 2025-8-27 18:52
    planes.forEach(plane => {
                    plane.title = 'ALT+X';
                    plane.onclick = () => ma.click();

    嗯,看出来了,不错。这个呢,假如样纸比较大,动作又不至于太快,是可以绑定交互操作的。

    ma.click() 实际上相当于一个函数,ma 元素的点击操作。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-8-27 19:00 | 显示全部楼层
    花飞飞 发表于 2025-8-27 18:47
    小飞机跟小播待遇一样,都能控制动态。。。
    还贴心的给小飞机也加了与小播相同的触碰效果。。brightness,
    ...

    鼠标指针移动到它时会高亮。.brightness 是 CSS 文档预设的一个选择器。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-8-27 19:01 | 显示全部楼层
    花飞飞 发表于 2025-8-27 18:49
    小播也画了个跟飞机一样的造型.....
    看数据差得不是一星半点.....
    单瓣旋转5次后成五角星形状...

    像是花心,不是心花就好
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-8-27 19:01 | 显示全部楼层
    梦江南 发表于 2025-8-27 14:08
    漂亮,黑黑老师辛苦了!

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-11-30 07:45
  • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理

     楼主| 发表于 2025-8-27 19:02 | 显示全部楼层
    花飞飞 发表于 2025-8-27 18:44
    开篇最显眼的就是三个缓缓飞翔的箭头小飞机。。。
    位置从right: -150px; top: -200px;开始,经过9S到达rig ...

    对。可以设大设小,开始也想设置的,要去午休就没弄了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 19:10 | 显示全部楼层

    你找这歌的时候有没有想到北大这三个字
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 19:11 | 显示全部楼层
    马黑黑 发表于 2025-8-27 18:59
    嗯,看出来了,不错。这个呢,假如样纸比较大,动作又不至于太快,是可以绑定交互操作的。

    ma.click() ...

    就是,跑太快逮不住也互动不了。。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 19:12 | 显示全部楼层
    马黑黑 发表于 2025-8-27 19:00
    鼠标指针移动到它时会高亮。.brightness 是 CSS 文档预设的一个选择器。

    嗯哪,预设的有好几样,可以挑着用。。看它跟得跟MA一样,就觉得应该触碰也会发亮
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 19:15 | 显示全部楼层
    马黑黑 发表于 2025-8-27 19:01
    像是花心,不是心花就好

    重复旋转太有魅力了,总能把简单的图案绕成令人惊艳的复杂效果。。。
    嘻嘻,就是字面意思,花的心。。
    心不能乱花
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2025-8-5 16:33
  • 签到天数: 44 天

    [LV.5]常住居民I

    62

    主题

    1万

    回帖

    2万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女流光溢彩优雅神秘花潮贵宾

    发表于 2025-8-27 19:16 | 显示全部楼层
    马黑黑 发表于 2025-8-27 19:02
    对。可以设大设小,开始也想设置的,要去午休就没弄了

    变大小加上去后看着应该也不错。。
    午休是个好习惯
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2025-11-17 10:56
  • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析(喊冤)章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理

    发表于 2025-8-27 19:32 | 显示全部楼层
    想了半天,还比划了半天,有点看不懂路径了,这M后面不带着L么。
    不过不算是不是带的,遇到路径都要想半天,包括小播的路径。
     
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|手机版|Archiver|服务支持:DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

    GMT+8, 2025-11-30 15:08 , Processed in 0.085454 second(s), 31 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表