threejs-sandbox
vanta
threejs-sandbox | vanta | |
---|---|---|
2 | 7 | |
677 | 5,286 | |
- | - | |
3.2 | 0.0 | |
10 months ago | 3 months ago | |
Roff | 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.
threejs-sandbox
-
Three js + React Fiber instanced boxes outline
outlines is a complex subject, there are few few suitable solutions out there. there's this: https://github.com/gkjohnson/threejs-sandbox/tree/master/conditional-lines but the code seems very complex. i've tried to untangle it once but i have no idea what's gong on.
-
Are there any examples of this kind of "stochastic" texture splatting for threejs, that avoids obvious repetitions and provides nice, natural terrain textures with transitions?
terrain/splat approaches: https://github.com/prolearner/procedural-planet https://github.com/gkjohnson/threejs-sandbox/issues/9 (links) http://stemkoski.github.io/Three.js/Shader-Heightmap-Textures.html https://www.gamedev.net/tutorials/programming/graphics/advanced-terrain-texture-splatting-r3287/ babylon reference https://forum.babylonjs.com/t/pbr-texture-splatting-up-to-64-textures/1994/17 https://jsfiddle.net/zywmxLd6/ https://github.com/simondevyoutube/ProceduralTerrain_Part5 https://discourse.threejs.org/t/how-to-create-a-multiple-textured-terrain/5069/7 How tesseract does their megasplat style approach: https://discourse.threejs.org/t/how-to-create-a-multiple-textured-terrain/5069/28
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?
trois - ✨ ThreeJS + VueJS 3 + ViteJS ⚡
particles.js - A lightweight JavaScript library for creating particles
procedural-planet - a 3D procedural Planet in THREEJS and WebGl
react-spline - A wrapper to painlessly integrate Spline projects into your React code-space. ☀
postprocessing - A post processing library for three.js.
Next.js - The React Framework
three-viewcube - 3VC - Simple camera orientation controller for 3D space
three.js - JavaScript 3D Library.
procedural-stochastic-texturing - Modified Shader Graph package implementing Procedural Stochastic Texturing
x - Desktop environment in the browser. [Moved to: https://github.com/DustinBrett/daedalOS]
realism-effects - SSGI, Motion Blur, TRAA - Effects to enhance your three.js scene's realism
vite - Next generation frontend tooling. It's fast!