正在加载视频...

视频加载失败

返回首页

Realtime WebGL, galaxy in a Snow Globe! (three.js, glsl and ts)

Haxiomic's profile picture

🌈 George Corney

3,514 subscribers

72,330 次观看 • 2 年前 •via X (Twitter)

艺术教育科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Silicon Jungle 的头像
Silicon Jungle2 年前

this is cool!

Ana 的头像
Ana2 年前

🤩 can this be embed in any sites? 😅

🌈 George Corney 的头像
🌈 George Corney2 年前

It certainly can be! It's screencaps from work from a year ago (trying to get over my perfectionism and share things again!) I want to make it live somewhere but will need to dig around and extract this version

Ash Thornton 的头像
Ash Thornton2 年前

This looks so nice! Would love to see a live version without the twitter compression👀

jakedowns 的头像
jakedowns2 年前

are you gonna post the code for this? or am i gonna have to recreate it? :D

XR# —The 3D UI Framework 的头像
XR# —The 3D UI Framework2 年前

Gorgeous! I guess it would look awesome in VR too

gamedev_chris 的头像
gamedev_chris2 年前

@cybereality Beautiful

Bowie 的头像
Bowie2 年前

i need this workflow

Karan Ganesan 的头像
Karan Ganesan2 年前

amazing work! ♥️

Hell-o-matic 的头像
Hell-o-matic2 年前

Terrific! Do you have an online demo to play with?

相关视频

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

WebGL portfolio is live! Designed and developed by me Link below #glsl #webgl #threejsJourney
0:50

WebGL portfolio is live! Designed and developed by me Link below #glsl #webgl #threejsJourney

Michal Zalobny

120,427 次观看 • 2 年前

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 年前

Exploring liquid aesthetics in shaders #creativecoding #shaders #webgl #glsl
0:45

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

Fabio Ottaviani

62,510 次观看 • 2 年前

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

0b5vr GLSL Techno Live Set 7 minutes of GLSL techno journey with a VJ graphics. in a 64KB WebGL Intro. Appeared in the Revision 2023 PC 64K Intro Compo.
2:05

0b5vr GLSL Techno Live Set 7 minutes of GLSL techno journey with a VJ graphics. in a 64KB WebGL Intro. Appeared in the Revision 2023 PC 64K Intro Compo.

0b5vr

106,874 次观看 • 3 年前

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders
1:46

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

35,464 次观看 • 7 个月前

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling
0:49

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Sabo Sugi

10,653 次观看 • 5 个月前

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 年前

from the archives - a particle fluid sim i'd originally built in unity now translated to webgl / Three.js ! Claude was surprisingly good at all the boring bits with glsl compatibility etc so i could focus on the creative, building on the wordmark in my folio. link below ↓
0:22

from the archives - a particle fluid sim i'd originally built in unity now translated to webgl / Three.js ! Claude was surprisingly good at all the boring bits with glsl compatibility etc so i could focus on the creative, building on the wordmark in my folio. link below ↓

Aj

23,966 次观看 • 5 个月前

Another go at implementing realtime GI in three.js demo: #threejs #javascript
0:42

Another go at implementing realtime GI in three.js demo: #threejs #javascript

Domenicobrz

29,671 次观看 • 1 年前

Presenting: Voxel global illumination demo in three.js (Link in comments) Uses voxelization in a worker thread, blue-noise powered stochastic sampling, and A-torus denoising to create a realtime GI solution that supports completely dynamic scenes. It runs at 60-80fps (w/out recording software) on an M1 mac! #threejs #webgl #gi #vxgi
1:18

Presenting: Voxel global illumination demo in three.js (Link in comments) Uses voxelization in a worker thread, blue-noise powered stochastic sampling, and A-torus denoising to create a realtime GI solution that supports completely dynamic scenes. It runs at 60-80fps (w/out recording software) on an M1 mac! #threejs #webgl #gi #vxgi

N8 Programs

34,378 次观看 • 2 年前

Close-up of the fake volumetric fog I used in my latest project #threejs #webgl #glsl #javascript #threejsjourney
0:26

Close-up of the fake volumetric fog I used in my latest project #threejs #webgl #glsl #javascript #threejsjourney

Thibaut Foussard

11,641 次观看 • 2 个月前

This is a website 🤯 Created by Abeto - a simple web-based game made with WebGL and Three.js Website: Love this!
0:28

This is a website 🤯 Created by Abeto - a simple web-based game made with WebGL and Three.js Website: Love this!

Maysarah 🇯🇵

4,830,921 次观看 • 1 个月前

Breath... A million 3D particles shift and reshape in constant motion. Built with Three.js and custom GLSL shaders, a button triggers a core surge that ripples light and motion across the swarm. 🔊
0:30

Breath... A million 3D particles shift and reshape in constant motion. Built with Three.js and custom GLSL shaders, a button triggers a core surge that ripples light and motion across the swarm. 🔊

Techartist

11,776 次观看 • 11 个月前

Excited to finally launch the new Siena Film Foundation website, crafted with G-NS Studio! A WebGL-powered experience featuring film strips, procedural sliders and cinematic-inspired animations. 🎬 Live URL → #Webflow #WebGL #Javascript #GSAP #GLSL
0:30

Excited to finally launch the new Siena Film Foundation website, crafted with G-NS Studio! A WebGL-powered experience featuring film strips, procedural sliders and cinematic-inspired animations. 🎬 Live URL → #Webflow #WebGL #Javascript #GSAP #GLSL

Niccolò Miranda

121,264 次观看 • 1 年前

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