I'm working on it! Thanks @irfansaeedkhan7242, love your profile image btw.

Thanks @valentinoquilesmatei3408 ! Not clear to me why someone would need an alternative to Three.js 😄 I have not tried Babylon.js, so I couldn't compare them well. Here's an interesting comparison: trends.google.com/trends/explore?gprop=youtube&q=three.js,babylon.js&hl=en

Sure thing! I think SimonDev does a good job describing the LinearSpline here: kzbin.info/www/bejne/hXfUdoGdqdaFd7ssi=FK9TdyXk8XQQh-EL&t=367 The lerp (for the colorSpline) is covered here: threejs.org/docs/index.html?q=color#api/en/math/Color.lerp I hope this helps!

@@robotbobby9 Thanks a lot, Sir! I've watched simon's explaining. I'll need a explanation for a dumb person. 😅 I didn't get it yet, but I will! Thanks for your help!! Have a nice day!

This site looks interesting (hope it helps): noobtomaster.com/computer-graphics/interpolation-methods-linear-spline/

Welcome 😊

Hrmm, could you share the code, maybe via replit.com?

Great suggestion! I'll add it to the list of video ideas.

Great suggestion! I'm adding it to my list of video ideas!

@@robotbobby9 Thank you.

Thanks! 🙏🏼

Yep. The game code is too complex to write it all in only 9 minutes 😁

I need to have a go at that! Just like it's implemented here: eyes.nasa.gov/apps/solar-system/#/earth

@@robotbobby9 OMG this site is amazing!

Hey @baxtables start here: threejs.org/manual/#en/fundamentals

Nice! works for me too, without the repeat and a bumpScale of 4.0

Thank you so much 😀

Thanks for the sub!

More coming every week!

A lighting effect like this? kzbin.info/www/bejne/rpzGdIqnnsuHb68 Sounds cool! Thanks for the suggestion

@@robotbobby9 Exactly. I tried it once before with React.. I'll see if i can fix the repo it is in... Here is my flashlight but it was doing wacky things a bit, i like the version you found. function Lights() { const { gl, camera } = useThree(); const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }); useEffect(() => { const handleMouseMove = (event) => { // Convert screen coordinates to normalized device coordinates const x = (event.clientX / window.innerWidth) * 2 - 1; const y = -(event.clientY / window.innerHeight) * 2 + 1; setMousePosition({ x, y }); }; gl.domElement.addEventListener('mousemove', handleMouseMove); return () => { gl.domElement.removeEventListener('mousemove', handleMouseMove); }; }, [gl.domElement]); // Convert normalized device coordinates to a range suitable for light positioning const lightX = mousePosition.x * 50; const lightY = 1; // You can adjust the Y position as needed const lightZ = -mousePosition.y * 50; return ( <> <pointLight castShadow intensity={0.09} args={["#d31b1b", 0, 30]} position={[lightX, lightY, lightZ]} /> <spotLight castShadow intensity={1} args={["#a49963", 30, 100]} position={[lightX, lightY, lightZ]} penumbra={0.3} angle={Math.PI / 3} /> </> ); } export default Lights;

Thank you 🙏🏼

Thank you @Distortie!

Thank you @yellemonster

Thank you!

Hey @khanjanjha9693 check www.awwwards.com/ for inspiration. (or scan KZbin for "AWWWard winning websites") Many of the immersive effects can take a lot of work and skill, so if you are new to the process, take it step-by-step and slow! Start with a simple effect (like a Three.js background, tip #10) Good luck!

@@robotbobby9 i have already scanned through awwwards those designs are waaay more complicated and looks harder to achieve......so i sometimes feel lost where to start

github.com/bobbyroe/tips-and-techniques

@@robotbobby9 thankyou so much

Thanks!

Hey @Distortie, a bit, not as much as this guy: www.youtube.com/@TheArtofCodeIsCool Do you have a favorite KZbin channel?

You’re welcome! Thanks for watching

Great suggestion! I’ll add it to the list ☝🏼

Thanks 👍

Glad you liked it!

Thank you! More to come!

Thanks @beastlybruh3825 !

Thank you!

So glad to hear that this worked for you! Your feedback really helps, Thank you!

So glad to hear!

Open up the console to get more information about the error (maybe there was a typo?)

Glad to hear!

It's true, I'm just reading a script (that I wrote) - I'm working on making my delivery less boring.

@@robotbobby9 That's great to hear. A little bit of "Indirect Eye Contact" at the camera and bringing melody into your speech could help. The Information promited is fine. If one of your future videos will pop up on my side of the internet then it will be a pleasant to watch these. Stay cool ^^ Peace out.

I /think/ that was an early JavaScript logo! The creators of JS were riding on the popularity of Java

Good point, @ProfMonkeys! I'll make an effort to clarify when to accept / reject Copilot generated code. 🤖

Good point, compared to other options. What's easier than Three.js tho?

This video walks through loading a model: kzbin.info/www/bejne/eanHY5qPh9etasU Replace the *OBJLoader* with a *GLTFLoader* and you'll be loading models!

Thank you

Added! github.com/bobbyroe/physics-with-rapier-and-three

@@robotbobby9thank you !! 🙌

Not sure, maybe start here: elementor.com/help/custom-code-pro/ ?

I'm not familiar with A-Frame, but it looks like it's built on Three,js! Maybe build a custom *Earth* component? aframe.io/docs/1.5.0/introduction/writing-a-component.html

Thanks for watching!

Check out: kzbin.info/www/bejne/joHLcoVnjsl3bNE

Thank you @DevKaiUnreal !

Thanks!

Check out kzbin.info/www/bejne/qpjahGSurd-Wb9U

Also how can add onclick event in globe

Most welcome!

I was just about to link you to my Getting Started tutorial, but you found it already!