Tiny World Builder：单文件 HTML 体素世界编辑器，1600 行原生 JS 驱动 Three.js

无需依赖的单文件 HTML 体素世界编辑器，1440 行级别实现，支持草地、水、房子等17种元素并自动拼接。

简介

这是一个无需安装依赖的单文件 HTML 体素世界编辑器，全部用原生 JavaScript 实现，内置 17 种元素，支持草地、水、房子等场景对象，元素间相邻处会自动拼接，视角可切换透视与正交。

• 体素编辑核心：
  • 17 种元素可选
  • 相邻自动拼接，场景连贯性高
  • 透视与正交视角自由切换
• 架构特点：
  • 单文件 HTML，零依赖
  • 1600 行原生 JS，直接在浏览器中运行
  • 基于 Three.js 的渲染驱动
• 使用体验：
  • 打开即玩，避免繁琐的 npm 安装与依赖
  • 适合摸鱼党快速搭建简单场景

使用方法

1. 下载并打开 HTML 文件
2. 点击格子添加元素
3. 通过视角切换查看效果

外部资源

• 项目地址：
  • https://github.com/jasonkneen/tiny-world-builder

图片演示

注意事项

• 本项目为单文件实现，零依赖，开箱即玩；如需扩展，请自行修改代码。

下载链接

GitHub：
https://github.com/jasonkneen/tiny-world-builder