正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Recreation challenge of Parse/Error 's piece. Made possible with Three.js and custom glsl shaders, running online in real-time. Live link 🔴👉 Code repo 📖👉 Code breakdown coming soon #threejs #glsl #npm #ts #nextjs

Marius Ballot

1,223 subscribers

16,769 次观看 • 3 年前 •via X (Twitter)

#threejs #glsl #npm #ts #nextjs

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Draw GLSL flowers with your cursor! 🌺 One full-screen plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtool

Draw GLSL flowers with your cursor! 🌺 One full-screen plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtool

Ksenia Kondrashova

28,620 次观看 • 3 年前

someone stop me, I am playing around with particles again stack used: - threejs - javascript - shaders written in glsl more 3D sketches made with javascript and their source code completely open-source 👇🏼

someone stop me, I am playing around with particles again stack used: - threejs - javascript - shaders written in glsl more 3D sketches made with javascript and their source code completely open-source 👇🏼

Sagar ✭

219,647 次观看 • 1 年前

Portfolio in progress, part 2 #threejs #webgl #javascript #creativecoding #shaders #glsl

Portfolio in progress, part 2 #threejs #webgl #javascript #creativecoding #shaders #glsl

Thibaut Foussard

82,817 次观看 • 3 年前

Smoke wants out. Glass won’t let it. #threejs #glsl #shaders

Smoke wants out. Glass won’t let it. #threejs #glsl #shaders

Fabio Ottaviani

45,021 次观看 • 11 个月前

$GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO$

GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

16,008 次观看 • 3 年前

I built a website where you can browse the #threejs shaders code by expanding the <includes> in place. It gives a better understanding of what the code is doing without having to open each file individually. #glsl #WebGL

I built a website where you can browse the #threejs shaders code by expanding the <includes> in place. It gives a better understanding of what the code is doing without having to open each file individually. #glsl #WebGL

grgrdvrt

23,622 次观看 • 2 年前

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Dan Greenheck

20,928 次观看 • 1 年前

made this interactive pattern with GLSL code for a website I'm working on

made this interactive pattern with GLSL code for a website I'm working on

OneBit

219,150 次观看 • 1 年前

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders

If I had to choose one thing to do, it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders

Ksenia Kondrashova

51,886 次观看 • 3 年前

An abstract generative sculpture exploring knots, energy flow, and emergent structure in 3D space. Coded with Google Gemini 3.1 Pro using Three.js and GLSL shaders. 🔊

An abstract generative sculpture exploring knots, energy flow, and emergent structure in 3D space. Coded with Google Gemini 3.1 Pro using Three.js and GLSL shaders. 🔊

Techartist

22,595 次观看 • 8 个月前

<Frozen> is now open source!😊 Try it out👉 <Frozen> // your r3f scene </Frozen> #threejs #r3f #WebGL #r3f #GLSL #shaders

<Frozen> is now open source!😊 Try it out👉 <Frozen> // your r3f scene </Frozen> #threejs #r3f #WebGL #r3f #GLSL #shaders

ハシモトタクマ / FunTech

51,908 次观看 • 1 年前

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code 👇

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code 👇

Techartist

14,639 次观看 • 5 个月前

Proof that maths is beautiful. • Featuring Calabi–Yau-inspired geometry, a Lidinoid surface and an Orrery hypersurface • Built with Three.js, GLSL shaders and marching tetrahedra

Proof that maths is beautiful. • Featuring Calabi–Yau-inspired geometry, a Lidinoid surface and an Orrery hypersurface • Built with Three.js, GLSL shaders and marching tetrahedra

Techartist

27,207 次观看 • 3 个月前

how is this even possible!! this level of gorgeousness in threejs!!! built a moonlit swamp in Three.js now stare at water reflections for unhealthy amounts of time. made with Astra Ultra Code. this whole AI builder era feels unreal. 🌙

how is this even possible!! this level of gorgeousness in threejs!!! built a moonlit swamp in Three.js now stare at water reflections for unhealthy amounts of time. made with Astra Ultra Code. this whole AI builder era feels unreal. 🌙

Chetan Ankola

127,926 次观看 • 1 个月前

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

59,771 次观看 • 3 年前

Ray marching study #raymarching #glsl #r3f #threejs

Ray marching study #raymarching #glsl #r3f #threejs

Kenta Watashima

26,066 次观看 • 2 年前

Morphing toruses #raymarching #glsl #r3f #threejs

Morphing toruses #raymarching #glsl #r3f #threejs

Kenta Watashima

15,346 次观看 • 2 年前

Really wanted to try the three.js challenge of the day ! 🌍 But only using #glsl Full raymarch, procedural biomes and animated clouds.

Really wanted to try the three.js challenge of the day ! 🌍 But only using #glsl Full raymarch, procedural biomes and animated clouds.

Jae

29,588 次观看 • 6 个月前

visualizing the lorenz attractor with claude code, threejs, webgl shaders formula and parameters shown

visualizing the lorenz attractor with claude code, threejs, webgl shaders formula and parameters shown

AA

22,083 次观看 • 10 个月前