问题标签 [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 回答
2170 浏览

canvas - 带有变换的画布 - 绘制网格的最佳方法是什么

我有一个 WPF 画布,我可以缩放、滚动等等。现在我想在上面绘制(平铺)网格线 - 最好取决于比例,这意味着当你缩小旧的网格线时,新的(更大的比例,但由于缩放看似相同)网格线会淡入。

我听到有人大喊“Tilebrush!”,但我无法在谷歌上搜索任何例子。

任何人都可以指出我正确的方向 - 不仅仅是瓷砖画笔的 MSDN 页面,还有如何在我的可缩放画布上有效地绘制网格线?:)

0 投票
2 回答
1694 浏览

windows-phone-7 - 显示 WP7 应用程序的磁贴?

如何使应用程序的磁贴(大图)在菜单中可见?

0 投票
1 回答
3528 浏览

opengl - 将顶点缓冲区对象用于基于图块的游戏和纹理图集

我正在使用 OpenGL 在 C# 中创建一个基于图块的游戏,并且我正在尝试尽可能地优化我的代码。

我已经阅读了书籍中的几篇文章和章节,并且都得出了相同的结论(您可能知道),即使用 VBO 可以大大提高性能。

但是,我不太确定它们是如何工作的。

我的游戏将在屏幕上显示图块,有些会改变,有些会保持不变。要为此使用 VBO,我需要将每个图块的坐标添加到数组中,对吗?

此外,要纹理这些瓷砖,我必须为此创建一个单独的 VBO?

如果我有动画的图块和屏幕上的静态图块,我不太确定平铺这些坐标的代码会是什么样子。 谁能给我一个快速的纲要?

我计划使用我所有瓷砖的纹理图集。我不确定从哪里开始使用这个图集来制作纹理瓷砖。 我是否需要计算要应用的地图集中瓷砖的坐标?有什么方法可以简单地使用图集的坐标来应用纹理?

如果有人能澄清这些问题,将不胜感激。如果需要,我什至可以报销某人的时间和帮助。

谢谢,

格雷格

0 投票
3 回答
3240 浏览

javascript - HTML5 画布游戏的 Tileset

我正在尝试在 HTML5 画布中制作游戏,但我不想上传大量图像,而是只想上传一张包含所有图块的图像。问题是,我不知道如何只显示图像的一部分。基本上我想做谷歌对这张图片所做的事情:http ://www.google.com/images/srpr/nav_logo27.png除了固定高度/宽度的瓷砖。有人可以向我解释如何做到这一点吗?此外,如果它在画布中与没有画布的常规 html 页面不同,我将如何在画布中做到这一点?

0 投票
4 回答
16324 浏览

css - 我如何在 GWT 中使用图像精灵?

我试图在图像资源中使用平铺图像,并且我正在参考 GWT 教程...

一节说你需要使用精灵: http ://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#ImageResource

repeatStyle 是一个枚举值,与@sprite 指令结合使用,以指示图像要平铺

所以,现在我需要添加一个精灵指令。在哪里?研究精灵,我来到这里: http ://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#Image_Sprites

该示例指示创建两个文件:

  1. MyCss资源
  2. 我的资源

我会在哪里写这个:

@sprite .mySpriteClass {gwt-image: "imageAccessor"; 其他:财产;}

?

更多引用供参考:

@sprite 对声明 CSSResource 的 FooBundle 很敏感;@sprite 声明中命名的同级 ImageResource 方法将用于组成背景精灵。

0 投票
1 回答
16405 浏览

google-maps-api-3 - Google Maps API V3 - 自定义图块

我目前正在这里研究 Google Maps API V3

如果在 21 到 23 之间缩放,地图上会出现图像叠加。图像加载时间太长,我决定将其分成不同的图块以便于加载。我正在使用自动瓷砖切割机将图像切割成瓷砖。

我的脚本有问题;

第一个问题你如何从photoshop文档中找到X和Y的值?

假设我能解决第一个问题。

第二个问题下面的代码是否正确地根据缩放级别显示图块?还是我缺少任何代码?

0 投票
1 回答
95 浏览

windows-phone-7 - 直接从 WP7app 更新标题

我的问题是:我想允许我的用户将 WP7app 中的单个元素信息(如列表框项中的信息)固定到 Live 磁贴。怎么做?TileScheduler 只更新图片,推送通知需要专属的 web 服务来处理。我想让我的应用程序设置磁贴值。

请帮忙。

泽维尔。

0 投票
1 回答
543 浏览

tiles - 一个非常简单的基于瓷砖的游戏的问题

我正在尝试创建一个类似 pacman 的游戏。我有一个看起来像这样的数组:

大批:

1 = 墙壁,0 = 空白空间

我使用这个数组来绘制大小为 16x16 的图块。游戏角色为 32x32。

最初我表示字符在数组索引中的位置,[1,1] 等。

如果 array[character.new_y][charater.new_x] == 0 我会更新他的位置

然后我将这些数组坐标转换为像素 [y*16, x*16] 来绘制他。

他排得很好,不会撞墙,但我注意到,由于我将他每一个更新了 16 个像素,他的移动速度非常快。

我决定反过来做,以像素为单位存储游戏角色的位置,这样他每次移动可以使用少于 16 个像素。

我认为一个简单的 if 语句是这样的:

会阻止他进入墙壁,但不幸的是他吃了一点底部和右侧的墙壁。

任何想法如何正确地将像素位置转换为数组索引?我想这很简单,但我真的想不通:(

0 投票
2 回答
21885 浏览

algorithm - 2D瓦片地图生成

我正在开发一个 2D 瓦片引擎,此时我正在研究地图生成算法。

我尝试了通常涉及简单高度图生成的基本方法,例如

  • 山代
  • 柏林噪声
  • 菱形方块

但我总是遇到同样的问题:这种算法在处理也有高度分量的瓦片地图时似乎很合适,但这不是我的情况。

我基本上有草、海、沙漠等精灵,但它们不应该根据生成的高度放置在地图内,而是类似于

  • 一切从海洋开始
  • 岛屿位于地图中间(这是我尝试过的算法大多失败的地方)
  • 生成沙漠(它们应该像周围的随机点)
  • 生成山脉和丘陵链(它们应该像蛇一样)

我应该尝试什么样的方法?

我通过开发专门的算法来做我需要的事情(例如,山从一个点开始,然后按照一个有机会转弯的方向)解决了子组件问题(如沙漠、丘陵和山脉),但我在生成基本的岛屿(可以定制为只是一个泛大陆或许多程度的大小)。

只是为了给你一个实用的想法,我正在寻找类似于文明算法的东西:

替代文字

0 投票
4 回答
1976 浏览

windows-phone-7 - 以编程方式更改 WP7 设备上的磁贴

我正在制作一个应用程序,我想从应用程序内部生成一个新图块,然后对其进行更改 - 不涉及 Web 服务,并且在应用程序未运行时无需更改它。

有人知道怎么做吗?

干杯!