Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 25 Tagen •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 5 Monaten

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

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

Aurelien

42,157 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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,194 Aufrufe • vor 1 Jahr

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,080 Aufrufe • vor 26 Tagen

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 Aufrufe • vor 4 Monaten

【 🦋— 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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 4 Monaten

35mm is a website showcasing film photography through the lenses of the iconic Cannon F1 ! I had a ton of fun building this with Three.js and GSAP live link 👇
0:18

35mm is a website showcasing film photography through the lenses of the iconic Cannon F1 ! I had a ton of fun building this with Three.js and GSAP live link 👇

chakib

40,806 Aufrufe • vor 1 Jahr