elopezga / matter-dom-plugin Goto Github PK
View Code? Open in Web Editor NEWA plugin to apply matter.js's physics to DOM elements
License: MIT License
A plugin to apply matter.js's physics to DOM elements
License: MIT License
It seems when adding a block while the simulation is running (Runner.run(runner, engine)
has been called etc.), a deep copy triggered from inside the DomBodies.block function goes into an endless loop, resulting in a stack call size exceeded error.
The element I'm adding can be added fine if it is added before the simulation starts running, so I'm fairly certain that the problem is that the render
has some kind of circular reference after starting the simulation.
let matterBlock = DomBodies.block(x, y, {
Dom: {
render: this.render,
element,
},
width,
height
});
World.add(this.engine.world, matterBlock);
It would be nice if the debug element could be made optional.
Right now I have to remove the element after calling RenderDOM.run
at runtime.
matter.min.js:41 matter-js: Plugin.use: [email protected] is for matter-js@^0.12.0 but installed on [email protected].
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.