正在加载视频...

视频加载失败

返回首页

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,770 subscribers

48,438 次观看 • 1 年前 •via X (Twitter)

科学技术艺术#webgl#threejs#gsap#creativecoding#generativeart
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Devo – Devon Frohne 的头像
Devo – Devon Frohne1 年前

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

DionTrades ✪ 的头像
DionTrades ✪1 年前

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:

Francesco Michelini 的头像
Francesco Michelini1 年前

Si ma stai anche calmo

murat 🍥 的头像
murat 🍥1 年前

link?

Fabio Ottaviani 的头像
Fabio Ottaviani1 年前

Maybe in the next weeks

Zaniyar | CryptoFidgets 的头像
Zaniyar | CryptoFidgets1 年前

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?

Fabio Ottaviani 的头像
Fabio Ottaviani1 年前

Vertices 📐

chatrli 的头像
chatrli1 年前

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

qew Nemo 的头像
qew Nemo1 年前

Is this polygons, SDFs or what?

Fabio Ottaviani 的头像
Fabio Ottaviani1 年前

Just vertices geometry.

Stefan Vitasović 的头像
Stefan Vitasović1 年前

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

相关视频

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,590 次观看 • 7 个月前

Messing around with some optical flow stuff! Try it for yourself: #threejs #webgl #creativecoding
0:24

Messing around with some optical flow stuff! Try it for yourself: #threejs #webgl #creativecoding

Ash Thornton

14,449 次观看 • 2 年前

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl
0:20

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,266 次观看 • 1 年前

BIOCOMPUTE #4 — CIRCUIT Reaction diffusion across an quadtree substrate, greyscale, no trails, normal lighting. JavaScript + WebGL #javascript #webgl #shaders #creativecoding #generativeart
0:30

BIOCOMPUTE #4 — CIRCUIT Reaction diffusion across an quadtree substrate, greyscale, no trails, normal lighting. JavaScript + WebGL #javascript #webgl #shaders #creativecoding #generativeart

Daniel Lever

41,500 次观看 • 3 年前

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 次观看 • 1 年前

Aurum Leaf Demo and Source Code: #threejs #webgl #creativecoding
0:39

Aurum Leaf Demo and Source Code: #threejs #webgl #creativecoding

Sabo Sugi

12,523 次观看 • 1 个月前

Sonic Nomad: A routing agent that’s slowly visiting every country on Earth… and playing that country’s current #1 song when it arrives. It uses a simple Nearest Neighbor algorithm to always fly to the closest unvisited country next. No backend. No database. Just React, Three.js , and live Apple Music RSS feeds. #SonicNomad #CreativeCoding #ThreeJS #MusicTech #BuildInPublic #WebGL #GenerativeArt
0:51

Sonic Nomad: A routing agent that’s slowly visiting every country on Earth… and playing that country’s current #1 song when it arrives. It uses a simple Nearest Neighbor algorithm to always fly to the closest unvisited country next. No backend. No database. Just React, Three.js , and live Apple Music RSS feeds. #SonicNomad #CreativeCoding #ThreeJS #MusicTech #BuildInPublic #WebGL #GenerativeArt

SHAHNAB AHMED

13,043 次观看 • 2 个月前

Well… things escalated fast. This started as me re-purposing dusty / rejected Figma concepts to study page transitions using WebGL + Taxi. Somehow it turned into a mini site with… a lot going on. Live: #webflow #threejs #gsap #webgl
0:21

Well… things escalated fast. This started as me re-purposing dusty / rejected Figma concepts to study page transitions using WebGL + Taxi. Somehow it turned into a mini site with… a lot going on. Live: #webflow #threejs #gsap #webgl

Bimo Tri. P

13,587 次观看 • 6 个月前

A video showing how I made it. #threejs #gsap
0:20

A video showing how I made it. #threejs #gsap

deadrabbbbit

82,765 次观看 • 1 年前

Added panel controls to the transmission example! 🔮 #threejs #webgl #shader #creativecoding #gui
0:50

Added panel controls to the transmission example! 🔮 #threejs #webgl #shader #creativecoding #gui

Patrick Schroen

15,161 次观看 • 3 年前

gm creative coders ☕️ Playing around with Three.js inside codevre browser editor. project link -> #creativecoding #threejs
0:28

gm creative coders ☕️ Playing around with Three.js inside codevre browser editor. project link -> #creativecoding #threejs

Tezumie

15,239 次观看 • 6 个月前

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

15,978 次观看 • 7 个月前

Playing with particles and subsurface 🤓 You can try 4.194.304 points (run smooth on my low end gpu) or more 🎆 #threejs #webgl #creativecoding
0:23

Playing with particles and subsurface 🤓 You can try 4.194.304 points (run smooth on my low end gpu) or more 🎆 #threejs #webgl #creativecoding

Kevin Levron

14,568 次观看 • 2 年前

ㅤㅤㅤㅤㅤㅤ𝐀𝐋𝐋 𝐓𝐎𝐎 𝐖𝐄𝐋𝐋 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 次观看 • 3 年前

【 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 次观看 • 1 年前

✨ 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

23,653 次观看 • 7 个月前

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :
0:20

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :

Kevin Levron

25,461 次观看 • 11 个月前

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,360 次观看 • 3 个月前

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding
0:48

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding

Hans Chiu

11,362 次观看 • 1 个月前

It was time for a Three.js Journey update. I had so many things to announce, I made a little video 🎬 The links: - First Three.js Project: - Debug UI: - Materials: - Challenges: - Selection: - Discount: #threejsJourney #threeJs
3:54

It was time for a Three.js Journey update. I had so many things to announce, I made a little video 🎬 The links: - First Three.js Project: - Debug UI: - Materials: - Challenges: - Selection: - Discount: #threejsJourney #threeJs

Bruno Simon

44,170 次观看 • 2 年前