The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 JavaScript Webgl Projects
-
phaser
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
mapbox-gl-js
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
-
jeelizFaceFilter
Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Regarding the optimization of the effect, I found an issue on the three.js GitHub repository: https://github.com/mrdoob/three.js/issues/14104 The alpha channel issue seems to be a difficult problem, which has been present since 2018. At the end of the discussion, a solution proposed by a contributor is not to modify the UnrealBloomPass but to blend the source texture and target texture in the shader.
Gold : GitHub, Phaser Studio, Arcadia
Project mention: Build Your Own Uptime Monitor with MeteorJS + Fetch + Plotly.js ☄️🔭 | dev.to | 2024-03-08Plotly as our chart renderer
I looked at it seriously for content authoring but gave it up.
The big problem is you cannot import images, textures, 3-d models and such from ordinary tools. You have something like constructive solid geometry to work with but only so much and there is a slider you can use to set the number of players and the more players the less geometry you can use.
I want to make worlds based in photographs (particularly pano and stereo) and art. McDonalds needs to put a Coca-Cola logo on the side of the cup. Either way it is a non-starter.
HW supports collaboration (more than one person shares the world) but https://aframe.io/ lets me make the content I want. If I have to choose one or the other I am going to pick the second.
My take on Meta Quest is that it seems highly successful as a gaming environment based on an app store but is skews towards single-player experiences. Like a lot of AAA games, the excellent Asgard’s Wrath 2 has some multiplayer tacked on but it is all meaningless like leaderboards and the occasional ghost that shows up in a procedurally generated dungeon.
Of course, Meta wants to make multiplayer experiences but somehow they just can’t do it.
You might already be familiar, but a GPU.js backend can provide some speedups via good old WebGL -- no need for WebGPU just yet!
[0]: https://github.com/gpujs/gpu.js/
Project mention: That is some extremely impressive water physics, especialy for a place you only visit once. How did they do it? (MAJOR SPOILERS FOR 4.2 WORLD QUEST) | /r/Genshin_Impact | 2023-12-02It kinda reminds me of this fluid simulation website. The site is about a computer graphics technique that simulates the motion and appearance of fluids such as water, smoke or fire. You can use your mouse to move around the screen to see the simulation, also can change how the fluid simulation works by adjusting the sliders in the control panel next to it.
Project mention: Brave browser simplifies its fingerprinting protections | news.ycombinator.com | 2024-01-22Good. Brave's fiddling with WebGL causes >50% of my bug reports from 1% of users.
[1] https://github.com/mapbox/mapbox-gl-js/issues/10518
[2] https://github.com/mapbox/mapbox-gl-js/issues/8377
10 × PlayCanvas Personal plan for 12 months
Project mention: Show HN: A JavaScript library for data visualization in both SVG and Canvas | news.ycombinator.com | 2024-04-11> DOM-like event bubbling
This does sound very interesting. I started playing with https://two.js.org/ for a browser game but the event system proved a challange. The typescript focus also looks promising. Will give it a try.
Project mention: What is your experience with JavaScript libraries for 3D graphics? | /r/webdev | 2023-06-08Author of Threlte here 👋 with two cents about Three.js: It's exceptionally well written in terms of rigid and consistent interfaces that allow frameworks such as Threlte to exist to make wrappers/renderers that are as slim as possible. This is due to it being strictly OO but definitely something i would make top priority when creating a new 3D library. Personally I find regl also very interesting with a completely different approach than Babylon or Three.js.
Unity tour template should probably cover a 6 (I haven't used it yet, it's on my projects que to test out). I also have Pannellum qued, but since I haven't developed with it yet I don't know how easy it is to work with. I built my own tour using the insideout shader, but it had major glitches, so I don't recommend making it from scratch unless you're already good at software dev and have time to troubleshoot.
Project mention: No-more-secrets: recreate the decryption effect seen in the 1992 movie Sneakers | news.ycombinator.com | 2023-07-20if you like that one then you'll likely enjoy this[1] one also
[1] https://github.com/Rezmason/matrix
Project mention: Undergrowth - A tale from O Monolith, The new album by Squid! | /r/Games | 2023-06-11
JavaScript Webgl related posts
- Gamedev.js Jam 2024 start and theme announcement!
- A free and open-source Civilization you can play in a browser
- Deep Learning in JavaScript
- JavaScript Libraries That You Should Know
- A developer portfolio as a 2D top-down walking simulator
- Show HN: SlideSynth
- Open Source ECMAScript Advanced SubSTation Alpha Subtitles Renderer for the Web
-
A note from our sponsor - WorkOS
workos.com | 23 Apr 2024
Index
What are some of the best open-source Webgl projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 98,752 |
2 | phaser | 36,286 |
3 | plotly.js | 16,523 |
4 | A-Frame | 16,166 |
5 | gpu.js | 14,951 |
6 | WebGL-Fluid-Simulation | 14,219 |
7 | Cesium | 11,821 |
8 | mapbox-gl-js | 10,697 |
9 | engine | 9,105 |
10 | two.js | 8,186 |
11 | melonJS | 5,699 |
12 | regl | 5,103 |
13 | Keras.js | 4,951 |
14 | pannellum | 4,080 |
15 | vizceral | 4,053 |
16 | VivaGraphJS | 3,702 |
17 | matrix | 3,209 |
18 | Blotter | 3,011 |
19 | LittleJS | 2,741 |
20 | jeelizFaceFilter | 2,617 |
21 | twgl.js | 2,563 |
22 | echarts-gl | 2,509 |
23 | 3d | 2,458 |
Sponsored