gwt - 用GWT绘制六边形 map 的最佳方法

标签 gwt canvas

我正在寻找最佳解决方案 - 我正在为 GWT 中基于浏览器的游戏绘制六边形 map (例如文明:))。目前我正在 Canvas 上绘制它,这基本上可以工作。

但是 - 我还可以向左、向右、向下和向上滑动 map 以查看 map 的另一个片段。在这种情况下,我被迫重新绘制整个 map - 这看起来不太好,并且本地图变得更加复杂时可能会导致性能问题。

有更好的方法吗?一些图书馆?或者也许我应该让每个十六进制都成为一个像小部件一样的按钮。所以我可以移动它而不是从头开始创建...但是不同的分辨率怎么样...我担心 map 有时会撕裂...

最佳答案

您可以尝试使用简单的 DIV(FlowPanel、HTMLPanel 等)并使用 CSS 设置六边形的样式。请参阅本教程:http://jtauber.github.com/articles/css-hexagon.html

这里也有一些巧妙的建议:html/css hexagon with image insidehexagonal shaped cells in html

关于gwt - 用GWT绘制六边形 map 的最佳方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11438853/

相关文章:

gwt - 如何在 GWT 单元格小部件上设置标题?

gwt - 正确下沉点击事件

java - 如何设置 GWT Datepicker 月份标签的格式?

java - App Engine Java 错误 : java. lang.NoSuchFieldError:CHARSET_UTF8

android - 获取二维变换后位图在 Canvas 上的测量大小和位置

javascript - 为什么 toDataUrl() 乘法器对 Fabric.js 不起作用?

java - 如何在 gwt 中使用 google app engine

java - 通过 Tomcat Websocket 将图像缓冲为 JPG 到 HTML 5 Canvas

Javascript Canvas 图像 onclick 不工作

Android:如何在另一个位图上简单地绘制一个位图