HTML游戏站

cube composer — HTML 游戏站模板

作者 sharkdp

受函数式编程启发的益智游戏，用 PureScript 编写，含真实在线演示。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

补采画面存在空白、加载或排版异常，当前保留可用的原始预览。

桌面端首页

访问演示网站在新标签页打开

桌面端截图

演示站首页的真实桌面布局。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

受函数式编程启发的益智玩法，通过 map、filter 等变换器操作方块墙

提供真实在线演示，可直接体验游戏

关卡按章节组织，数据结构清晰，易于扩展新谜题

内置验证工具，可检查新关卡的可解性与唯一性

使用 PureScript 编写，适合学习函数式编程与前端游戏开发

模板详细介绍

cube composer 是一个将函数式编程概念融入益智玩法的开源网页游戏。它用 PureScript 编写，核心机制是让玩家通过组合一系列“变换器”（如 map、filter 等）将初始的彩色方块墙转换为目标形态。游戏界面直观，操作流畅，在线演示可立即体验，适合对函数式编程好奇的玩家，也适合作为学习 PureScript 和游戏开发的参考项目。

项目结构清晰，关卡按章节组织，每个章节定义一组变换器，关卡数据以声明式记录描述，便于扩展。开发者可以复制现有章节文件，修改关卡初始与目标布局、难度和帮助文本，添加新谜题。仓库还提供了验证工具，可检查新关卡是否有解且符合预期，降低维护成本。

不过，该项目定位为游戏演示，不涉及后端或用户系统。本地运行需要安装 npm、bower 等工具链，并执行 gulp 构建，对不熟悉 PureScript 生态的开发者有一定门槛。部署到生产环境前，建议核对构建流程的当前兼容性，并确认在线演示版本与仓库代码的一致性。

可直接运行网页游戏益智玩法

适合你的项目吗？

适用场景

想体验将函数式编程概念融入游戏的玩家
对 PureScript 语言和前端游戏实现感兴趣的开发者
需要可扩展关卡结构的 puzzle 游戏作为学习或演示项目

适合人群

对函数式编程和益智游戏有兴趣的开发者
希望研究 PureScript 实际应用的前端学习者
需要开源游戏模板作为教学或演示素材的教师或演讲者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
本地运行需要 Node.js、npm、bower 和 gulp。
2
克隆仓库后依次执行 npm install、bower install、gulp，若无错误即可通过浏览器打开 index.html 运行。
3
添加新关卡需修改 src/Levels/ 下的文件并更新 allChapters 列表，建议使用 gulp prod 和 node dist/cli.js 验证关卡可解性。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证明确允许免费使用、复制、修改、合并、发布、分发、再许可和销售软件，仅需保留版权和许可声明。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
在所有副本或实质性部分中包含上述版权声明和许可声明

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文