Загрузка видео...

Не удалось загрузить видео

На главную

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

13,936 subscribers

13,404 просмотров • 5 дней назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 3 лет назад

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 просмотров • 3 месяцев назад

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,601 просмотров • 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
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 просмотров • 3 лет назад

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 просмотров • 4 месяцев назад

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

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

Aurelien

42,157 просмотров • 1 год назад

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 просмотров • 6 месяцев назад

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

48,342 просмотров • 5 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

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 просмотров • 11 месяцев назад

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 просмотров • 1 год назад

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,537 просмотров • 1 год назад

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,189 просмотров • 1 год назад

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

69,739 просмотров • 7 дней назад

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 просмотров • 3 месяцев назад

【 🦋— 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

14,707 просмотров • 10 месяцев назад

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 просмотров • 1 год назад

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,793 просмотров • 1 год назад