Json 如何将tilemap(从平铺)合并到相位器中
我基本上是想用Phaser创建一个平台游戏。我在Tiled中创建了一个JSON文件,现在正试图将其添加到世界中。在过去的三个小时里,我一直在尝试添加它,但没有成功。我看了很多帖子和教程,但都不管用。希望有人能帮忙 这是我的html:Json 如何将tilemap(从平铺)合并到相位器中,json,phaser-framework,tiled,jstilemap,Json,Phaser Framework,Tiled,Jstilemap,我基本上是想用Phaser创建一个平台游戏。我在Tiled中创建了一个JSON文件,现在正试图将其添加到世界中。在过去的三个小时里,我一直在尝试添加它,但没有成功。我看了很多帖子和教程,但都不管用。希望有人能帮忙 这是我的html: <!DOCTYPE html><html> <head> <title>Platformer</title> <script type="text/javascript" src="
<!DOCTYPE html><html>
<head>
<title>Platformer</title>
<script type="text/javascript" src="phaser.js"></script>
<script type="text/javascript" src="Game.js"></script>
</head>
<body>
<div id="gameDiv"></div>
</body>
这是我的“LvlOneMap.json”文件:
我还应该注意,该层的名称与平铺中的名称匹配,并且平铺层格式设置为CSV。如果我正确读取JSON,
GroundLayer
中没有任何对象(数据对象均为0)
另外,您的代码与我比较过的工作示例相匹配,因此我建议验证您是否保存了图层数据
尝试切换
layer=map.createLayer(“底层”)代码>到layer=map.createLayer(“背景层”)
查看图层是否显示,因为图层中似乎有实际数据。我一定是不小心把它们弄混了,非常感谢@詹姆斯·斯肯普特是什么?令人惊叹的;很高兴它很简单!
var game = new Phaser.Game(800,600,Phaser.AUTO,"gameDiv",{ preload: preload, create: create, update: update });
function preload() {
game.load.tilemap("map","assets/LvlOneMap.json",null,Phaser.Tilemap.TILED_JSON);
game.load.image("tiles","assets/spritesheet_2.png");
}
var map;
var layer;
function create(){
map = game.add.tilemap("map");
map.addTilesetImage("Tiles","tiles");
layer = map.createLayer("GroundLayer");
layer.resizeWorld();
}
function update() {
//Gameloop
}
{ "height":10,
"layers":[
{
"data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 123, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 137, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 138, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 0, 0, 0, 0, 123, 123, 123, 123, 123, 123, 123, 123, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 0, 0, 0, 0, 153, 153, 155, 155, 155, 155, 155, 155, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 122, 122, 0, 0, 153, 153, 155, 155, 155, 155, 155, 155, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 153, 155, 155, 155, 155, 155, 155, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 153, 155, 155, 155, 155, 155, 155, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 123, 123, 123, 123, 123, 123, 123, 153, 153, 155, 155, 155, 155, 155, 155, 0, 0, 0, 0, 0, 0, 123, 123, 123, 123, 123, 123, 153, 153, 153, 153, 153, 153, 153, 153, 155, 155, 155, 155, 155, 155, 155, 123, 123, 123, 123, 123, 123, 153, 153, 153, 153, 153, 153, 153, 153, 153, 153, 153, 153, 153, 153, 153, 153, 155, 155, 155, 155, 155],
"height":10,
"name":"BackgroundLayer",
"opacity":1,
"type":"tilelayer",
"visible":true,
"width":27,
"x":0,
"y":0
},
{
"data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
"height":10,
"name":"GroundLayer",
"opacity":1,
"type":"tilelayer",
"visible":true,
"width":27,
"x":0,
"y":0
}],
"nextobjectid":1,
"orientation":"orthogonal",
"properties":
{
},
"renderorder":"right-down",
"tileheight":21,
"tilesets":[
{
"firstgid":1,
"image":"spritesheet_2.png",
"imageheight":372,
"imagewidth":694,
"margin":3,
"name":"Tiles",
"properties":
{
},
"spacing":2,
"tilecount":480,
"tileheight":21,
"tilewidth":21,
"transparentcolor":"#4a698c"
}],
"tilewidth":21,
"version":1,
"width":27
}