Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

It all started with an old Three.js experiment…then I lost control. Now I can sculpt anything. Maybe a little too much. #webgl #threejs #gsap #creativecoding #generativeart

supahfunk's profile picture

Fabio Ottaviani

4,757 subscribers

48,482 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieKunst#webgl#threejs#gsap#creativecoding#generativeart
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Devo – Devon Frohne
Devo – Devon Frohnevor 1 Jahr

It's like Kai's Power Goo in 3D!

Profilbild von DionTrades ✪
DionTrades ✪vor 1 Jahr

After losing all my savings in my early days and now having $1.2M in funding, I understand trading starts with three essentials: 📚Knowledge 🤝Community 🧠Psychology That's why I created the Market Masters Community I could easily charge $50+/month for this. For a Limited Time access is absolutely FREE:

Profilbild von Francesco Michelini
Francesco Michelinivor 1 Jahr

Si ma stai anche calmo

Profilbild von murat 🍥
murat 🍥vor 1 Jahr

link?

Profilbild von Fabio Ottaviani
Fabio Ottavianivor 1 Jahr

Maybe in the next weeks

Profilbild von Zaniyar | CryptoFidgets
Zaniyar | CryptoFidgetsvor 1 Jahr

haha nice job. It somehow reminds of the loading screen of Super Mario 64... where you could pinch Marios nose.. are you manipulating directly the vertices or using shaders to do that?

Profilbild von Fabio Ottaviani
Fabio Ottavianivor 1 Jahr

Vertices 📐

Profilbild von chatrli
chatrlivor 1 Jahr

congrats, it looks super and without an invasive UI that looks complicated can i play with it too?

Profilbild von qew Nemo
qew Nemovor 1 Jahr

Is this polygons, SDFs or what?

Profilbild von Fabio Ottaviani
Fabio Ottavianivor 1 Jahr

Just vertices geometry.

Profilbild von Stefan Vitasović
Stefan Vitasovićvor 1 Jahr

Awesome! Next step, partner with a 3d printing studio, then profit.

Ähnliche Videos

What if your website felt like a living canvas? 💣 I built a WebGL experiment to test that idea. A reactive image grid powered by Three.js + GSAP + Webflow , where every tile bends, scales and reacts to your cursor like a soft “force field”. 🔗 Live demo: 🔗 Case study on Contra #WebGL #ThreeJS #GSAP #CreativeCoding #Webflow #InteractionDesign
0:23

What if your website felt like a living canvas? 💣 I built a WebGL experiment to test that idea. A reactive image grid powered by Three.js + GSAP + Webflow , where every tile bends, scales and reacts to your cursor like a soft “force field”. 🔗 Live demo: 🔗 Case study on Contra #WebGL #ThreeJS #GSAP #CreativeCoding #Webflow #InteractionDesign

Franco Beltramella | Webflow Expert

15,710 Aufrufe • vor 8 Monaten

Mega #GSAP Demo Thread I've finished my Circles Study and now I will share them all with you here. CodePen.IO demos for each AND little GSAP tips along the way! 👇 #GSAP #creativeCoding #JavaScript #CSS
0:23

Mega #GSAP Demo Thread I've finished my Circles Study and now I will share them all with you here. CodePen.IO demos for each AND little GSAP tips along the way! 👇 #GSAP #creativeCoding #JavaScript #CSS

Carl 💥 Creative Coding Club

10,756 Aufrufe • vor 2 Jahren

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding
2:34

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding

Lisha

16,793 Aufrufe • vor 9 Monaten

ㅤㅤㅤㅤㅤㅤ𝐀𝐋𝐋 𝐓𝐎𝐎 𝐖𝐄𝐋𝐋 Well, maybe we got lost in translation Maybe I asked for too much But maybe this thing was a masterpiece 'til you tore it all up Runnin' scared, I was there 𝑰 𝒓𝒆𝒎𝒆𝒎𝒃𝒆𝒓 it all too well
2:20

ㅤㅤㅤㅤㅤㅤ𝐀𝐋𝐋 𝐓𝐎𝐎 𝐖𝐄𝐋𝐋 Well, maybe we got lost in translation Maybe I asked for too much But maybe this thing was a masterpiece 'til you tore it all up Runnin' scared, I was there 𝑰 𝒓𝒆𝒎𝒆𝒎𝒃𝒆𝒓 it all too well

Rick VAI VER O AESPA ! 🍋‍🟩

11,415 Aufrufe • vor 3 Jahren

【 VTUBER LORE VIDEO 】 It all started with that website, and a little too much caffeine... But now i have a cute cat, so its okay... right? 🎨: Studio Yuraki
3:21

【 VTUBER LORE VIDEO 】 It all started with that website, and a little too much caffeine... But now i have a cute cat, so its okay... right? 🎨: Studio Yuraki

Stux �

42,378 Aufrufe • vor 1 Jahr

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap
0:48

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap

Victor Work

24,069 Aufrufe • vor 9 Monaten

I wanted to see what would happen if we stripped away pixels and polygons from a video, and instead tried to recreate moving footage using a single, unbroken, continuous line. Introducing SINGLETHREAD- experimental web app that transforms any video into a real-time, 3D oscilloscope-style sculpture, running entirely in the browser Tech Stack: React + Vite | Three.js + React-three-fiber + Postprocessing (Bloom glow) #CreativeCoding #ThreeJS #ReactThreeFiber #WebGL #GenerativeArt #TechArt #Frontend #3D
0:33

I wanted to see what would happen if we stripped away pixels and polygons from a video, and instead tried to recreate moving footage using a single, unbroken, continuous line. Introducing SINGLETHREAD- experimental web app that transforms any video into a real-time, 3D oscilloscope-style sculpture, running entirely in the browser Tech Stack: React + Vite | Three.js + React-three-fiber + Postprocessing (Bloom glow) #CreativeCoding #ThreeJS #ReactThreeFiber #WebGL #GenerativeArt #TechArt #Frontend #3D

SHAHNAB AHMED

75,562 Aufrufe • vor 4 Monaten

ASTRODITHER. LIVE. NOW. ✨ An audio reactive Astro / Three.js webGPU experiment with TSL, custom fluid sim, selective bloom, postprocessing, dithering, time warp and much more i don't even remember. Enjoy it, with audio clearly. 🔊 ↓↓
0:34

ASTRODITHER. LIVE. NOW. ✨ An audio reactive Astro / Three.js webGPU experiment with TSL, custom fluid sim, selective bloom, postprocessing, dithering, time warp and much more i don't even remember. Enjoy it, with audio clearly. 🔊 ↓↓

Robert Borghesi

23,855 Aufrufe • vor 10 Monaten

Cyberpunk-ish ⚡️ Maybe not an entire city…but at least one rainy alley built with #threejs + WebGPU that weighs only 15 MB. Live link: This is also a sneak peek at some of the techniques that Sunag and I will be covering during our workshop at Three.js Conf Paris. More on that below 🤗 I hope you like it #WebGPU #creativecoding #threejsJourney
2:39

Cyberpunk-ish ⚡️ Maybe not an entire city…but at least one rainy alley built with #threejs + WebGPU that weighs only 15 MB. Live link: This is also a sneak peek at some of the techniques that Sunag and I will be covering during our workshop at Three.js Conf Paris. More on that below 🤗 I hope you like it #WebGPU #creativecoding #threejsJourney

Anderson Mancini

96,269 Aufrufe • vor 21 Tagen

maybe we got lost in translation, maybe i asked for too much.. maybe this thing was a masterpiece, till you tore it apart.
0:31

maybe we got lost in translation, maybe i asked for too much.. maybe this thing was a masterpiece, till you tore it apart.

🧸

11,361 Aufrufe • vor 1 Jahr

I’m sick and tired. Random old stuff just to vent a little bit. I fear I’m not gonna attend Napoli Comicon. 🥲 Lately, I started getting sick super often (just a cold, nothing serious!). Is it maybe become I’m becoming “old” and I travel too much? Who knows?!!!!! 🤭
0:46

I’m sick and tired. Random old stuff just to vent a little bit. I fear I’m not gonna attend Napoli Comicon. 🥲 Lately, I started getting sick super often (just a cold, nothing serious!). Is it maybe become I’m becoming “old” and I travel too much? Who knows?!!!!! 🤭

Mirka Andolfo Fumettis

26,578 Aufrufe • vor 1 Jahr

fable is wild personal sites used to feel like so much effort. now you really can just ship new toy versions whenever the mood strikes i pretty much one-shotted this navigable matrix hallway site WebGL + Three.js, with a custom shader
0:46

fable is wild personal sites used to feel like so much effort. now you really can just ship new toy versions whenever the mood strikes i pretty much one-shotted this navigable matrix hallway site WebGL + Three.js, with a custom shader

kristin eberth

16,560 Aufrufe • vor 2 Monaten

👉🏻 My #threejs portfolio was accepted as a nominee on awwwards. 😍. The votes are open until August 15th. After 4 years in this #threejsJourney, putting into practice the things I've learned from this amazing course, it is the first time that I have had enough personal projects to compile a portfolio 😊. I'm glad that I started this journey, and I hope I can keep inspiring and helping others 🙏🏻. #creativecoding #webgl #r3f
0:43

👉🏻 My #threejs portfolio was accepted as a nominee on awwwards. 😍. The votes are open until August 15th. After 4 years in this #threejsJourney, putting into practice the things I've learned from this amazing course, it is the first time that I have had enough personal projects to compile a portfolio 😊. I'm glad that I started this journey, and I hope I can keep inspiring and helping others 🙏🏻. #creativecoding #webgl #r3f

Anderson Mancini

10,550 Aufrufe • vor 2 Jahren

This Deliver Mail on Tiny Colorful Planet build with Three.js WebGL is a website from . it is so cool, it blows my mind how beautiful and smooth it is.🙌🏻 It’s really well executed, and I highly recommend visiting the website and experiencing it yourself. If there was a “Showcase of the Day,” this would definitely be it. 🔥 #threejs #3D #webdesign #webgl #webgpu
2:08

This Deliver Mail on Tiny Colorful Planet build with Three.js WebGL is a website from . it is so cool, it blows my mind how beautiful and smooth it is.🙌🏻 It’s really well executed, and I highly recommend visiting the website and experiencing it yourself. If there was a “Showcase of the Day,” this would definitely be it. 🔥 #threejs #3D #webdesign #webgl #webgpu

Three.js Resources

11,249 Aufrufe • vor 10 Monaten

Not only have I remade #Balatro’s card behaviour in WebGL I’ve now got custom #glsl shaders running on the cards too! Built with #threejs If this post hits 1k likes, I’ll drop a free & beginner-friendly video explaining exactly how I did it #threejsjourney #100DaysOfCode
0:34

Not only have I remade #Balatro’s card behaviour in WebGL I’ve now got custom #glsl shaders running on the cards too! Built with #threejs If this post hits 1k likes, I’ll drop a free & beginner-friendly video explaining exactly how I did it #threejsjourney #100DaysOfCode

Alex

37,795 Aufrufe • vor 1 Jahr

A little bit too far in remaking an old Zeraora parade balloon. I just intended to make a flat image, then decided to make it animated
0:36

A little bit too far in remaking an old Zeraora parade balloon. I just intended to make a flat image, then decided to make it animated

Makishi! Even your friend makes fun of me!

17,385 Aufrufe • vor 1 Jahr

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:
0:32

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:

The Bugged Dev

46,011 Aufrufe • vor 4 Monaten

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl
0:40

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Joseph Azar

148,148 Aufrufe • vor 3 Monaten

🕹️ Paris-based creative studio Little Workshop (Little Workshop) just reminded us why browser-based 3D experiences still have so much untapped potential. For Netlify's 5 million developer milestone, they built a full Marble Madness-inspired game that runs flawlessly in the browser. The technical execution is impressive: → Three.js + custom render pipeline for WebGL → Rapier physics engine (Rust via WASM) → Unity → Blender → GLTF pipeline for level design → CSS 3D transforms for UI overlays → Smart keyboard API usage for international layout support. Give it a run. It's both fun and informative. #WebGL #GameDev #ThreeJS #CreativeCoding #Netlify
0:54

🕹️ Paris-based creative studio Little Workshop (Little Workshop) just reminded us why browser-based 3D experiences still have so much untapped potential. For Netlify's 5 million developer milestone, they built a full Marble Madness-inspired game that runs flawlessly in the browser. The technical execution is impressive: → Three.js + custom render pipeline for WebGL → Rapier physics engine (Rust via WASM) → Unity → Blender → GLTF pipeline for level design → CSS 3D transforms for UI overlays → Smart keyboard API usage for international layout support. Give it a run. It's both fun and informative. #WebGL #GameDev #ThreeJS #CreativeCoding #Netlify

WebGL / WebGPU

18,949 Aufrufe • vor 7 Monaten