THREE.js BG 'cloud' animation directional lights setting
GH: https://github.com/nnall/CRUDApps/blob/main/signup/src/components/SignUp.js
I've created a background rotating cloud animation, using this as a guide: https://redstapler.co/cool-nebula-background-effect-three-js/
Just before the end of the instructions, there's a section for adding Lighting, which is where I'm having problems.
It gives these settings - keeping in mind that it's using a basic static html page setup and not react:
which I've translated to react like so:
But I see none of these colors in my animation (see attmt picture).
GitHub
CRUDApps/signup/src/components/SignUp.js at main Β· nnall/CRUDApps
Server learning apps. Contribute to nnall/CRUDApps development by creating an account on GitHub.
Red Stapler
Create Cool Nebula Background Effect with Three.js - Red Stapler
So youβre looking for an idea to create a stunning background for your website? This tutorial is for you. Weβll show you how to create an animated Nebula background using JavaScript and Three.js. Letβs check....
2 Replies
Have you considered React Three Fiber?
No I haven't but I'm looking at it now. THank you