Giter VIP home page Giter VIP logo

Comments (6)

liabru avatar liabru commented on May 2, 2024 5

I've resolved this by refactoring the engine runner out into a new module Matter.Runner.

The new method is Runner.stop(engine) which will cancel the frame request.

It's available in the latest edge build if you want to try it!

from matter-js.

liabru avatar liabru commented on May 2, 2024 1

Setting engine.enabled = false should stop the engine, do you mean that it specifically does not stop the requestAnimationFrame callbacks?

I'm interested to know why that was causing you problems, since it means that nothing is being executed( even though the callbacks are called)?

Either way, my suggestion is also to do as you said, create your own runner.
The included Engine.run is just an optional utility game loop to get people started.

Are you still having issues here?

from matter-js.

angabriel avatar angabriel commented on May 2, 2024

Solution was to extend the library code:

Engine.run = function(engine) { 
...
    (function render(time){
        engine.reqAnimFrame = _requestAnimationFrame(render);

        if (!engine.enabled)
            return;

and then by outside (non-library) code:

var cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame 
                        || window.webkitCancelAnimationFrame || window.msCancelAnimationFrame 
                        || window.oCancelAnimationFrame;
cancelAnimationFrame(_engine.reqAnimFrame);

from matter-js.

angabriel avatar angabriel commented on May 2, 2024

Hi liabru, thx for your interest :)

Setting engine.enabled = false should stop the engine, do you mean that it specifically does not stop the requestAnimationFrame callbacks?

thats what I got with Firefox 30.0.
I experienced a CPU usage of approx. 25% even with Engine.enabled = false and Engine.clear(). I also don't understand why it still utilizes the CPU. I am using your library in an angular context - when the directive is destroyed, I also wanted to stop matter-js completely. Maybe you can provide a public function, e.g. Engine.destroy() / Engine.stop() which also kills the animationFrame requests?

Keep up your very nice piece of work 👍

from matter-js.

liabru avatar liabru commented on May 2, 2024

Ah, interesting I wasn't aware of this issue. I'll look into getting this sorted, thank you for the info.

from matter-js.

angabriel avatar angabriel commented on May 2, 2024

It works like a charm! Thank you - now I can delete the custom cancelling code here :-)

from matter-js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.