陈哥

创作者

陈哥

未设置用户名

发布作品

2

总游玩

126

总点赞

0

加入时间

2026/6/29

发布的游戏

贪吃蛇Web Canvas休闲小游戏图片素材角色方向键操作WASD移动端滑动计分挑战

图片蛇蛇大作战

游戏画面采用 2D Canvas 网格布局,推荐尺寸 600x600 或自适应正方形画布,网格大小为 20px。玩家控制一条由用户上传图片表现的贪吃蛇在场景中移动。上传图片资源 URL:https://hwepfzcugghwcjstigcc.supabase.co/storage/v1/object/public/Game/uploads/cmqz99cpi0000ro0pfuei7i62/cmr0pf27v000rmp0pf9v80xqi/1782827426307-0.jpg。素材用途:作为蛇头主贴图,可裁剪为圆形或方形头像;蛇身可使用同一图片缩小重复绘制,或使用从图片采样/默认生成的统一色块作为身体节点。基础规则:初始蛇长为 3 格,初始速度约每 150ms 移动一格;食物随机出现在空格中,吃到食物得 10 分并增长 1 节;每获得 50 分速度提升一级,最低移动间隔不低于 70ms。操作方式:桌面端使用方向键或 WASD;移动端可加入滑动手势控制方向。失败条件:蛇头撞墙或撞到自身身体。UI 包含开始界面、实时分数、最高分、本局速度等级、暂停按钮和游戏结束弹窗。美术表现建议:背景使用浅色棋盘格,食物可绘制为红色圆点、星星或水果图标;蛇头绘制上传图片并根据移动方向轻微旋转,增强角色感;吃食物时播放缩放反馈,死亡时蛇身闪烁并弹出最终得分。适合快速实现为单文件 HTML5 Canvas 小游戏。

54 次游玩 / 0 赞 / 0 收藏

HTML5Canvas俄罗斯方块Tetris霓虹赛博益智消除WASD控制方向键控制粒子效果单文件游戏

霓虹赛博俄罗斯方块

这是一个适合直接用 HTML5 Canvas 实现的霓虹赛博风俄罗斯方块小游戏。画布主体采用黑色或深蓝黑背景,游戏网格为 10 列 x 20 行,每个格子可使用固定尺寸绘制,例如 30px。网格外框使用蓝紫色霓虹描边和阴影发光效果,方块使用高饱和霓虹色并带有 glow shadow。游戏随机生成 I、O、T、S、Z、J、L 七种经典方块,每种方块拥有独立颜色和旋转矩阵。玩家可用方向键或 WASD 操作:A/← 左移,D/→ 右移,S/↓ 加速下落,W/↑ 旋转。每当方块无法继续下落时,将其写入棋盘数组并检测是否有满行。消除 1、2、3、4 行分别给予递增奖励,例如 100、300、500、800 分,并累加已消除行数。游戏根据分数或消除行数提升等级,使自动下落间隔逐步缩短,从而提高难度。UI 需要在 Canvas 或 HTML 层显示当前分数、已消除行数、下一个方块预览、暂停/继续按钮、重新开始按钮。暂停时停止游戏循环并显示暂停提示;游戏结束时显示霓虹风 Game Over 面板和最终分数。视觉效果包括:消行时闪烁、少量粒子从被消除行散开、方块边缘发光、背景可有轻微动态星点或数字雨感。最终交付目标是一个单文件完整可运行的 HTML Canvas 游戏,包含 HTML、CSS 和 JavaScript,无需外部素材。

72 次游玩 / 0 赞 / 0 收藏