Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Crafty.js显示白色屏幕_Javascript_Html_Craftyjs - Fatal编程技术网

Javascript Crafty.js显示白色屏幕

Javascript Crafty.js显示白色屏幕,javascript,html,craftyjs,Javascript,Html,Craftyjs,我正在使用crafty.js(用于游戏的HTML5引擎),但它不会加载。我刚得到一个白色屏幕! 一切都设置正确,我正在使用Chrome。我检查了所有的文件名是否都正确,它们是否正确。有人能帮我吗? 我的代码: 武士和忍者 函数加载() { 诡计多端.init(400320); 狡猾的。音频。添加(“bgm”,“Ambler.mp3”); 狡猾。音频。播放(“bgm”,-1); 狡猾的场景(“标题场景”,函数() { 狡猾的背景(“000”); 狡猾的精灵(“banner.png”,{intr

我正在使用crafty.js(用于游戏的HTML5引擎),但它不会加载。我刚得到一个白色屏幕! 一切都设置正确,我正在使用Chrome。我检查了所有的文件名是否都正确,它们是否正确。有人能帮我吗? 我的代码:


武士和忍者
函数加载()
{
诡计多端.init(400320);
狡猾的。音频。添加(“bgm”,“Ambler.mp3”);
狡猾。音频。播放(“bgm”,-1);
狡猾的场景(“标题场景”,函数()
{
狡猾的背景(“000”);
狡猾的精灵(“banner.png”,{introbanner:[0,0320105]});
var banner=Crafty.e(“2D、DOM、introbanner”);
横幅x=30;
横幅y=200;
banner.bind('KeyDown',函数(e)
{
if(e.key==Crafty.key.右箭头)
{
诡计多端。进入场景(“游戏场景”);
}
});
});
}
Crafty.c(“拨片控制”,
{
init:function()
{
这个。需要(“键盘”);
},
控制:函数()
{	
this.bind(“EnterFrame”,function())
{	
如果(本文件为“D”))
{
var myVal=this.body.GetPosition();
返回this.body.SetPositionAndAngle(新的b2Vec2(myVal.x+0.1,myVal.y),this.body.GetAngle());
}
如果(本文件为“A”))
{
var myVal=this.body.GetPosition();
返回this.body.SetPositionAndAngle(新的b2Vec2(myVal.x-0.1,myVal.y),this.body.GetAngle());
}
if(this.isDown(“W”)&&window.canJump==true)
{
window.canJump=false;
返回this.body.ApplyImpulse(新的b2Vec2(0,-20),this.body.GetWorldCenter());
}
});
归还这个;
}});
Crafty.c(“JumpWall”,function())
{});
Crafty.c(“LethalEntity”,function())
{});
scene(“游戏场景”,function())
{
狡猾的背景(“F0F”);
//重力X、重力Y、像素到米、启用加速
狡猾的.box2D.init(0,1,32,false);
狡猾的精灵(“Wall.png,{wallsprite:[0,0220,12]});
狡猾的精灵(“Back.png”,{backsprite:[0,0400320]});
var back=Crafty.e(“2D、画布、反斯普林特”);
var wall1=Crafty.e(“2D、Canvas、Box2D、wallsprite、JumpWall”);
墙1.x=13;
墙1.y=100;
//颜色(“绿色”).attr({x:13,y:100,w:220,h:12});
wall1.box2d({bodyType:'static'});//必须在定位之后
var wall2=Crafty.e(“2D、Canvas、Box2D、wallsprite、JumpWall”);
墙2.x=140;
墙2.y=200;
//颜色(“绿色”).attr({x:140,y:200,w:220,h:12});
wall2.box2d({bodyType:'static'});
狡猾的精灵(“Knight2.png”,{knight:[0,0,30,32]});
var knight=Crafty.e(“2D、Canvas、knight、Box2D、PadderControl”);
y=200;
骑士x=30;
knight.pailecontrols();
box2d({bodyType:'dynamic'});
knight.body.SetFixedRotation(真);
knight.onContact(“JumpWall”,函数()
{
window.canJump=true;
});
Crafty.e(“2D,Canvas,Color,Box2D”).attr({x:1,y:1,w:10,h:320}).Box2D({bodyType:'static'});
Crafty.e(“2D,Canvas,Color,Box2D”).attr({x:390,y:1,w:10,h:320}).Box2D({bodyType:'static'});
Crafty.e(“2D,Canvas,Color,Box2D,JumpWall”).attr({x:1,y:1,w:400,h:10}).Box2D({bodyType:'static'});
Crafty.e(“2D,Canvas,Color,Box2D,JumpWall”).attr({x:1,y:310,w:400,h:10}).Box2D({bodyType:'static'});
狡猾的精灵(“ninjas.png”,{redninja:[0,0,32,30],blueninja:[32,0,43,30]});
window.redninja=Crafty.e(“2D,Canvas,redninja,Box2D,LethalEntity”);
window.redninja.y=50;
window.redninja.x=150;
window.redninja.box2d({bodyType:'kinetical'});
window.redninja.body.SetLinearVelocity(新b2Vec2(0.33,0));
knight.onContact(“Lethalenty”,function()
{
如果(this.isDown(“S”)==false)
狡猾的企业场景(“标题场景”);
});
bind(“EnterFrame”,function())
{
var myVal=this.body.GetPosition();
if(myVal.x>400/32)//将像素转换为米
{
this.body.SetPositionAndAngle(新的b2Vec2(0,50/32),this.body.GetAngle());
}
});
window.blueninja=Crafty.e(“2D,Canvas,blueninja,Box2D,LethalEntity”);
window.blueninja.y=50;
window.blueninja.x=30;
window.blueninja.box2d({bodyType:'dynamic'});
window.blueninja.bind(“EnterFrame”,function())
{
var myVal=this.body.GetPosition();
返回this.body.SetPositionAndAngle(新的b2Vec2(myVal.x+0.1,myVal.y),this.body.GetAngle());
});
});
狡猾的企业场景(“标题场景”);
};

我正在做同样的事情。我更改了顶部的javascript链接

<script type="text/javascript" src="https://rawgithub.com/craftyjs/Crafty/release/dist/crafty.js"></script>


分阶段执行,这样您就可以排除代码中的问题

我修改了craft.js文件的链接,但是现在我只得到了一个粉红色的屏幕。看到了吗,显示了灰色背景