问题标签 [hexagonal-tiles]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
460 浏览

android - Hexboard 上的 Android Laggy onDraw()

我一直在使用 android 中的六边形板开发棋盘游戏,但是当我移动棋盘时,整个“地图”或数十个实体开始滞后。我相信这是使用 for 循环的原因,但我不知道如何修复它。我用的是螺纹画法,不知道有没有影响。在棋盘上移动时,我可以清楚地看到手机上的滞后。

我的游戏课:

}

提前致谢 :)

0 投票
1 回答
5620 浏览

terrain - 调整六边形网格的高度图生成

目前我正在做一个小项目,只是为了一点乐趣。它是一个使用 OpenGL 的 C++、WinAPI 应用程序。

我希望它会变成一个在六边形网格上玩的 RTS 游戏,当我完成基本游戏引擎后,我计划进一步扩展它。

目前,我的应用程序包含一个包含顶点和高度图信息的 VBO。高度图是使用中点位移算法(菱形)生成的。

为了实现六边形网格,我采用了这里解释的想法。它向下移动正常网格的奇数行,以允许相对容易地渲染六边形而没有太多进一步的复杂性(我希望)。

几天后它开始聚集在一起,我添加了鼠标选择,这是通过以独特的颜色渲染网格中的每个十六进制来实现的,然后在此 FBO 中对给定的鼠标位置进行采样以识别所选的 ID单元格(在下面屏幕截图的右上角可见)。

在此处输入图像描述

在我项目的下一阶段,我想看看生成更多“可玩”的地形。对我来说,这意味着每个六边形的形状应该比上图中看到的更规则。

所以终于说到我的意思了,有没有:

  • 一种在我当前的方法中平滑或调整顶点的方法,它将六边形的所有点都带到一个平面上(共面)。

编辑:对于任何寻找有关如何使点共面的信息的人来说,这是一个很好的解释

  • 一种更好的程序地形生成方法,可以更好地控制这类事情。
  • 一种以不同方式表示我的顶点信息的方法,允许这样做。

需要明确的是,我并不是想实现一个带有凸起边缘或平台的平面六角网格(如下所示)。

这里)

我希望所有几何图形都加入并引导到下一个位。

我希望实现与我现在所拥有的类似的东西(相对较好的起伏山丘和地形),但具有更可控的高原。这给了我稍后关闭区域(无法播放的瓷砖)的灵活性,如果需要,我可以在其中添加更高细节的网格。

欢迎任何反馈,我将其用作学习练习,所以请 - 欢迎所有评论!

0 投票
3 回答
1291 浏览

php - 使用 X 和 Y 坐标在地图上查找相邻的六边形图块

我一直在努力解决这个问题——所以我真的必须寻求帮助。

我创建了一个基于 CSS 的游戏地图,它以 Hexagon Tiles 的形式覆盖 DIV(如桌面游戏)。我正在尝试查找与当前活动图块相邻的图块。

我已经能够从左上角到右下角依次生成地图的 ID,并为每个图块分配坐标。从那里我使用勾股定理来计算 2 个 X&Y 坐标之间的距离(这花了我一段时间才弄清楚)。事情实际上非常接近,但问题是因为六角瓷砖地图本质上是“交错的”(例如,它不是方形网格并且两个相邻的瓷砖不在同一条确切的水平线上),当我计算距离时,一些瓷砖这实际上是 2 步之遥,数学上比相邻的瓷砖更近。

我已经展示了我构建的东西,所以你可以准确地看到我在说什么。

http://www.pitashi.com/map/index.php

如果您单击任何图块,它将刷新页面并在您的“当前位置”上放置一个标志。然后每个图块显示坐标和计算出的与当前位置的距离。如果您四处点击,您会看到许多不与当前位置接壤的图块距离更近。

代码:


我知道我必须使用一些额外的数学来补偿瓷砖的交错,但我在这方面的工资等级已经超出了我的水平。但是这个功能对于我的小 RPG 游戏来说是必不可少的。

有什么建议么?

0 投票
3 回答
8891 浏览

css - 单 div 水平 CSS 六边形按钮

我想使用单个 div 创建一个六边形形状的 CSS 按钮,以保持标记干净。我一直在尝试使用伪元素之前和之后,并且可以使用顶部和底部的六边形“点”来做到这一点,但我想用它们指向左右来适应我的主题的其余部分。我已经接近了,但我无法在我想要的地方获得 after 伪元素。任何人都可以解决这个问题吗?

这就是我要做的事情:

在http://jsfiddle.net/higginbottom/YKx2M/有一个 JS Fiddle

0 投票
8 回答
17737 浏览

hexagonal-tiles - 在六边形网格上计算距离

我想做的是找出六边形网格上两点之间有多少个六边形。我曾尝试在线搜索公式,但找不到与我正在使用的十六进制网格类型匹配的公式。

六角网格的布局与此类似,具有相同的坐标系:http ://www.gamedev.net/index.php?app=core&module=attach§ion=attach&attach_rel_module=ccs&attach_id=1962

我知道使用此坐标系可能无法做到这一点,但这是我回去更改它之前的最后努力。非常感谢您提前。

0 投票
4 回答
5455 浏览

r - 将 ggplot2 中的十六进制 bin 设置为相同大小

我正在尝试对多个类别的数据进行十六进制表示。问题是,对这些垃圾箱进行刻面似乎会使它们的大小都不同。

在此处输入图像描述

是否可以设置一些东西以使所有这些垃圾箱在物理上具有相同的大小?

0 投票
1 回答
1025 浏览

hex - 将波形文件转换为十六进制文件,用于对闪存芯片进行编程

我需要将一些 PCM 波形文件转换为 HEX 文件,以便对内存芯片进行编程。正确的做法是什么?

我找不到简单地进行转换的实用程序。我知道像hexedit这样的软件可以编辑十六进制格式的文件,但是如何将文件转换为可编程的十六进制格式?

0 投票
1 回答
3255 浏览

algorithm - 在 Python 中绘制六边形镶嵌动画

现在我有一个名为 Hexagon(x,y,n) 的函数,它将在 python 窗口中绘制一个以 (x,y) 为中心且边长为 n 的六边形。

我的目标是绘制一个曲面细分动画,它将从屏幕中心一个接一个地绘制六边形并一个一个展开(作为我附在此处的图片http://s7.postimage.org/lu6qqq2a3/Tes.jpg)。

我正在寻找解决这个问题的算法。刚接触编程,我发现很难做到这一点。

谢谢!

0 投票
1 回答
2092 浏览

opengl - 创建 3-D 六边形地图

我正在尝试创建一个 3-D 十六进制地图。六边形在下一个和下一个匹配的位置。像这张 十六进制地图

用户将输入(x)行,(X)列,它会创建一个这样的地图。

我需要 3d,因为我希望能够在某个时候堆叠六边形并对其进行纹理化,但现在要质疑。我怎么画一个六边形。我对 OpenGL 还是很陌生,但我已经得到了这个来绘制一个十六进制

不确定那是最好的方法,它只有一张脸。但它也只是制作一个巨大的六边形。当然我需要更小的。关于如何进行这个项目的任何帮助都会很棒!在我的项目中

0 投票
1 回答
426 浏览

delphi - 计算行数和列数

我在地图上画六边形。由于某种原因,它只会创建一行。我相信我的循环是正确的。如果开启

我交换RowOffsetCollumnOffset 然后我得到一列。

我的左/上也是-1到1