设为首页收藏本站
开启辅助访问 切换到宽版 登录 立即注册 QQ登录

花潮论坛

搜索
热搜: 活动 交友 discuz
12345678下一页
返回列表 发新帖
查看: 350|回复: 147

[特效音画] 檐下雨意

[复制链接]
马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

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

    请马上登录，朋友们都在花潮里等着你哦：）

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

    x
    本帖最后由 马黑黑 于 2022-8-7 13:09 编辑

    檐下雨意 [王先宏古琴艺术]

    评分

    参与人数 8威望 +300 金钱 +600 经验 +300 收起 理由
    走过岁月 + 30 + 60 + 30 赞一个!
    东篱闲人 + 30 + 60 + 30 很给力!
    加林森 + 30 + 60 + 30 很给力!
    醉美水芙蓉 + 30 + 60 + 30 赞一个!
    小辣椒 + 50 + 100 + 50 赞一个!
    红影 + 50 + 100 + 50 赞一个!
    梦油 + 30 + 60 + 30 赞一个!
    樵歌 + 50 + 100 + 50 赞一个!

    查看全部评分

    回复

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-9-24 13:38 | 显示全部楼层
    深秋红枫 发表于 2022-9-24 12:51
    欣赏，学习了！
    还有创作空间：鼠标图外点，雨停；鼠标图内点，下雨（不影响雨势及方向）。

    如果需要，这些都可以的
    回复 支持 1 反对 0

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-8-7 07:19 | 显示全部楼层
    本帖最后由 马黑黑 于 2022-8-7 07:34 编辑

    雨丝对鼠标指针有感应能力，以方向、加速等形式响应。设计中，鼠标指针可以接雨滴，但效果在本坛子呈现不出来，原因不明。
    想体验一下接雨滴效果的请移步：

    檐下雨意 (byethost11.com)
    回复 支持 反对

    使用道具 举报

    樵歌
  • TA的每日心情
    开心
    2025-12-15 07:09

    • 签到天数: 647 天

    [LV.9]以坛为家II

    1375

    主题

    7万

    回帖

    13万

    积分

    管理员

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

    花潮帅哥多彩人生海样胸怀春风拂面青草情怀心曲飞扬七彩绚丽活泼开朗男儿情怀鹰傲苍穹共看流星风雨同行我心永远天长地久幸福快乐春意盎然喜乐安康心想事成周年庆指尖上的流年舞会之星情人节花潮管理
    发表于 2022-8-7 07:22 | 显示全部楼层
    除了不能接以外，其它都实现了
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

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

    帖子使用了一个和父框一样尺寸的 canvas 画布，下雨效果通过画布实现，画布设置一定的透明度，亮出帖子底图。帖子其他元素（光盘和文本）摆在画布之上。

    画布必须由JS操纵，才能产生所需要的效果。过于复杂的效果估计在本论坛会受到影响。
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-8-7 07:25 | 显示全部楼层
    樵歌 发表于 2022-8-7 07:22
    除了不能接以外，其它都实现了

    是的，有点遗憾哈
    回复 支持 反对

    使用道具 举报

    梦油
  • TA的每日心情
    开心
    2025-12-15 09:46

    • 签到天数: 1346 天

    [LV.10]以坛为家III

    1669

    主题

    4万

    回帖

    14万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生缤纷心情心曲飞扬七彩绚丽花好月圆飞龙在天王者至尊妙笔生花共看流星风雨同行幸福快乐喜乐安康心想事成前途似锦开朗大方花潮管理
    发表于 2022-8-7 09:01 | 显示全部楼层
    真是无与伦比的好作品，那雨丝，那水泡……赏心悦目！

    随遇而安、顺其自然、与世无争、处之晏然、自娱自乐、安度晚年。
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-8-7 09:10 | 显示全部楼层
    梦油 发表于 2022-8-7 09:01
    真是无与伦比的好作品，那雨丝，那水泡……赏心悦目！

    早上好
    回复 支持 反对

    使用道具 举报

    梦油
  • TA的每日心情
    开心
    2025-12-15 09:46

    • 签到天数: 1346 天

    [LV.10]以坛为家III

    1669

    主题

    4万

    回帖

    14万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生缤纷心情心曲飞扬七彩绚丽花好月圆飞龙在天王者至尊妙笔生花共看流星风雨同行幸福快乐喜乐安康心想事成前途似锦开朗大方花潮管理
    发表于 2022-8-7 09:33 | 显示全部楼层
    马黑黑 发表于 2022-8-7 09:10
    早上好

    你好，黑黑朋友。俺看到如此精彩的作品实在是怡情悦性、心旷神怡啊！

    随遇而安、顺其自然、与世无争、处之晏然、自娱自乐、安度晚年。
    回复 支持 反对

    使用道具 举报

    有声有色
  • TA的每日心情
    开心
    2022-11-29 11:20

    • 签到天数: 94 天

    [LV.6]常住居民II

    561

    主题

    2492

    回帖

    2万

    积分

    贵宾

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

    花潮帅哥多彩人生海样胸怀春风拂面缤纷心情飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行
    发表于 2022-8-7 09:47 | 显示全部楼层
    马黑黑 发表于 2022-8-7 07:24
    实现原理简述：

    帖子使用了一个和父框一样尺寸的 canvas 画布，下雨效果通过画布实现，画布设置一定的透 ...

    我在这里试了试能改变下雨的方向，相当不错
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

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

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-8-7 09:56 | 显示全部楼层
    马黑黑 发表于 2022-8-7 07:19
    雨丝对鼠标指针有感应能力，以方向、加速等形式响应。设计中，鼠标指针可以接雨滴，但效果在本坛子呈现不出 ...

    可以鼠标跟随啊，在这里也能呈现的。我现在用的360安全浏览器，鼠标感应存在
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

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

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-8-7 09:59 | 显示全部楼层
    全代码的雨滴和涟漪，而且是可以随着鼠标变化的，黑黑真棒
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

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

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-8-7 10:00 | 显示全部楼层
    涟漪貌似和以前的那个圆圈涟漪还不一样呢，是溅起的方式，更密集了
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

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

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

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

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

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-8-7 10:14 | 显示全部楼层
    本地测试的时候，发现鼠标上移的时候，涟漪也会跟着上去？
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-8-7 10:16 | 显示全部楼层
    红影 发表于 2022-8-7 10:13
    好漂亮的一场急雨啊

    嗯，太急了点，但是欧洲可能需要，可惜不下它那里

    欧洲哪里现在干旱厉害，法国估计要启动紧急应对措施了。欧盟天灾人祸重重，却仍关心弯弯
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-8-7 10:17 | 显示全部楼层
    梦油 发表于 2022-8-7 09:33
    你好，黑黑朋友。俺看到如此精彩的作品实在是怡情悦性、心旷神怡啊！

    记得拿把雨伞在身
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-8-7 10:17 | 显示全部楼层
    红影 发表于 2022-8-7 10:00
    涟漪貌似和以前的那个圆圈涟漪还不一样呢，是溅起的方式，更密集了

    实现机制也不同的，这个效果是画布上弄的
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-8-7 10:18 | 显示全部楼层
    红影 发表于 2022-8-7 09:59
    全代码的雨滴和涟漪，而且是可以随着鼠标变化的，黑黑真棒

    应对不了坛子环境，鼠标感应效果没能完全呈现出来
    回复 支持 反对

    使用道具 举报

    梦油
  • TA的每日心情
    开心
    2025-12-15 09:46

    • 签到天数: 1346 天

    [LV.10]以坛为家III

    1669

    主题

    4万

    回帖

    14万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生缤纷心情心曲飞扬七彩绚丽花好月圆飞龙在天王者至尊妙笔生花共看流星风雨同行幸福快乐喜乐安康心想事成前途似锦开朗大方花潮管理
    发表于 2022-8-7 10:18 | 显示全部楼层
    马黑黑 发表于 2022-8-7 10:17
    记得拿把雨伞在身

    三伏天淋淋雨才惬意呐！

    随遇而安、顺其自然、与世无争、处之晏然、自娱自乐、安度晚年。
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-15 08:01

    • 签到天数: 1670 天

    [LV.Master]伴坛终老

    3050

    主题

    13万

    回帖

    28万

    积分

    管理员

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

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-8-7 10:19 | 显示全部楼层
    有声有色 发表于 2022-8-7 09:47
    我在这里试了试能改变下雨的方向，相当不错

    对，雨丝的方向是可以相应鼠标指针位置的
    回复 支持 反对

    使用道具 举报

    下一页 »
    12345678下一页
    返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2025-12-16 04:27 , Processed in 0.083328 second(s), 27 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

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