Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 22 JavaScript Webgl2 Projects
-
-
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
-
-
react-ape
🦍• React Renderer to build UI interfaces using canvas/WebGL (TV and Hardware-Accelerated GPU development based)
Project mention: GitHub - raphamorim/react-ape: [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL | reddit.com/r/reactjs | 2022-05-27 -
curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Project mention: How to recreate this animated background with distortion effect? | reddit.com/r/webdev | 2022-04-24If you're purely wanting to add a shader effect then as a newcomer to the shader world I'd recommend curtainsjs as an easy way to add custom shaders without the hassle of having to deal with low level WebGL setup stuff. They even have a similar example with the mouse distortion effect where the code is much more readable and well commented with another codepen by the creator of curtains which has a more similar mouse flow effect that could be repurposed to be a post effect shader and distort the output of a gradient shader.
-
LayaAir
LayaAir is an open-source 2D/3D engine. LayaAir Engine is designed for high performance games.LayaAir support TypeScript and JavaScript、ActionScript 3.0 programming language.Can develop once, publish for multi platform.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
-
Project mention: It's really weird that we were mesmerized by watching music with visualizers in Winamp, iTunes, etc. in the 2000s, but they're not really a big thing now that we have 4k displays and the computing power to create really stunning visualizers. | reddit.com/r/highdeas | 2023-02-14
You can run Milkdrop 2 in a browser via this website.
-
-
retrace.gl
Create, ray trace & export programatically defined Signed Distance Function CSG geometries with an API suited for generative art - in your browser! 🎉
Project mention: Show HN: Make 3D art in your browser using Lisp and math | news.ycombinator.com | 2022-09-06I've written a tool somewhat similar that can export meshes of sdf's created using a javascript api, check it out: https://github.com/stasilo/retrace.gl
-
-
shader-web-background
Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.
-
-
-
Project mention: Mission to reach and operate at the focal region of the solar gravitational lens | news.ycombinator.com | 2022-07-28
hmm.. right.. if the angle of deflection is low and the star is close enough that its light and deflected light show up very close together. My intuition is this is not the case... remember Eddington's test of relativity was for deflection of starlight around our Sun. We're really close, yet it was observable with the moon obscuring the main sunlight.
the article[1] says "For light grazing the surface of the sun, the approximate angular deflection is roughly 1.75 arcseconds." So, what, we take the arcsin of 1.75 arcseconds to get the apparent divergence ratio, and multiply that by distance to stars? As long as that value is larger than the aperture of your camera, then you don't get competing light? Or maybe you'd need something like the TESS satellite, where you have a screen specially created to only allow certain beam transits into your detector.
I've worked with a nearest 10k stars database (https://celestiary.github.io/#sun) and the edge of that is about 2k light years away. So very roughly, let's say there's 1/8th of those in a certain direction... so you get.. what? some 2k sample points towards some distant object? But really most of them wouldn't deflect that object's light towards Earth, but usually over or undershoot.
Don't really know how to put these together quickly, but is giving me some good food for thought!
-
matrix-engine
webGL2 implementation (opengles2/3). ClassObject scene draw orientend framework based on crazzy fast glmatrix engine. ECMA 6 JS Project in base. Obj loader, raycast, BVH animation etc.
Project mention: Interest webGL library based on glmatrix engine - Lot of features implemented like physics , FBO etc | reddit.com/r/learnjavascript | 2023-03-13 -
particle-system-webgl
A WebGL particle system capable of creating beautiful patterns due to the usage of symmetry.
-
-
-
-
Project mention: I've made interactive playground of Discrete Fourier Transform for Images | reddit.com/r/math | 2022-06-23
here is the repo, if you are interested. https://github.com/Haalon/fourier
-
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
JavaScript Webgl2 related posts
- Best toolset for building a 3D Website?
- It's really weird that we were mesmerized by watching music with visualizers in Winamp, iTunes, etc. in the 2000s, but they're not really a big thing now that we have 4k displays and the computing power to create really stunning visualizers.
- Engine 1.61.0 is here! 🚀
- Generic and fun video for stage projection?
- Engine 1.60.0 is here! 🚀
- Programming intro
- Do you think we need a 3D open world game engine for Javascript?
-
A note from our sponsor - Sonar
www.sonarsource.com | 20 Mar 2023
Index
What are some of the best open-source Webgl2 projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 89,860 |
2 | engine | 8,195 |
3 | melonJS | 5,255 |
4 | twgl.js | 2,319 |
5 | react-ape | 1,506 |
6 | curtainsjs | 1,430 |
7 | LayaAir | 1,281 |
8 | butterchurn | 1,217 |
9 | alien.js | 630 |
10 | retrace.gl | 182 |
11 | gl-bench | 165 |
12 | shader-web-background | 145 |
13 | experiments | 34 |
14 | three-noise | 32 |
15 | celestiary | 18 |
16 | matrix-engine | 8 |
17 | particle-system-webgl | 4 |
18 | webgl-framework | 3 |
19 | matrix-engine-starter | 2 |
20 | Silver-Rain | 1 |
21 | fourier | 0 |
22 | webgl-mipmaps-explainer | 0 |