etro-js / etro

Typescript video-editing framework for the browser
https://etrojs.dev
GNU General Public License v3.0
894 stars 86 forks source link

Inquiry About Etro's Capability for Image Particle Flower and Fireworks Effects #287

Open n3g2 opened 2 days ago

n3g2 commented 2 days ago

Hello, I am a developer interested in graphics rendering and animation effects. Recently, I have been searching for a tool or library that can achieve visual effects such as image particle flowers and fireworks. During my search, I came across Etro. However, I have not found clear information about these effects in the official documentation or community.

Therefore, I would like to ask:

Does Etro support creating image particle flower effects? I would like to decompose an image or graphic into multiple small particles within a specific area and have these particles move in a certain pattern or randomly to form a particle flower-like effect. Does Etro support creating fireworks effects? I would like to simulate the process of fireworks exploding, including the emission, dispersion, and disappearance of fireworks particles. I hope these particles can have different colors, sizes, speeds, and other properties. If Etro supports these effects, could you provide some related tutorials, sample code, or documentation links? If it does not currently support them, are there any plans to add these features in future versions?

Additionally, I welcome any suggestions for other tools or libraries that can achieve these effects.

Thank you for your time and help!

keithudev commented 2 days ago

It is possible to create those effects if you create your own effects, you can create those effects with shaders or directly using the canvas api, the documentation doesn't talk much about creating your own effects, it took me a long time to figure out how it all works. I don't know if this project is abandoned, but for now it is useful. I hope the creator looks into the issues or at least updates the documentation. Maybe i will make more detailed documentation, but I still need to learn more about how it works, since there are some hidden functions that you don't even know are there if you don't look at the source code.

clabe45 commented 2 days ago

Does Etro support creating image particle flower effects? I would like to decompose an image or graphic into multiple small particles within a specific area and have these particles move in a certain pattern or randomly to form a particle flower-like effect.

Etro supports custom effects! I would recommend subclassing the shader effect to make use of the GPU.

Does Etro support creating fireworks effects? I would like to simulate the process of fireworks exploding, including the emission, dispersion, and disappearance of fireworks particles. I hope these particles can have different colors, sizes, speeds, and other properties. If Etro supports these effects, could you provide some related tutorials, sample code, or documentation links? If it does not currently support them, are there any plans to add these features in future versions?

One way to implement this is to create a visual layer for each particle and add effects to each layer to render them as you would prefer. Curious how many particles the browser can efficiently run on different machines.

Did this answer your questions? Happy to help more!

clabe45 commented 2 days ago

It is possible to create those effects if you create your own effects, you can create those effects with shaders or directly using the canvas api, the documentation doesn't talk much about creating your own effects, it took me a long time to figure out how it all works. I don't know if this project is abandoned, but for now it is useful. I hope the creator looks into the issues or at least updates the documentation. Maybe i will make more detailed documentation, but I still need to learn more about how it works, since there are some hidden functions that you don't even know are there if you don't look at the source code.

I've had a busy few months but I plan to continue maintaining this project. Happy to discuss specific questions you have in the discord or in other issues, and I can update the docs accordingly. Reading through the recent issues now.

clabe45 commented 2 days ago

Also will review any PRs (including documentation work)!! :)