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. 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...).
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
We also used three.js to setup a scene and manage resources.
Project mention: Alternatives to Flash Player for Videogame Coding? | news.ycombinator.com | 2024-05-08
Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29Plotly is based on D3. Has both open-source version and paid option.
https://plotly.com/javascript/
I like it. It is a perfect framework for my smart RSS reader and my image sorter where I want to do some simple things like putting up modal dialogs, implementing multiple-stage selects, combo boxes, things like that.
React can handle apps with much more complex state and do really amazing things like
https://aframe.io/
but it is overkill for the common form applications it is commonly used for.
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
JavaScript Webgl related posts
-
Alternatives to Flash Player for Videogame Coding?
-
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
-
A note from our sponsor - InfluxDB
www.influxdata.com | 17 May 2024
Index
What are some of the best open-source Webgl projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 99,250 |
2 | phaser | 36,421 |
3 | plotly.js | 16,571 |
4 | A-Frame | 16,230 |
5 | gpu.js | 14,973 |
6 | WebGL-Fluid-Simulation | 14,269 |
7 | Cesium | 12,112 |
8 | mapbox-gl-js | 10,755 |
9 | engine | 9,170 |
10 | two.js | 8,198 |
11 | melonJS | 5,711 |
12 | regl | 5,126 |
13 | Keras.js | 4,951 |
14 | pannellum | 4,096 |
15 | vizceral | 4,056 |
16 | VivaGraphJS | 3,713 |
17 | matrix | 3,223 |
18 | Blotter | 3,030 |
19 | LittleJS | 2,770 |
20 | jeelizFaceFilter | 2,622 |
21 | twgl.js | 2,572 |
22 | echarts-gl | 2,555 |
23 | 3d | 2,539 |
Sponsored