Загрузка видео...

Не удалось загрузить видео

На главную

Exploring liquid aesthetics in shaders #creativecoding #shaders #webgl #glsl

supahfunk's profile picture

Fabio Ottaviani

4,776 subscribers

62,503 просмотров • 2 лет назад •via X (Twitter)

Наука и технологииОбразованиеИскусство#creativecoding#shaders#webgl#glsl
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 10

Фото профиля Richard Mattka
Richard Mattka2 лет назад

Looking super nice!

Фото профиля Fabio Ottaviani
Fabio Ottaviani2 лет назад

Thanks Richard 💧🔮

Фото профиля Henry Dan
Henry Dan2 лет назад

@heyjohannes Looks awesome! I can't tell if I'm inspired to learn webgl now or make a sunny side up egg

Фото профиля Zeth Dean
Zeth Dean2 лет назад

Really incredible stuff. Out of curiosity, If you were to load this into a browser (say as a hero background), do you think it would be a noticeable load time?

Фото профиля Fabio Ottaviani
Fabio Ottaviani2 лет назад

No, it's a webgl content and not even very complex, it has practically no loading times.

Фото профиля 🆅🅸🅽🅲🅴
🆅🅸🅽🅲🅴2 лет назад

That’s gorgeous. 😍

Фото профиля Balraj Johal
Balraj Johal2 лет назад

wow that's so fluid, really clean!

Фото профиля Maxime
Maxime2 лет назад

the one and only glsl king

Фото профиля Fabio Ottaviani
Fabio Ottaviani2 лет назад

No, please don't refer to me as a king! Out of respect for the true shader kings!

Фото профиля Oleg Kovalenko
Oleg Kovalenko2 лет назад

Magical🧙

Похожие видео

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 лет назад

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,263 просмотров • 13 дней назад

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇
0:36

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

13,326 просмотров • 1 год назад

God I missed writing tiny #glsl shaders
0:22

God I missed writing tiny #glsl shaders

kishimisu

14,182 просмотров • 2 месяцев назад

here’s GPT-4 writing midi-controllable GLSL shaders
1:39

here’s GPT-4 writing midi-controllable GLSL shaders

harley turan

78,697 просмотров • 3 лет назад

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇
0:50

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇

Techartist

29,367 просмотров • 10 месяцев назад

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 просмотров • 1 год назад

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:49

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

11,398 просмотров • 1 год назад

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇
0:48

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇

Techartist

13,955 просмотров • 1 год назад

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript
0:26

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

Techartist

14,977 просмотров • 1 год назад

Analog UI experimentitation, canvas for the UI elements, shaders for postprocessing. #creativecoding #generativeart
0:37

Analog UI experimentitation, canvas for the UI elements, shaders for postprocessing. #creativecoding #generativeart

Bart Simons

10,361 просмотров • 3 месяцев назад

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 месяцев назад

Realtime GLSL programming with a touch of mediapipe. TouchDesigner TD environment, 60fps, regular webcam. Vertex & Pixel shaders. 💦 #glsl #CodingChallenge
0:28

Realtime GLSL programming with a touch of mediapipe. TouchDesigner TD environment, 60fps, regular webcam. Vertex & Pixel shaders. 💦 #glsl #CodingChallenge

ScottieFox

62,929 просмотров • 1 год назад

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders
0:30

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders

AA

47,279 просмотров • 1 месяц назад

shimmering shaders buttery-smooth motion wild what the web can do nowadays ✨ built with Cursor, threejs/glsl, motion
0:20

shimmering shaders buttery-smooth motion wild what the web can do nowadays ✨ built with Cursor, threejs/glsl, motion

Ryo Lu

57,246 просмотров • 1 год назад

🚀 Exciting news😍. My new material for #ref is finally here! 🎉 It allows smooth color transitions, making life easier for devs. ✨ Free version for basic transitions ✨ Premium version with GLSL shaders for amazing effects 🔗 #threejs #creativecoding
1:37

🚀 Exciting news😍. My new material for #ref is finally here! 🎉 It allows smooth color transitions, making life easier for devs. ✨ Free version for basic transitions ✨ Premium version with GLSL shaders for amazing effects 🔗 #threejs #creativecoding

Anderson Mancini

16,274 просмотров • 1 год назад

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders
0:51

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 просмотров • 6 месяцев назад

🌿WIP of shaders in Unreal!🌿 #3DArt #GameDev #UnrealEngine #CharacterArt #Shaders #WIP
0:20

🌿WIP of shaders in Unreal!🌿 #3DArt #GameDev #UnrealEngine #CharacterArt #Shaders #WIP

✨Roanna✨

43,783 просмотров • 2 месяцев назад

Meet Kimi K2.6 agent - Video hero section, WebGL shaders, real backends. From one prompt. 🔹 Video hero sections - cinematic aesthetic, auto-composited 🔹 WebGL shader animations - native GLSL / WGSL, liquid metal, caustics, raymarching 🔹 Motion design - GSAP + Framer Motion 🔹 Backend database: Kimi wires up auth + database + backend in one pass. 🔹 Website stack - React 19 + TypeScript + Vite + Tailwind + shadcn/ui 🔹 3D w/ physically-based lighting - Three.js + React Three Fiber
0:43

Meet Kimi K2.6 agent - Video hero section, WebGL shaders, real backends. From one prompt. 🔹 Video hero sections - cinematic aesthetic, auto-composited 🔹 WebGL shader animations - native GLSL / WGSL, liquid metal, caustics, raymarching 🔹 Motion design - GSAP + Framer Motion 🔹 Backend database: Kimi wires up auth + database + backend in one pass. 🔹 Website stack - React 19 + TypeScript + Vite + Tailwind + shadcn/ui 🔹 3D w/ physically-based lighting - Three.js + React Three Fiber

Kimi.ai

385,550 просмотров • 1 месяц назад

These are all the shaders we've created so far while writing the Unity Shaders Bible and Shaders & Procedural Shapes in Unity! Want to learn shaders? Start step by step today! ✨ #unity3d #indiedev #3DCG
0:30

These are all the shaders we've created so far while writing the Unity Shaders Bible and Shaders & Procedural Shapes in Unity! Want to learn shaders? Start step by step today! ✨ #unity3d #indiedev #3DCG

The Unity Shaders Bible

95,266 просмотров • 6 месяцев назад