@lilsugsy Profile picture

Reece Sugars

@lilsugsy

Creative Dev // Three.js // R3F // Blender 🍩 Youtube Tutorials: https://t.co/aMEHozzT3N ⏹ Image cropper tool: https://t.co/oFT645JuvH

Similar User
Immersive Studios photo

@ImmersivStudios

The Ebenezer photo

@th_ebenezer

Ksenia Kondrashova photo

@uuuuuulala

OFF+BRAND. photo

@itsoffbrand

Anderson Mancini photo

@Andersonmancini

0beqz photo

@0beqz

Wawa Sensei photo

@wawasensei

Andrew Woan photo

@andrewwoan

Daniel Velasquez photo

@Anemolito

Pavel Boytchev photo

@PavelBoytchev

vis_prime photo

@vis_prime

Shader Daily photo

@shader_daily

Visionary 3D photo

@visionary_3_d

Faraz photo

@CantBeFaraz

Robin Payot photo

@RobinPayot

Pinned

Got inspired and couldn't help but try and build something similar to project cars by @ImmersivStudios . Here's progress so far. @pmndrs's Zustand really helps with state management for keeping track of what view the camera is in, as well as colours etc... 👌 #threejsJourney


Reece Sugars Reposted

My Interactive Water Surface for React Three Fiber is now open-source! Excited to see beautiful scenes you guys can create with this! ✨ Try it out: water-surface.vercel.app 🌟 Appreciate a star on Github 😉 github.com/nhtoby311/Wate… #threejsJourney #threejs #r3f #useShaderFx


Reece Sugars Reposted

Gamification ready! Items are now collectible and some options are locked until you collect enough items. I loved the captured item animation with my confetti component. Inspired by @SimCityBuildIt but using #threejs 😍. Next: SFX. Link soon #r3f #threejsJourney #buildinpublic


Reece Sugars Reposted

Master the art of Shaders in those 13 new lessons 🔥 threejs-journey.com Through these 19 hours of videos, you’ll learn some of the most mesmerising effects you wouldn’t be able to create without shaders. Use the “shaders” code for a 30% discount (next 72 hours only)


Reece Sugars Reposted

Creating a new kind of color picker using #threejs and #r3f. By choosing a color, we have a smooth gradient transition. But when we drag and drop the color, it makes an ink splat effect using MeshTransitionMaterial. I love UI interactions😍 Live link coming soon. #threejsJourney


Reece Sugars Reposted

#threejs Bike website - full tutorial out now! youtu.be/Py9a-63Ke8o Watch @Andersonmancini build a real-time 3D Bike website from scratch, covering the whole process from blender to threejs.

Tweet Image 1

Reece Sugars Reposted

The first Three.js Journey challenge finished a few days ago. Theme was Game Boy and projects were awesome! I'll announce the 3 winners soon. The second challenge already started. Join the Three.js Journey Discord server for more info threejs-journey.com/discord (members-only 🔒)

Tweet Image 1

Reece Sugars Reposted

Ladies & Gentlemen, the video tutorial is live 🚀 Discover how to enable real-time multiplayer into your React Three Fiber projects with @SocketIO 🔗 youtu.be/uLv1Zu8GyUw

Looks like we will cover a new interesting topic tomorrow! 🧑‍💻 Can you guess which one? 👀



Reece Sugars Reposted

When I was a child hologram stickers were quite popular collectibles. Here is an attempt to recreate such a sticker in Three.js. The special zigzag geometry allows to have two images on a single surface. Live demo: boytchev.github.io/etudes/threejs… Music: pixamus #Études #ThreeJS #js


Reece Sugars Reposted

A look at some of my recent shader Raymarching work 🧪 I learned how to use noise derivatives to create better procedural terrains Combined with fog and light scattering you can achieve some gorgeous results like this beautiful Martian landscape r3f.maximeheckel.com/sdf7

You can create entire procedurally generated worlds with shaders with a couple of well-placed math formulas! From the sharpness of the terrain, the light, the fog, and the shadows of those mountains: it's all GLSL (don't run this on your phone pls) r3f.maximeheckel.com/sdf6



Reece Sugars Reposted

📺 streaming this Sunday again 11am, Kyiv time (GMT+3), come say hi 👋🏽, something with threejs and possibly react three fiber 👀youtube.com/@akella_/live


Reece Sugars Reposted

Come join us this Sunday for another episode of Threejs Monthly Talk 🫶🏻. @N8Programs and I will be talking with some friends about #threejs, careers, open space for some questions, and of course have lots of fun. Set your reminder and see you there 😍. twitter.com/i/spaces/1PlKQ…


Reece Sugars Reposted

Custom shaders can also be helpful for making things more noticeable for user interactions, which is very good for a better UX. Here, I'm using my #threejs predatorCloakMaterial to change the color of that wall with animated interactivity😍.


Reece Sugars Reposted

One of the things I love most about #threejs is the Custom Shader power. You can extend materials while keeping their properties. I created this animated shader-injected iridescent glass using the @Shadertoy Tutorial will be available soon + source code 😁 #screenshotsaturday


Reece Sugars Reposted

Our first #threejs tutorial series! Intro coming soon!

Tweet Image 1

Reece Sugars Reposted

Do you use Three.js at work? If you do, please share where you work and what your role is 🙏


Reece Sugars Reposted

came across this gem of a thread 😂 apple inventing normal maps aside, a lot of people seem to think that something like this in front end would be hard. in react UI and WebGL are one, it should be quite trivial to wire a moon into a slider: codesandbox.io/s/nice-bessie-…

The weather app on iOS 17 has the most accurate rendering of the moon I have ever seen in software 🤯 Look at how the lighting of the craters changes depending on which side the sunlight is shining from! #ios17



Reece Sugars Reposted

⚡️Live Link: projectcars.webflow.io Our #threejs Project Cars is finally live 😍. I loved it and can't say how happy I'm to be part of this fantastic team. Congratulations to all at Immersive Studios.

Project Cars Configurator Is NOW Live! Ready for a race-like experience with the new AMG GT 63? Buckle up, engine start, departure! 🏁🏁🏁 Start your configuration journey here: projectcars.webflow.io



Loading...

Something went wrong.


Something went wrong.