layaair matterjs教程

layaair matterjs教程

<pre>
$(function() {
var Browser = Laya.Browser;
var WebGL = Laya.WebGL;
var Matter = window.Matter;
var LayaRender = window.LayaRender;
var stageWidth = 750;
var stageHeight = 1206;

Laya.init(stageWidth, stageHeight, WebGL);
Laya.stage.scaleMode = "fixedwidth";
// module aliases
var Engine = Matter.Engine,
Render = Matter.Render,
World = Matter.World,
Bodies = Matter.Bodies;
// create an engine
var engine = Engine.create({
enableSleeping: true
});
// engine.world.gravity.y = 0;//关闭重力
// create a renderer
// var render = Render.create({
// element: document.body,
// engine: engine
// });

var render = LayaRender.create({
engine: engine,
width: 750,
height: 1206,
options: {
// background: '../../res/physics/img/background.png',
wireframes: false //true//
}
});
// create two boxes and a ground
var boxA = Bodies.rectangle(100, 200, 750, 10);
var boxB = Bodies.rectangle(450, 50, 47, 47,{render:{
sprite: {
texture: '/fudiqixi/images/2/xiaoqiu.png'
}
} });
var ground = Bodies.rectangle(750/2, 1206/2, 750, 60, {
isStatic: true
});
// add all of the bodies to the world
World.add(engine.world, [boxA, boxB, ground]);
// run the engine
Engine.run(engine);
// run the renderer
// Render.run(render);
LayaRender.run(render);
})
</pre>
ps:需要引入LayaRender.js 和matterjs.js layaair默认是不引入的

matterjs 默认中心点在中间 layaair在左上 2个结合的时候 务必保持一致