Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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_'s profile picture

Techartist

14,025 subscribers

14,069 görüntüleme • 29 gün ö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

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
0:14

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

15,991 görüntüleme • 3 yıl önce

An interactive 3D particle system that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches. Built with Three.js, features a sci-fi HUD, live stats, trails, and smooth camera controls.
0:18

An interactive 3D particle system that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches. Built with Three.js, features a sci-fi HUD, live stats, trails, and smooth camera controls.

Techartist

22,919 görüntüleme • 4 ay önce

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO
0:18

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

43,624 görüntüleme • 1 yıl önce

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
0:16

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

Math and Music: Interactive 3D Three.js visualization of the Hindmarsh–Rose neuron model, rendered as a glowing chaotic attractor with particle energy flow, bloom effects, orbit controls, and color themes. Demo/code in comments. 👇
0:14

Math and Music: Interactive 3D Three.js visualization of the Hindmarsh–Rose neuron model, rendered as a glowing chaotic attractor with particle energy flow, bloom effects, orbit controls, and color themes. Demo/code in comments. 👇

Techartist

21,714 görüntüleme • 5 ay önce

omg.. another three.js madness.. demo and repo 👇
0:18

omg.. another three.js madness.. demo and repo 👇

Aurelien

42,157 görüntüleme • 1 yıl önce

Built an interactive 3D particle system with Grok 4.1 that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches, with a sci fi HUD, live stats, trails, and smooth camera controls.
0:18

Built an interactive 3D particle system with Grok 4.1 that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches, with a sci fi HUD, live stats, trails, and smooth camera controls.

Techartist

83,844 görüntüleme • 7 ay önce

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇
0:12

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

Mohamed Djoudir

49,049 görüntüleme • 5 ay önce

New favorite noise function! I had lots of fun tweaking the yonatan shader and ended up using it as a semi-transparent overlay With color changing on scroll and slight cursor response, the total code size is still <9 kb 🫣 Live demo & source code: Original algorithm:
0:13

New favorite noise function! I had lots of fun tweaking the yonatan shader and ended up using it as a semi-transparent overlay With color changing on scroll and slight cursor response, the total code size is still <9 kb 🫣 Live demo & source code: Original algorithm:

Ksenia Kondrashova

20,374 görüntüleme • 2 yıl önce

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic
0:19

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic

Puneet | Techartist

17,960 görüntüleme • 1 yıl önce

Fork of an old demo - "Liquid glass" effect using #threejs MeshPhysicalMaterial with a fully ray marched surface made of SDFs Live: Code:
0:10

Fork of an old demo - "Liquid glass" effect using #threejs MeshPhysicalMaterial with a fully ray marched surface made of SDFs Live: Code:

Faraz

25,887 görüntüleme • 1 yıl önce

working on a little guy that writes swift / iOS / Mac code for you. give him simple tasks and he will make you a pr! and LOOK at the dock icon...
0:15

working on a little guy that writes swift / iOS / Mac code for you. give him simple tasks and he will make you a pr! and LOOK at the dock icon...

nate parrott

29,120 görüntüleme • 1 yıl önce

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

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

OneBit

218,601 görüntüleme • 1 yıl önce

Delighted to announce that JupiterZ is finally live! With a unique RFQ model designed specifically for Solana, enjoy gasless swaps and 0% slippage with a single toggle 👌 All swaps will pick the best price between our routing engine and RFQ for max convenience to all users.
0:18

Delighted to announce that JupiterZ is finally live! With a unique RFQ model designed specifically for Solana, enjoy gasless swaps and 0% slippage with a single toggle 👌 All swaps will pick the best price between our routing engine and RFQ for max convenience to all users.

Jupiter

365,218 görüntüleme • 1 yıl önce

yoojung casually switching between rap and vocals. she’s called an ace for a reason.
0:19

yoojung casually switching between rap and vocals. she’s called an ace for a reason.

aki

70,119 görüntüleme • 1 ay önce

Path tracing? Nah. Back to ray marching. A live-morphing gem with cool refractions and dispersion ✨ #glsl
0:14

Path tracing? Nah. Back to ray marching. A live-morphing gem with cool refractions and dispersion ✨ #glsl

Jae

14,311 görüntüleme • 4 ay önce

【 🦋— overlay 】 Pastel • glass • butterflies Had the opportunity to design and animate an overlay for #iliana_vt! Thank you for having me!
0:14

【 🦋— overlay 】 Pastel • glass • butterflies Had the opportunity to design and animate an overlay for #iliana_vt! Thank you for having me!

shiina | aeru studio (hiatus)

15,285 görüntüleme • 11 ay önce

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. 🔊
0:14

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

Townhall Showcase on Monday 23rd • A Live UTS Demo • A live demo of TEE in Data Feeds • A live demo of the fastest, and fully abstracted cross-chain messaging (UIP) • Updates from Trillion and ZeroSum • A new project: Universal Agents Along with updates on all our tech developments and much more!
0:18

Townhall Showcase on Monday 23rd • A Live UTS Demo • A live demo of TEE in Data Feeds • A live demo of the fastest, and fully abstracted cross-chain messaging (UIP) • Updates from Trillion and ZeroSum • A new project: Universal Agents Along with updates on all our tech developments and much more!

Entangle

16,058 görüntüleme • 1 yıl önce