Aurelien Vigne

Thank you @okaydev.co for the feature! 🙏

Learn more about the behind-the-scenes of "Aurel's Grand Theater" in the interview I gave to Communication Arts magazine!

Thank you @commarts.com for featuring my work! 🙏

#threejs #vuejs #webgl #creativecoding #gsap

I am honoured that Aurel’s Grand Theater won SOTM on Orpetron! Thank you 🙏

👉 aurelienvigne.com

Woop woop! “Aurel’s Grand Theater” has been nominated for Portfolio Honor on Awwwards, which is open for public vote! 🦝😊

If you enjoyed exploring the theater as much as I loved building it, feel free to cast a vote 🗳️👇
www.awwwards.com/honors/portf...

#creativecoding #threejs #gsap #webgl #vuejs

Go check out the behind-the-scenes piece on Aurel’s Grand Theater, now live on @codrops.bsky.social! 🦝

I break down the thinking, tech, and all the little details that brought it to life.

Happy reading!👇

I am deeply honoured that my latest solo work “Aurel’s Grand Theater” won #SOTD and #DOTD 🏆
Thank you Awwwards 🙏 🦝

I am so stoked that “Aurel’s Grand Theater” is Site of the Month by @gsap-greensock.bsky.social! It’s such an honor coming from my all time favorite animation library, thank you 🙏💚

Thank you again Matt 🙏I am glad you enjoyed both project 🧑‍🚀 🦝

That’s awesome to hear, thanks!! 😄 I tried to make it run smoothly everywhere, so it's great to know it held up on your phone. And stoked you liked the joystick! 🕹️

Thank you Matt!🙏 ☺️ Glad you enjoyed your time as a raccoon exploring the theater 🦝 😄

I am deeply honoured that my latest solo work “Aurel’s Grand Theater” is Website of the Week by my all-time favourite animation library @gsap-greensock.bsky.social 💚
Thank you! 🙏 🦝

Thank you @fredericrous.com ☺️

Thank you Rodrigo 🙌

If you haven’t visited my latest solo work “Aurel’s Grand Theater” yet 👇

aurelienvigne.com

There are many little other tricks under the hood, some are also only for lower tier machine & some mobile device: I simplified some of the animations/logic, reduced the size of textures, models etc…

instancedMesh widely for all small reusable items, even those with physics. I also capped to 60/30/10fps, depending on how many times a logic/item requires updates without hurting visually. I even have items updating only at some strategic moment so its easier on user's machine

With +100 models and roughly ≃150 physics items loaded in the main scene, Aurel’s Grand Theater needed to be coded with performance in mind from the start. Aside from low poly models and all the classic tricks, I used...🧵

I am deeply honoured to receive the FWA of the Day for my new #portfolio "Aurel's Grand Theater".

Thank you FWA 🙏

Aurel's Grand Theater I am Creative Front-End developer based in Seoul. I eat code for my breakfast, design for my lunch then combine both for my dinner.

random seat, row, ID… and the texture is random in an array of textures.
By the way, while the website uses heavily #threejs, the tickets are dom elements animated with #javascript & #scss.

👉 aurelienvigne.com

I had so much fun coding so many little details on my new portfolio. Did you notice the paper dust flying when tearing a ticket? A few subtle particles going in nearly random directions/speeds are created when you click on a ticket 🎟️ Also, all tickets are unique with ... 🧵👇

Merci Guillaume 🙏 ☺️

Thank you 🙏 ☺️

👉 aurelienvigne.com

Aurel's Grand Theater is my new unconventional portfolio: read the case studies, solve mysteries to unlock the secret page or explore freely, jump around & even smash things! Keep your eyes open, you might see many hidden details about my work or myself! #cannonjs #threejs #gsap #blender

I usually ask cursor to write storybook stories for my components. I guess I didn’t provide enough context this time 🤣

Nicely done! 👌

3,2,1 Lift off! The Leap For Mankind is a playful & educational immersive experience about the epic journey of the Apollo Missions.
Launched in 2022 (before ChatGTP…) it was a solo project I did for fun aside of work/freelance using #threejs, #cannonjs, #VueJs, #gsap & #b3d.
👉 leap-for-mankind.com

Back in 2021 I launched Mont Saint Michel 3D, an interactive 3D experience to explore the epic story of the 1000-year-old citadel.
It's still one of my favorite solo projects I worked on 🏰
Made with #threejs, #VueJs, #gsap & #b3d.

👉 mont-saint-michel-3d.website

Gyeongbokgung Palace under the snow is so beautiful ❄️🤩

Productive winter break 🤓❄️