Skip to content

Load and render a single frame may fall into a blank #79

@o-tantk

Description

@o-tantk

I tested very simple html page(below) as local file, and it shows nothing.

<html>
    <head>
        <script type="text/javascript" src="https://rawgit.com/patriciogonzalezvivo/glslCanvas/master/dist/GlslCanvas.js"></script>
    </head>
    <body>
        <canvas class="glslCanvas" data-fragment="
void main() {
    gl_FragColor = vec4(1, 0, 0, 1);
}
            " width="500" height="500"></canvas>
    </body>
</html>

It seems an instant render overwritten or ignored if render timing is too fast.
Adding a line that postpones rendering render once more at the next frame, It works fine.

// glslCanvas.js: 179L
setTimeout(() => { this.forceRender = true; }, 1);

Thanks.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions