百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
H

honeycomb

> 编程语言
开源

在节点或浏览器中轻松创建十六进制网格。

706 stars0 点赞2 次浏览
访问官网GitHub

工具介绍

在节点或浏览器中轻松创建十六进制网格。

⬡ 蜂窝结构 (https://www.npmjs.com/package/honeycomb-grid)

一个六边形网格库,由 JavaScriptTypeScript 制作,深受 Red Blob Games 博客文章和代码示例的启发。 Honeycomb 可在现代浏览器和 Node (>=16) 中运行。建议使用 Honeycomb 与 TypeScript 结合使用,但并非必须。

安装

NPM:

bash
npm i honeycomb-grid

纱线:

bash
yarn add honeycomb-grid

或者从 jsdelivr 或 unpkg.com 下载分发包。

基本示例

创建一个 10 x 10 的矩形网格,并记录每个格子:

javascript
import { defineHex, Grid, rectangle } from 'honeycomb-grid'

// 1. Create a hex class:
const Tile = defineHex({ dimensions: 30 })

// 2. Create a grid by passing the class and a "traverser" for a rectangular-shaped grid:
const grid = new Grid(Tile, rectangle({ width: 10, height: 10 }))

// 3. Iterate over the grid to log each hex:
grid.forEach(console.log)

文档

文档可在 abbekeultjes.nl/honeycomb 中找到。API 文档可在 abbekeultjes.nl/honeycomb/api/ 中找到。

  • 方向也应以度数(30°的步长)表示吗?

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

TypeScriptgridhexhex-grid-libraryhexagonal-grids

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言