Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rewrite visualizer to use WebGL #19

Open
1j01 opened this issue May 7, 2022 · 0 comments
Open

Rewrite visualizer to use WebGL #19

1j01 opened this issue May 7, 2022 · 0 comments

Comments

@1j01
Copy link
Owner

1j01 commented May 7, 2022

I should switch to WebGL to render the notes more efficiently, and to make it easier to implement fancy effects.

I don't know if a framework like PIXI.js would be helpful here, probably I can do it in raw WebGL. Well, might as well use THREE.js, and have 3D possibilities, both for effects, and for controls for lining up with a camera's view of a piano. Well, I'm not sure what controls that would be, but at any rate I'm familiar with THREE.js and know how I could implement note drawing efficiently (filling data in a BufferAttribute, and extending the draw range of the BufferGeometry for new notes. Notes are basically lines, or if I want to draw them as an extruded square, I believe I can do that with a vertex shader, so I'm still passing only the note data to the GPU. Not sure that 4x would matter though.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant