5 款星空主题小游戏上线：即点即玩，6 大世界观皮肤等你解锁

打开浏览器，点一下，就能玩。

没有下载按钮，没有安装包，没有”是否信任此开发者”的弹窗。5 款原创小游戏，6 套世界观皮肤，1 个云端排行榜——这就是我们做的小游戏站。

5 款游戏，各有各的玩法

星灵拼图

经典数字滑块拼图，但拼的不是数字，是星灵。

3×3 入门、4×4 进阶、5×5 挑战，三档难度任选。每张拼图的星灵形象都是用代码现场画的——光晕、星核、装饰纹路，不依赖任何图片素材，所以加载特别快。5 种色调主题（暖阳/深海/森林/星河/暗夜），换一种心情再拼一遍。

星空贪吃蛇

24×24 网格，三档速度，蛇身渐变色。

背景有 30 颗星星在闪，蛇身从头到尾渐变，吃一颗星身长加一。慢速模式适合摸鱼，快速模式考验反应。最高分自动保存在本地，下次打开继续刷新记录。

异界战机

纵向卷轴射击，操作飞船穿越敌阵，每关结束打 Boss。

这是第一款支持完整皮肤系统的游戏。6 套世界观皮肤不只是换个颜色——玩家飞船、敌人、Boss、子弹、道具、背景，全部替换成对应世界观的美术资源。仙侠皮肤里你操控的是飞剑，机甲皮肤里你驾驶的是能量战机。

道具系统：火力升级（三种子弹模式）、护盾（抵挡一次伤害）、炸弹（清屏）。Boss 战每关一个，击败后进入下一关，难度递增。

异界竞速

横向卷轴避障，控制角色躲避障碍、收集金币，速度越来越快。

三种道具：减速（短暂降速方便操作）、护盾（无敌穿越）、奖励金币（双倍收益）。撞到障碍就 Game Over，所以越到后面越紧张。6 套皮肤各有独立赛道背景——仙侠皮肤跑在仙山云海间，废土皮肤跑在荒漠废墟中。

异界塔防

S 形路径，3 种防御塔，波次系统，每 5 波出 Boss。

• 基础塔（50 金币）：射速快，单体伤害，性价比之王
• 炮弹塔（100 金币）：范围伤害，打群怪利器
• 减速塔（80 金币）：减速敌人，控场必备

点击空地放塔，自动攻击范围内的怪物。怪物沿 S 形路径走到终点扣血，10 点血量用完就 Game Over。每 5 波出一个 Boss，Boss 有 500 血量，需要提前布局好塔阵。击杀怪物获得金币，用金币买更多塔——经典的塔防循环。

6 大世界观皮肤：不只是换颜色

这是整个游戏站最花心思的设计。我们做了 6 套完整的世界观皮肤，每套都有独立的美术风格：

皮肤	风格	你会看到什么
星之谣	异界星空	紫粉星云、魔法塔、星灵生物
仙侠	修仙古风	飞剑塔、妖兽、仙山云海
玄幻	丹药灵谷	灵药塔、毒兽、琥珀色调
魔法	魔法学院	火球塔、暗影生物、靛紫魔法阵
废土	末日生存	机枪塔、变异体、橙红荒漠
机甲	科技未来	激光塔、故障机器人、青蓝科技感

星之谣是默认皮肤，免费使用。其他 5 套需要登录后解锁。

为什么要做皮肤系统？因为同一种玩法，换一套视觉就是全新的体验。仙侠风格的塔防和机甲风格的塔防，虽然规则一样，但感觉完全不同。我们希望玩家不是”通关一次就走了”，而是”想试试每个皮肤长什么样”。

排行榜：和所有人比一比

游戏结束页面有一个”保存到云端”按钮。登录后，你的成绩会上传到云端排行榜，和所有玩家一起排名。

排行榜页面有 4 个游戏标签页（拼图不计分），每个游戏展示：

• 前 4 名的高分卡片（金银铜+第四名）
• 你的个人统计：最高分、总场次、总击杀、平均分
• 10 个成就徽章（首次游玩、坚持 10 波、击杀 100 怪等）
• 完整的历史记录

未登录也能玩，成绩存在本地。但登录后才能上传云端、参与全局排名。不想登录？用微信扫一下小程序码就行，不用注册账号。

开发背后的故事

做这 5 款游戏的过程中，有不少”原来如此”的时刻。

拼图为什么不用图片素材？ 一开始打算用 AI 生成星灵图片再切割成拼图块，但图片文件大、加载慢，而且每张拼图都要单独生成。后来发现用代码直接画星灵形象——光晕用椭圆、星核用星形、加上装饰点和编号——效果一样好，加载快了 10 倍，还零图片依赖。

塔防的炮管要不要跟着怪物转？ 一开始做了炮管旋转跟踪怪物的功能，测试后发现：我们的塔图片是侧面视角的，旋转之后塔就”倒”了。最后决定图片塔保持固定方向，只有纯代码绘制的兜底塔才旋转炮管。这是设计上的取舍——视觉效果优先于”真实感”。

战机游戏打完 Boss 卡住了。 测试时发现每次击败 Boss 游戏就冻结，排查后发现是碰撞检测函数里用了一个没传入的时间变量。一行代码的 bug，但如果没有控制台报错，根本找不到。

登录弹窗出现了两个加载圈。 扫码登录弹窗在加载二维码时，占位框里有一个转圈动画，遮罩层里也有一个，两个叠在一起。最后去掉了占位框的转圈，只保留遮罩层的——统一管理，避免视觉混乱。

技术栈：LeaferJS

5 款游戏全部基于 LeaferJS 渲染引擎。选它的原因很简单：它是国产开源的 Canvas 场景图引擎，API 简洁，按需引入体积小，适合这种”中型 2D 游戏”的场景。

游戏页面用 Astro 岛屿架构按需加载——你打开哪个游戏，才加载哪个游戏的代码，不会一次性把 5 个游戏全加载下来。所以即使有 200 多张美术资源，每个游戏的首次加载也控制在 2 秒以内。

来玩吧

所有游戏都在这里：xingzhiyao.com/games

手机也能玩，触摸操作适配移动端。每局 1-5 分钟，适合通勤、午休、等外卖的碎片时间。

觉得好玩的话，试试登录解锁其他皮肤——仙侠的飞剑塔、机甲的激光塔，每个世界都有不一样的风景。