问题标签 [tile]

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 回答
1551 浏览

apache-flex - spark.components.List 和 TileLayout - 不显示滚动条(附上测试用例 + 截图)

我没有太多的 Flex 经验,并且正在向它移植(工作)Flash 纸牌游戏

我遇到了这个问题,我的列表没有显示滚动条,它应该显示代表游戏桌的自定义组件(最多 3 个玩家):

截屏

我准备了一个包含 3 个短 MXML 文件的简化测试用例——一旦你将它们放入 Flash Builder 4.5 中的项目中,它们就会立即运行——你会看到我的问题。

Game.mxml(一个项目渲染器 - 一个代表游戏桌的蓝色矩形):

Lobby.mxml(一个自定义组件 - 表示带有游戏桌列表的纸牌游戏大厅):

最后是 LobbyTest.mxml(带有 Lobby 组件和虚假 XML 数据的应用程序):

请问有人知道,有什么问题吗?

0 投票
1 回答
4240 浏览

xna - 平铺 2D 纹理以填充矩形

是否可以在 XNA 中平铺图像以填充整个矩形?我试过用谷歌搜索这个主题,但我找不到任何似乎有效的东西(虽然我可能遗漏了一些明显的东西)。我找到了这个 MSDN 页面,但我似乎无法让它工作。这是我的代码:

但这只是拉伸纹理以填充矩形,而不是平铺它。任何帮助表示赞赏。提前致谢。

0 投票
1 回答
914 浏览

java - Java JAI - 从许多较小的图像创建 1 个 BIG jpg 图像

在你们都说“这已经在某处......”之前,请让我说我已经看过并没有找到一个使用 JAI 平铺多个 jpg 并保存到磁盘而没有 Java 堆错误或其他内存问题的简单示例我无法在任何地方找到完整的工作代码集 - 它们似乎都写错/未经检查或根本不起作用......

帮帮我一些-BiWan Kenobi - 你是我唯一的希望!

0 投票
2 回答
3758 浏览

java - 使用 TILED 地图进行 Java 碰撞检测

我正在做一个游戏,遇到了一个问题。我做了一个碰撞检测,当多边形接触瓷砖时,它说真的。虽然这对于让玩家不要走(真的?)墙壁是完美的。当我应用重力时,它应该以相同的方法停止,但会出现问题。它一直在下落,直到它撞到地板上,但你也不能再走路了,所以我需要另一个碰撞检测。我不知道从哪里开始?:( 谢谢。

0 投票
1 回答
186 浏览

javascript - 用 HTML5 绘图最快的方法是什么

我正在使用 javascript、CSS 和 HTML 绘制一个屏幕,方法是使用 for 循环以 16X16 的间隔遍历屏幕宽度和高度。这是我的循环当前的样子:

有没有更快的方法使用画布或javascript中的某些功能或javascript和css的混合将所有这些图块绘制到屏幕上?

0 投票
1 回答
3625 浏览

image - WP7 - 生成平铺图像 - 不能包含我自己的图像

我正在生成一个图像并将其用作实时图像,以便我可以提供更多信息并更好地控制它的外观。问题是,虽然我可以生成图像,但其中不包括我自己的背景图像。

以下代码可以正常工作并且可以很好地拾取图像

然而,以下代码在生成图像时不包括我的初始图像(根据 Var 徽标)。我在网上找到了执行此操作的代码,除了包含我的初始背景图像外,它似乎工作正常。

有什么明显的事情我在这里做错了。这是在第一个示例中可以正常工作的相同文件和相同文件路径。

谢谢。

0 投票
2 回答
142 浏览

javascript - 如何让我的 JavaScript 正确平铺此表?

这是我和我的朋友目前正在使用的 JavaScript 代码,用于将新状态更新添加到表中,以便在我们的在制品社交网站上进行新状态更新,问题是当新元素添加到表中时,它们会平铺到一边,而不是向下平铺,所以我需要知道为什么会发生这种情况以及如何解决它,有什么想法吗?有关更多信息,请查看网站,您可能需要注册一个帐户,但在我们再次开始使用电子邮件激活之前,您可以随意使用虚假电子邮件。http://friendgrid.com/ 这是问题的截图,供进一步参考:http ://dl.dropbox.com/u/2281426/Newsfeed%20Error.bmp

0 投票
1 回答
929 浏览

animation - 2d 网页游戏中的同步动画图块

自 2 年前以来,我一直在浏览器中构建策略游戏。它已经被一小群人积极玩过,所以它是一个有效的游戏。我们的问题是它的资源匮乏。基本上你想要歌剧或铬。IE9 或多或少无法播放,firefox 在某些地图上可能会很慢。

该游戏是一个基于瓷砖的自上而下的游戏,使用 64x64 像素的 DIV 作为地图。

我们目前处于结束阶段,我们正专注于优化。消耗资源的东西之一是我们的动画水。我们将 32 块不同的水块分成 15 帧。因此,一个 1.1 mb 的 .gif 文件中有 480 个 64x64 图像。

这是水的链接:http ://www.warbarons.com/beta5/terrain/water/water2.gif

我们的游戏使用战争迷雾来隐藏你看不到的敌方单位和城堡,就像任何 RTS 游戏一样。因此,在 .gif 之上通常有一个带有透明 PNG 的图层。

看起来这个解决方案对浏览器要求很高。当我滚动地图以显示 FireFox CPU 中的水时,CPU 会上升 25%,而当看不到水时,它会在 4-5% 左右。

我已经在谷歌上搜索了几天,试图了解更好的技术。我发现了另外两种方法,或者使用遍历电子表格的画布标签,或者使用 CSS 循环遍历电子表格。

我看到这两个选项的问题是所有水砖必须保持同步。如果一个人在另一个人之前开始播放,波浪将不会同步,这将破坏无缝的外观。

我想知道是否有人有解决这个问题的想法?我知道拥有多个 gif 动画会导致不同步问题。

有没有一些更巧妙的方法来使用画布来做到这一点?甚至可以将画布与 div 混合使用,还是需要我们更改整个地图引擎?

任何帮助将不胜感激。

0 投票
1 回答
1509 浏览

wpf - 在 WPF 中渲染大型平铺地图的问题

在 WPF 中管理大量图像(10,000+)的最佳方法是什么?这是一个类似于这样的 2d 瓦片地图编辑器: //www.mapeditor.org/

目前我有一个包含所有图块作为图像的画布和一个列表框,其中包含可供选择的不同图像。每个图块都作为子项添加到画布中,然后存储在列表中以供以后访问。通过将磁贴的 Source 属性设置为在列表框中选择的属性,您可以在画布中进行绘制。它适用于大约 50x50 的平铺地图,但任何高于此的内容都会导致加载延迟,通常应用缓慢。

对此有何建议?QT 可能比 wpf 更适合吗?

提前致谢

0 投票
1 回答
340 浏览

php - 在 PHP 中使用谷歌地图瓦片服务器和谷歌地图实用程序显示错误

我有一个关于使用 Google Maps Utility 库在 Google Maps 中的地图图块服务器和坐标转换的问题。

我的瓦片服务器访问具有数千个 gps 坐标 (lat,lng) 的数据库,并且对于每个 (lat,lng) 点,检查该点是否在瓦片的地理范围内;如果是这样,则使用 GoogleMapsUtility 库进行坐标转换(WGS84 -> Mercator -> X,Y 在图块内的偏移量)并在图块内绘制相应的像素。

在代码方面,我执行以下操作:

它从库中调用getOffsetPixelCoords函数(进而调用下面的函数):

好的,现在是结果。对于缩放级别<13,效果很好,下面是缩放级别 11 中的图块示例:

图片1

但是,对于缩放级别 >13 的图块,会发生以下情况:

图片2

这太奇怪了……像素似乎完全对齐了?一开始以为是十进制分辨率的问题,但是数据的分辨率还是蛮好的(在mysql数据库中存储为double,比如35.6185989379883、139.731994628906,而在php中floats和doubles是一回事……)

有人可以帮我解决这个问题吗?

提前致谢...