Road component for @threejs @reactthreefiber @WebGPU . It uses my POM library that you can find here: github.com/promontis/threejs… There are also other road configurations possible.

Played it, can't believe this is one shot.

A brilliant and highly informative project. I appreciate how clearly it makes sea level rise visible, because tools like this can support stronger climate resilience planning.

We still doing the global warming thing?

How resilient is your country to rising oceans? Introducing Rise Sight - an interactive 3D sandbox turning global elevation data into responsive climate scenarios. Built entirely client-side. @threejs @reactthreefiber #Geospatial #CreativeCoding #BuildInPublic

forged from light and math. Issue 004 | Ice, Baby!! @reactthreefiber @threejs

Ice, Baby! feels like a cool remix of classic beats rendered in code.

My historical 3D battle map new update (WIP) Over the last few weeks I've been reworking the atmosphere and battlefield readability. Built with React Three Fiber Three.js. #threejs #reactthreefiber #gamedev #webgl

forged from light and math. Issue 003 | The Illusion @reactthreefiber @threejs

Just finished building a 3D AI-powered smartwatch advertisement with React, Three.js, React Three Fiber, AI-generated voiceover, AI-generated commercial copy, cinematic camera movements, and a futuristic AI city environment. Live Demo:product-ads-theta.vercel.app… This project demonstrates how modern brands can move beyond static images and traditional video ads by creating: 🔹 Interactive 3D product showcases 🔹 Immersive digital advertising experiences 🔹 AI-assisted commercial production workflows 🔹 Real-time product visualization for web and mobile 🔹 High-end product launches without expensive CGI pipelines 🔹 Engaging storytelling through motion, lighting, and AI-generated contentApplications include:• Luxury watches • Consumer electronics • Smartphones • Automotive marketing • Fashion & accessories • Product launch campaigns • Exhibition and trade show displays • E-commerce product experiences. The future of digital advertising is interactive, immersive, and increasingly powered by AI. #ThreeJS #ReactThreeFiber #WebGL #3DAnimation #3DAds #ProductVisualization #AIGenerated #CreativeDeveloper #FrontendDeveloper #DigitalAdvertising #MarketingTechnology #InteractiveExperience #JavaScript #WebDevelopment #InnovationThis positions the project not merely as a smartwatch demo, but as a 3D advertising framework that can be adapted for multiple products and commercial campaigns.

We built a quick browser app because we hated opening heavy software just to see a flat SVG logo in 3D. It was just a fun R and D experiment, but it turned out so cool we made it completely free with no paywall. The tech stack we used to bring this to life: - @nextjs with @reactjs - @threejs and @reactthreefiber - Drei with R3F postprocessing for screen space effects gainmap js for physically accurate HDR lighting - @tailwindcss and Motion for animations - Zustand and Zod - mediabunny and sharp for server side media processing We also integrated @payloadcms so the backend is completely ready when we decide to roll out user accounts, saved presets, and custom galleries in the future. Expect some bugs since it is a very early alpha. Go play with it and let us know what you think, link is in the replies below!

3Dモデルが少しずつ姿を変えていく演出を、React Three Fiberでどう作ったかを記事にしました。 useFrame、GLBとOBJの扱い、BloomやSparklesの入れ方までまとめています。 Zenn: zenn.dev/taketake_skills/art… #ReactThreeFiber #Threejs #WebGL

plateau-r3f をオープンソースで公開しました。 日本の PLATEAU 3D 都市モデルを、Web インタラクションやデータ可視化に使える React / Three.js コンポーネントとして扱えます。 Live demo: r3f.plateau.yodolabs.jp #PLATEAU #threejs #ReactThreeFiber #WebGL #GIS #OpenSource

One of the best things about building interactive experiences with #threejs is the creative freedom it unlocks. These controls helped @dieg0liv and me to tweak the scene to our desire 😊. In this video, I’m showcasing some of the custom scene controls I built, allowing the environment to be transformed in countless ways in real time. What I enjoy most is that these debug tools also become a great way to share the process behind the work, making it easier to understand how everything was designed and developed. I've learned a lot when other developers share how the project was constructed. So I decided to share a bit on how it works behind the scenes. You can explore these debug parameters yourself here: 👉 cerealbnb-demo.vercel.app/ If you’re curious about any specific part of the project or want to know how something was built, drop a question in the comments. I’m always happy to share insights from the development process. #CreativeCoding #ThreeJS #ReactThreeFiber #WebGL #ShaderArt #InteractiveDesign #CreativeDevelopment #ThreeJSJourney

Mapping Lighthouses of the World 45,967 lighthouse stations plotted across the globe. Dense coastlines glow like circuit traces at night. Built with @threejs · @reactthreefiber · @typescript Data: Kaggle Lighthouse Locations #dataviz #threejs #webgl #buildinpublic #react

Thank you, I appreciate that!