Erkaman / Regl Fire
Licence: mit
Fire particle system made with regl
Stars: ✭ 16
Programming Languages
javascript
184084 projects - #8 most used programming language
java
68154 projects - #9 most used programming language
Projects that are alternatives of or similar to Regl Fire
Glchaos.p
3D GPUs Strange Attractors and Hypercomplex Fractals explorer - up to 256 Million particles in RealTime
Stars: ✭ 590 (+3587.5%)
Mutual labels: webgl, glsl, particles
Wireframe World
An infinite wireframe world in WebGL
Stars: ✭ 347 (+2068.75%)
Mutual labels: webgl, glsl, demo
Regl Cnn
Digit recognition with Convolutional Neural Networks in WebGL
Stars: ✭ 490 (+2962.5%)
Mutual labels: webgl, glsl, demo
Glsl Godrays
This module implements a volumetric light scattering effect(godrays)
Stars: ✭ 155 (+868.75%)
Mutual labels: webgl, glsl, demo
Langterm
🕹️ WebGL-based VT220 emulator, made as a learning example and frontend for a text adventure
Stars: ✭ 35 (+118.75%)
Mutual labels: webgl, glsl, demo
Polygon Shredder
The polygon shredder that takes many cubes and turns them into confetti
Stars: ✭ 686 (+4187.5%)
Mutual labels: webgl, glsl, demo
Html Gl
Get as many FPS as you need and amazing effects by rendering HTML/CSS in WebGL
Stars: ✭ 3,391 (+21093.75%)
Mutual labels: webgl, glsl
Three.phenomenon
⭐️ A tiny wrapper around three.js built for high-performance WebGL experiences.
Stars: ✭ 338 (+2012.5%)
Mutual labels: webgl, particles
Glmaps
Data visualization examples and tutorials from scratch. 数据可视化示例代码集与新手学习教程。
Stars: ✭ 288 (+1700%)
Mutual labels: webgl, demo
Webgl Fundamentals
WebGL lessons that start with the basics
Stars: ✭ 3,315 (+20618.75%)
Mutual labels: webgl, glsl
Shader Doodle
A friendly web-component for writing and rendering shaders.
Stars: ✭ 356 (+2125%)
Mutual labels: webgl, glsl
Detect Gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
Stars: ✭ 460 (+2775%)
Mutual labels: webgl, demo
regl-fire
Cheap-looking fire particle system implemented with regl.
Implementation Details
The fire is rendered as a particle system of about 300 particles. It turns out that only 300 particles can result in a significant amount of overdraw, and this will cause poor performance on lower-end graphics cards.
But I solved this problem by rendering the particle system to an FBO that is about one-fifth the size of the screen, and then upscaling and rendering it to the actual screen. Since then less fragments are processed, the overhead from all the overdraw for the fragments is significantly reduced.
This technique is called off-screen particles, and you can read more about it in this article
Build
First install all dependencies by doing
npm install
To then run the demo, do
npm run start
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].