From Blender to the web! 🌐 Just imported my first 3D model created with Blender into a web environment using Three.js. Despite a busy schedule, I'm diving into Blender to expand my skills. Excited for the journey ahead!

#threejsJourney

I need to set up a state machine with some idles but for now the animation's triggered when you click on this little guy.

#threejs #webgl #threejs journey #interactive3D

Hey world,

here's a project I've done this weekend 🤓

A 3D Machine placed on a rock above the ocean. When you click on the buttons, the environment evolves and according to your choice 🌊

Fun facts 🌊 The music is AI generated

#3D #threejs #threejs Journey #webgl

threejsとshader6日目😮

codepen.io/BUX-Web_Design…

#threejs #shader #ウェブデザイン #webgl #threejs journey

high alert! 🚨
#threejs #r3f #threejs Journey #gamedev #IndieGameDev

the enemies will have a radius they are responsible for, they select a random point inside the radius and go to that point to scout their surroundings, if the player is found in that radius they'll start attacking, =)

#threejs #r3f #threejs Journey #gamedev #IndieGameDev

nav-mesh aware enemy added to the game, adding more enemies next, =)
#threejs #r3f #gamedev #threejs Journey

A lot of math and numbers later, the camera showcases all the other meshes as we scroll 🙂‍↕️ #threejs journey #threejs

brought back the player, this is a first person view of the player

#threejs #reactjs #r3f #indiegame #gamedev #web3d #threejs journey

third person view would be like this,
#threejs #reactjs #r3f #indiegame #gamedev #web3d #threejs journey

Trying to replicate that 'Unrecord' game demo with Three.JS

Fish Eye + Camera Shake + Weapon Bobbing
Still need to create that vignette effect they have + better post-process 🤔

Demo :
…unrecord-iercanns-projects.vercel.app

#threejs #threejs Journey #javascript

The title block physics test for the portfolio website.

#makingportfolio #r3f #drei #webgl #threejs #threejs journey #rapier #physicbasedanimation #3dart #blender

How 3d web development looks like, btw thank you sensei Bruno Simon

#threejs #threejs Journey

Through billowing clouds, the plane's wings carve a path, dancing with the sky's canvas.Three.js #threejsJourney
virtual-wings.netlify.app
Thanks Wawa Sensei for such an amazing tutorial.

Dynamic Clipping Tools

#threejs #threejs Journey #glsl #shader

threejsとshader2日目！
何日続くか、やっていきます

codepen.io/BUX-Web_Design…

#threejs #shader #ウェブデザイン #webgl #threejs journey

Discover a world where magic meets creativity! Change colors and interact with a 3D enchanted scene!!

Web Site Link:
magicportalthreejs.vercel.app

#threejs #threejs journey Bruno Simon

bird simulation (boids/flocking) in voxelize!

the boids constantly try to:
1. align: face the same direction
2. separate: keep a distance
3. cohere: fly towards center of crowd

#threejs #threejs Journey #gamedev #voxelize

#threejs Classics Garage is on the FWA 🏅 looking for judges' votes 😍. I've been dreaming of SOTD with a personal project for a very long time 😊. Maybe this is the one.

thefwa.com/cases/classics…

MeshTransitionMaterial is almost ready to release. More on this soon. #threejs Journey

Hi, today i've added the cool gray effect when you hover a sneaker and the menu animation.

#threejs #threejs Journey #creativecode #glsl