Разбить изображение на плитки
Эй. У меня есть изображение 480 x 800 и я хотел бы разместить его на своей tilemap. Я пытаюсь разделить изображение на сетку (6 x 10) и назначить каждой плитке определенную часть изображения. По сути, tilemap будет выглядеть как одно большое изображение, так как каждая плитка имеет соответствующую часть изображения, прикрепленную к ней. Как лучше всего это сделать? Я попытался пройти через каждую плитку и нарисовать ее в WriteableBitmap, но все изображения одинаковы.
WriteableBitmap wb = new WriteableBitmap(80,80);
Rect src= new Rect(x*Width,y*Height, 80, 80);
Rect dest= new Rect(0, 0, 80, 80);
wb.Blit(dest, mainWb, src);
tile.SetImage(wb);
(x и y) являются только индексы, используемые при итерации через tilemap, 80-высота и ширина плитки и mainWb
это большое изображение, которое я хочу разделить. Спасибо за любую помощь.
edit: полный код цикла:
var mainImage = Application.GetResourceStream(new Uri("MainImage.jpg", UriKind.Relative)).Stream;
WriteableBitmap mainWb = new WriteableBitmap(480, 800);
mainWb.SetSource(mainImage);
for (int x = 0; x < 6; x++)
{
for (int y = 0; y < 12; y++)
{
Tile tile = new Tile();
WriteableBitmap wb = new WriteableBitmap(80,80);
Rect src = new Rect(x*Width,y*Height, 80, 80);
Rect dest = new Rect(0, 0, 80, 80);
wb.Blit(dest, mainWb, src);
tile.SetImage(wb);
Canvas.SetLeft(tile, x * WIDTH);
Canvas.SetTop(tile, y * HEIGHT);
LayoutRoot.Children.Add(tile);
ls.Add(tile);
}
}
на Tile
класс-это простой холст 80x80 с элементом управления изображением img
. The SetImage
метод выше таков:
public void SetImage(WriteableBitmap wb)
{
img.Source = wb;
}
1 ответов
вы можете сделать это с хорошим трюком - просто обрезать изображение каждый раз, используя холст, и перемещать изображение так каждый раз, когда другой кусок показывает:
<Canvas Width="80" Height="80">
<Canvas.Clip>
<RectangleGeometry Rect="0,0,80,80" />
</Canvas.Clip>
<Image Source="your_image.png"
Canvas.Left="0" Canvas.Top="0" />
<!-- or -80, -160, -240 etc.. -->
</Canvas>