Giter VIP home page Giter VIP logo

Comments (2)

greggman avatar greggman commented on May 19, 2024 1

Sorry I guess I never covered that.

Yes, WebGL by default clears the canvas by after the canvas has been compositied.

If you want it not to clear the canvas you need to add preserveDrawingBuffer: true when creating the context as in

const gl = someCanvas.getContext("webgl", {preserveDrawingBuffer: true});

The longer version is:

If you draw to the canvas (gl.drawXXX, gl.clear) then the browser marks that the canvas needs to be recompositied with the page. To do this either either makes a copy of the canvas or swaps the canvas's storage with another storage buffer (double buffered). After the browser has compositied the result it clears the canvas. It does this so that the result is consistent whether or not it copies or it swaps.

from webgl-fundamentals.

PrincessGod avatar PrincessGod commented on May 19, 2024

Really helpful, thank you very mach!

from webgl-fundamentals.

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.