3D-Web-Roadmap
vanta
3D-Web-Roadmap | vanta | |
---|---|---|
18 | 7 | |
169 | 5,261 | |
2.4% | - | |
7.3 | 0.0 | |
9 months ago | 2 months ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
3D-Web-Roadmap
vanta
-
Seeking Guidance and Implementation Tips for Vanta.js-like Effects in Flutter
Looking that the source code, it seems that these are implemented using shaders. Those are a new thing in Flutter, so I'd try to go that road. You probably need a CustomPaint with a CustomPainter, painting a Rect with a Paint using that Shader, feeding it all input parameters. I've absolutely no experience with shaders in Flutter, but that's what I'd try for something simple like the fog. For the birds, you'd probably need to implement a lot of 3D geometry yourself.
- Has anyone used Vanta.js for dynamic backgrounds?
-
Animated Website Backgrounds Easily with vantajs
View on GitHub
-
Vanta.js Animated 3D Backgrounds
https://github.com/tengbao/vanta/blob/master/src/vanta.cloud...
Definitely getting some 'can I copy your homework' vibes. But then again, if you use the original shader to educate yourself on how to render volumetric clouds... this is the kind of code you'll end up writing afterwards.
-
How I made a desktop environment in the browser
Animated Wallpaper (VantaJS)
What are some alternatives?
webxr-threejs-midi-visualizer - WebXR, augmented reality MIDI data visualization, built with Three.js and Tone.js. See video: https://youtu.be/lIecCGtbqSM
particles.js - A lightweight JavaScript library for creating particles
seiri - https://youtu.be/c_YhltkgsgQ
react-spline - A wrapper to painlessly integrate Spline projects into your React code-space. ☀
city-game-studio-i18n - Translation files for City Game Studio
Next.js - The React Framework
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...).
three.js - JavaScript 3D Library.
A-Frame - :a: Web framework for building virtual reality experiences.
x - Desktop environment in the browser. [Moved to: https://github.com/DustinBrett/daedalOS]
deprecated-version - Next version of roadmap.sh
vite - Next generation frontend tooling. It's fast!