Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

moving shader controls inside the CRT's ui. built with threejs / webgpu

codetaur's profile picture

Codetaur

8,099 subscribers

21,043 görüntüleme • 3 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader
0:32

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader

Codetaur

29,792 görüntüleme • 3 ay önce

working on adding decent bitmap font support to my crt shader in threejs / webgpu
0:23

working on adding decent bitmap font support to my crt shader in threejs / webgpu

Codetaur

53,846 görüntüleme • 6 ay önce

I moved the bitmap ui layer into the threejs scene itself instead of injecting it between the three scene and the CRT shader
0:24

I moved the bitmap ui layer into the threejs scene itself instead of injecting it between the three scene and the CRT shader

Codetaur

15,848 görüntüleme • 6 ay önce

ascii fluid. in threejs / tsl / webgpu
0:48

ascii fluid. in threejs / tsl / webgpu

Codetaur

59,294 görüntüleme • 5 ay önce

still very much a WIP but here's my threejs CRT (requires webgpu) the main interesting parameter you might want to change is "scan framerate" controls for julia set are WASD, QE, arrow keys, and R to reset.
0:25

still very much a WIP but here's my threejs CRT (requires webgpu) the main interesting parameter you might want to change is "scan framerate" controls for julia set are WASD, QE, arrow keys, and R to reset.

Codetaur

35,497 görüntüleme • 8 ay önce

wildfire + smoke visualization, built with threejs + mapbox
0:33

wildfire + smoke visualization, built with threejs + mapbox

Codetaur

59,814 görüntüleme • 3 ay önce

Quick exploration. Moving images along paths. Made with #threejs #tsl #webgpu.
0:21

Quick exploration. Moving images along paths. Made with #threejs #tsl #webgpu.

Seyi

35,957 görüntüleme • 3 ay önce

gradient primitive with gradients made from VGA 256 palette in CRT shader UI system
0:37

gradient primitive with gradients made from VGA 256 palette in CRT shader UI system

Codetaur

197,882 görüntüleme • 6 ay önce

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 görüntüleme • 3 yıl önce

well I was back to working on my threejs crt shader with fable before they killed it so... now wtf do I do
0:39

well I was back to working on my threejs crt shader with fable before they killed it so... now wtf do I do

Codetaur

37,902 görüntüleme • 3 ay önce

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader
0:22

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader

Codetard

82,084 görüntüleme • 1 yıl önce

made my threejs "pixel screen" shader more generic. give it a 2D grid of pixels and it does the rest. so obviously, bad apple.
0:53

made my threejs "pixel screen" shader more generic. give it a 2D grid of pixels and it does the rest. so obviously, bad apple.

Codetard

19,438 görüntüleme • 1 yıl önce

Check out our latest work. An immersive digital story for IVRESS (Japan). Built with #threejs and #webgpu.
0:21

Check out our latest work. An immersive digital story for IVRESS (Japan). Built with #threejs and #webgpu.

Utsubo

15,589 görüntüleme • 5 ay önce

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

Techartist

18,168 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

started rebuilding my whole threejs procedural space city shader so that it supports partial cylinders, concave and convex curves, etc. and added a billion generation parameters.
0:37

started rebuilding my whole threejs procedural space city shader so that it supports partial cylinders, concave and convex curves, etc. and added a billion generation parameters.

Codetaur

37,678 görüntüleme • 8 ay önce

Folding image transition. Made with #threejs #tsl #webgpu.
0:24

Folding image transition. Made with #threejs #tsl #webgpu.

Seyi

12,076 görüntüleme • 2 ay önce

prototype of a recursive time helix calendar/history, with nested coils from centuries -> decades -> years -> days -> hours -> minutes -> seconds. labels need some work but it's the start of something. based almost entirely on Tim Babb 's sketch/idea. in threejs/webgpu
0:57

prototype of a recursive time helix calendar/history, with nested coils from centuries -> decades -> years -> days -> hours -> minutes -> seconds. labels need some work but it's the start of something. based almost entirely on Tim Babb 's sketch/idea. in threejs/webgpu

Codetaur

111,158 görüntüleme • 6 ay önce

Built this procedural prop scatter system for a larger personal project of mine 👀 Loving working in WebGPU with all the new Postprocessing effects! #threejs #r3f
0:22

Built this procedural prop scatter system for a larger personal project of mine 👀 Loving working in WebGPU with all the new Postprocessing effects! #threejs #r3f

Faraz

34,003 görüntüleme • 3 ay önce

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .
3:17

ThreeJS WebGPU RollerCoaster 2 - #threejs #gamedev and Smart Looper Video Recorder Desktop. This demos a game written in threeJS along with a screen recorder (video and audiomix recorder). Both work together for 100% open source win with advanced #GPU #WebGPU and #musicvideo .

Aaron Wacker

47,394 görüntüleme • 6 ay önce