Dav*_*art 5 javascript json meteor phaser-framework
我在Meteor.js服务器上使用Paser.js.
它工作得很好,直到我尝试使用这里描述的平铺地图.
这是我的代码:
JS:
if (Meteor.isClient) {
Template.Game.onCreated(function()
{
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', {
preload: preload,
create: create,
update: update
});
var map;
var backgroundLayer;
var blockLayer;
var bg;
function preload()
{
// load all game assets
// images, spritesheets, atlases, audio etc..
game.load.tilemap('myTilemap', 'assets/tilemaps/scifi.json', null, Phaser.Tilemap.TILED_JSON);
game.load.image('myTileset', "assets/tilemaps/scifi_platformTiles_32x32.png");
}
function create()
{
map = game.add.tilemap('myTilemap');
map.addTilesetImage('scifi_platformTiles_32x32', 'myTileset');
backgroundLayer = map.createLayer('background');
blockLayer = map.createLayer('blocklayer');
}
function update()
{
}
});
}
HTML:
<head>
<meta charset="UTF-8" />
<title>Phaser - Making your first game, part 1</title>
<script type="text/javascript" src="phaser.min.js"></script>
<style type="text/css">
body {
margin: 0;
}
</style>
</head>
<body>
<h1>Welcome to my first Phaser game!</h1>
{{> Game}}
</body>
<template name="Game">
<div id="phaserCanvas"></div>
</template>
而且,当我在localhost:3000上尝试时,我得到:
未捕获的TypeError:无法读取未定义的属性"0"
来自phaser.min.js:15.产生该警告的行是
blockLayer = map.createLayer('blocklayer');
看起来phaser可以正确地'background'从scifi.json中读取图层信息,但不能读取'blocklayer'.
这是scifi.json的摘录:
{ "height":20,
"layers":[
{
"compression":"zlib",
"data": "[Some very long hashed key...]",
"encoding":"base64",
"height":20,
"name":"background",
"opacity":1,
"type":"tilelayer",
"visible":true,
"width":20,
"x":0,
"y":0
},
{
"compression":"zlib",
"data":"[Some very long hashed key...]",
"encoding":"base64",
"height":20,
"name":"blocklayer",
"opacity":1,
"type":"tilelayer",
"visible":true,
"width":20,
"x":0,
"y":0
}],
"nextobjectid":1,
[...]
我仍然无法找出问题所在......以前有人面对过这个问题吗？
更多信息:
我使用Atom作为IDE
我试过Phaser v2.0.1和Phaser v2.4.2
谢谢.
| 归档时间： |
|
| 查看次数： |
1108 次 |
| 最近记录： |