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 Webgl Open-Source Projects
-
PixiJS
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
-
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.
-
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.
-
BabylonJS
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
-
filament
Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS, and WebGL2
-
3d-game-shaders-for-beginners
🎮 A step-by-step guide to implementing SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
-
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.
-
plotly
The interactive graphing library for Python :sparkles: This project now includes Plotly Express!
-
bgfx
Cross-platform, graphics API agnostic, "Bring Your Own Engine/Framework" style rendering library.
-
awesome-creative-coding
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
-
mapbox-gl-js
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
-
cocos-engine
Cocos simplifies game creation and distribution with Cocos Creator, a free, open-source, cross-platform game engine. Empowering millions of developers to create high-performance, engaging 2D/3D games and instant web entertainment.
-
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.
If you're into video game dev, then PixiJS is something you need to know about. It's a HTML5 game engine that provides a lightweight 2D library across all devices. This latest update has a new package structure, custom builds, graphics API overhaul, and lots more. You can read about all these changes in the PixiJS Migration Guide. Also big congrats to PixiJS for being part of the open source community for ten years now! 😮.
Gold : GitHub, Phaser Studio, Arcadia
Project mention: JavaScript Libraries for Implementing Trendy Technologies in Web Apps in 2024 | dev.to | 2024-04-09TensorFlow.js
Project mention: Filament – A Language for Fearless Hardware Design | news.ycombinator.com | 2024-03-04Also: Filament is a real-time physically-based renderer written in C++. It is mobile-first, but also multi-platform.
https://google.github.io/filament/
This is a great series if you’re looking for a tutorial. https://lettier.github.io/3d-game-shaders-for-beginners/inde...
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.
Project mention: Yes, Python and Matplotlib can make pretty charts | news.ycombinator.com | 2024-04-16
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: WebKit Switching to Skia for 2D Graphics Rendering | news.ycombinator.com | 2024-02-20
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.
I use this heavily https://visgl.github.io/react-map-gl/ and it's amazing for building complex maps with rich overlays, but you won't get a search box for countries out of the box.
Webgl related posts
- Infinitown
- Show HN: Volume rendering 3D data in Three.js and GLSL
- An open-source tribute to the macOS Drift screensaver
- Show HN: My wife and I made a maze game
- Gamedev.js Jam 2024 start and theme announcement!
- A free and open-source Civilization you can play in a browser
- Release Radar • March 2024 Edition
-
A note from our sponsor - WorkOS
workos.com | 25 Apr 2024
Index
What are some of the best open-source Webgl projects? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 98,873 |
2 | PixiJS | 42,496 |
3 | phaser | 36,324 |
4 | BabylonJS | 22,456 |
5 | tfjs | 18,110 |
6 | filament | 17,083 |
7 | 3d-game-shaders-for-beginners | 17,019 |
8 | xterm.js | 16,670 |
9 | plotly.js | 16,523 |
10 | A-Frame | 16,192 |
11 | plotly | 15,247 |
12 | gpu.js | 14,953 |
13 | bgfx | 14,306 |
14 | WebGL-Fluid-Simulation | 14,234 |
15 | awesome-creative-coding | 12,194 |
16 | G2 | 11,955 |
17 | Cesium | 11,839 |
18 | mapbox-gl-js | 10,697 |
19 | engine | 9,105 |
20 | two.js | 8,190 |
21 | react-map-gl | 7,565 |
22 | melonJS | 5,703 |
23 | cocos-engine | 5,290 |
Sponsored