- 博客(90)
- 收藏
- 关注
中秋国庆双节祝福HTML 页面
中秋国庆双节祝福页面
视觉效果增强:
添加了渐变叠加层使文字更清晰
增加了响应式字体大小,适配不同屏幕
添加了节日相关装饰元素,随主题变化
交互体验提升:
头像图标随主题变化(月亮 / 国旗)
头像添加了悬停旋转和缩放动画
装饰元素添加了漂浮动画效果
功能完善:
完整的主题切换功能,包括问候语和装饰的同步变化
打字效果优化,增加了顺序执行和回调
响应式设计,适配各种屏幕尺寸
节日氛围:
中秋主题使用月亮、星星等元素,暖色调
国庆主题使用国旗、红星等元素,红蓝色调
增加了脉动动画的庆祝元素
点击页面中央的圆形图标可以在中秋和国庆主题之间切换,体验不同的节日氛围。
2025-09-30
虚拟购物网站(网站没有实际支付功能,采用会员发放积分,用积分购买,可以邀请会员)
这个虚拟购物网站设计专注于积分兑换系统,具有以下特色功能:
完整的积分体系:用户可以通过注册、每日签到和邀请好友等方式获取积分,并使用积分兑换商品。
会员邀请机制:用户可以生成专属邀请链接,成功邀请好友后双方都能获得积分奖励,形成良性循环。
商品展示与兑换:清晰展示各类商品及其所需积分,用户可以将心仪商品加入购物车并完成积分兑换。
积分动态追踪:通过图表直观展示用户积分的获取与消费情况,帮助用户了解自己的积分状态。
用户评价系统:展示其他会员的兑换评价,增加平台可信度和用户参与感。
设计上采用了现代化的 UI 风格,以蓝色为主色调传达信任感,橙色作为辅助色突出重要操作按钮。网站实现了全响应式布局,在各种设备上都能提供良好的用户体验。动画效果如悬停变换、平滑滚动和加载过渡等细节处理,提升了整体交互质感。
2025-08-29
网页直接运行的2048 数字游戏
游戏规则:
使用 ← → ↑ ↓ 方向键移动方块
当两个相同数字的方块碰撞时,它们会合并成一个!
每次移动后,会在空白位置生成一个新的方块(2 或 4)
当得到 2048 方块时获胜,无法移动时游戏结束
2025-08-20
录制视频加移动水印非常实用的鼠标指针跟随显示自定义工具
鼠标指针跟随显示自定义工具-可以自定义文字。可选显示输入法状态、大小写状态、日期、时间等。(注:输入法显示依赖检测shift键,使用其他方式切换输入法状态,就检测不到,会存在输入法状态显示不准的情况。其他的都能保证准确无误)
显示内容位置可以自定义;
英文、大写、小键盘关,显示的提示直接显示红色;
使用场景:
录制视频时打开自定义文字和日期时间,可以防止录制的视频被盗用;
日常使用只打开输入法状态、大小写、小键盘状态,随时掌握这些情况,不用一直看右下角和一直看键盘。
加入了开机自启动功能(静默启动)录制视频加移动水印很实用
2025-08-20
网页游戏模拟经营:《星际农场》
资源管理系统:
星际货币:通过销售作物增加
水资源:种植作物时消耗,随时间自动增长
肥料:随时间自动增长
能源:种植作物时消耗,随时间自动增长
所有资源都有上限,并显示在进度条中
农场等级系统:
收获作物获得经验值
经验值满后自动升级
升级后增加资源上限并补充资源
可手动支付货币升级农场
仓库库存系统:
收获作物后自动增加到库存
库存数量实时显示
销售后库存清零
星际市场系统:
每种作物有独立市场价格
点击"更新市场行情"按钮随机波动价格
销售时按当前市场价格计算收入
全部收获功能:
一键收获所有成熟作物
显示收获数量通知
星际销售功能:
一键销售所有库存作物
按当前市场价格计算总收入
增加星际货币
多星球系统:
点击不同星球可切换
每个星球有独特增益效果
切换时显示通知
资源限制:
种植作物需要消耗水和能源
资源不足时无法种植并显示错误提示
自动资源增长:
每10秒自动增加水和能源
肥料随时间自动增长
游戏玩法说明
基础操作:
选择作物后点击空地种植
成熟作物会发光,点击收获
使用"全部收获"按钮快速收获所有成熟作物
资源管理:
关注左上角资源状态
资源不足时无法种植新作物
资源随时间恢复
经济系统:
收获作物存入仓库
点击"星际销售"出售所有库存
使用收入升级农场
农场升级:
升级增加资源上限
升级后立即补满所有资源
每次升级费用递增
星球系统:
不同星球提供不同增益
点击星球可自由切换
增益效果会影响种植效率
2025-07-28
鬼灭之刃网页直接运行的小游戏
鬼灭之刃网页小游戏
游戏功能说明
核心玩法:
使用左右方向键控制炭治郎移动
收集蓝色呼吸法能量球增加分数和能量值
躲避恶鬼的攻击,被击中会减少生命值
每收集10个能量球增加1点生命值
游戏特性:
三种难度级别:简单、中等、困难
动态计分系统
角色动画效果(炭治郎挥刀、恶鬼移动)
能量球发光动画
精美的鬼灭之刃主题UI
2025-07-20
HTML网页运行贪吃蛇小游戏
内容概要
该贪吃蛇游戏是一个完整的HTML5实现,包含以下核心内容:
游戏核心机制:通过键盘或触摸屏控制蛇的移动,收集食物增长身体
视觉设计:
玻璃拟态UI界面
渐变色彩的蛇身和食物
动态光影效果
功能系统:
实时分数/长度统计
三档难度选择(简单/中等/困难)
游戏状态提示
响应式布局(适配桌面/移动设备)
操作支持:
键盘控制(方向键/WASD)
移动端触控按钮
完整游戏循环:开始→游戏进行→碰撞检测→结束→重新开始
适用人群
编程学习者:学习HTML5 Canvas和JavaScript游戏开发
休闲游戏玩家:寻求简单有趣的消遣方式
教育场景:适合计算机课堂演示基础游戏算法
怀旧游戏爱好者:经典贪吃蛇的现代复刻版
移动端用户:完全适配触屏设备的休闲游戏
使用场景
课堂教育:
编程教学中演示游戏循环、碰撞检测等概念
算法课程讲解链表数据结构(蛇身实现)
休闲娱乐:
工作间隙的短暂放松(单局游戏时间1-5分钟)
通勤途中的移动端娱乐
儿童逻辑思维训练
技术演示:
前端开发者展示Canvas技术能力
响应式设计案例展示
游戏UI设计参考
竞技挑战:
朋友间分数比拼
不同难度级别挑战
设计目标
用户体验:
直观的控制方式(键盘/触摸)
即开即玩的轻量级体验
清晰的游戏状态反馈
技术实现:
零依赖的纯原生实现(HTML/CSS/JS)
60FPS流畅动画性能
完善的碰撞检测机制
教育价值:
展示基础游戏开发原理
演示面向对象编程实践
提供可扩展的代码结构
视觉设计:
现代玻璃拟态UI
自适应不同屏幕尺寸
游戏元素的视觉反馈(蛇身渐变/食物发光)
游戏性:
渐进式难度曲线
即时分数反馈机制
简单的成就系统(分数/长度记录)
2025-07-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅