foster/liabru-matter-js
0
0
Fork 0
mirror of https://github.com/liabru/matter-js.git synced 2024-12-26 13:49:01 -05:00
Code Issues Wiki Activity

added gui option to switch renderer

Browse source
This commit is contained in:
liabru 2014-03-20 00:47:36 +00:00
parent 9d0f906fd8
commit 97177677cd
1 changed files with 36 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/render/Gui.js
View file

@ -42,7 +42,8 @@ var Gui = {};
density: 0.001, density: 0.001,
restitution: 0, restitution: 0,
friction: 0.1, friction: 0.1,
frictionAir: 0.01 frictionAir: 0.01,
renderer: 'canvas'
}; };
var funcs = { var funcs = {
@ -63,6 +64,11 @@ var Gui = {};
clear: function() { clear: function() {
World.clear(engine.world, true); World.clear(engine.world, true);
Engine.clear(engine); Engine.clear(engine);
// clear scene graph (if defined in controller)
var renderController = engine.render.controller;
if (renderController.clear)
renderController.clear(engine.render);
}, },
save: function() { save: function() {
@ -134,6 +140,35 @@ var Gui = {};
physics.open(); physics.open();
var render = datGui.addFolder('Render'); var render = datGui.addFolder('Render');
render.add(gui, 'renderer', ['canvas', 'webgl'])
.onFinishChange(function(value) {
var controller;
if (value === 'canvas')
controller = Render;
if (value === 'webgl')
controller = RenderPixi;
// remove old canvas
engine.render.element.removeChild(engine.render.canvas);
// create new renderer using the same options object
var options = engine.render.options;
engine.render = controller.create({
element: engine.render.element,
options: options
});
engine.render.options = options;
// update mouse
engine.input.mouse = Mouse.create(engine.render.canvas);
engine.mouseConstraint.mouse = engine.input.mouse;
});
render.add(engine.render.options, 'wireframes'); render.add(engine.render.options, 'wireframes');
render.add(engine.render.options, 'showDebug'); render.add(engine.render.options, 'showDebug');
render.add(engine.render.options, 'showPositions'); render.add(engine.render.options, 'showPositions');