Loading video...

Video Failed to Load

Go Home

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

uuuuuulala's profile picture

Ksenia Kondrashova

8,699 subscribers

15,991 views • 3 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 views • 3 years ago

Rube Goldberg HTML form! Tbh I spent way too much time on this one haha. As fun as it is useless :) Live demo & source code: Hosted on CodePen.IO Made with #GSAP GSAP
0:19

Rube Goldberg HTML form! Tbh I spent way too much time on this one haha. As fun as it is useless :) Live demo & source code: Hosted on CodePen.IO Made with #GSAP GSAP

Ksenia Kondrashova

65,282 views • 1 year ago

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 views • 1 year ago

It's October, my dudes! I've redone one of my fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IO
0:18

It's October, my dudes! I've redone one of my fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

99,480 views • 2 years ago

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 👇
0:15

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,069 views • 24 days ago

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 views • 2 years ago

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL
0:18

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

Matias 🧉

12,954 views • 27 days ago

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 views • 1 year ago

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 views • 5 months ago

Made a lil illustration in Figma draw with dynamic stroke and texture effects and text on a path. I dared to paste the SVG code into CodePen.IO ... this is what happened... Spoiler alert... It worked! ˗ˏˋ rogie ˎˊ˗ Lauren Budorick 𝕞𝕒𝕩𝕧𝕠𝕝𝕥𝕒𝕣 you super amazing brilliant beautiful people! This is delight!
0:15

Made a lil illustration in Figma draw with dynamic stroke and texture effects and text on a path. I dared to paste the SVG code into CodePen.IO ... this is what happened... Spoiler alert... It worked! ˗ˏˋ rogie ˎˊ˗ Lauren Budorick 𝕞𝕒𝕩𝕧𝕠𝕝𝕥𝕒𝕣 you super amazing brilliant beautiful people! This is delight!

miggi from figgi

20,227 views • 1 year ago

Jack Whitehall hosts Saturday Night Live UK this week, with music from Jorja Smith. Saturday 10pm on Sky
0:20

Jack Whitehall hosts Saturday Night Live UK this week, with music from Jorja Smith. Saturday 10pm on Sky

Sky TV

7,739,428 views • 2 months ago

Saturday Night On Broadway on Saturday Night Live.
0:15

Saturday Night On Broadway on Saturday Night Live.

Hamilton

48,978 views • 1 year ago

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 views • 1 year ago

Liquid UI based on Metaball interaction. This is way harder to achieve with static graphic tools.
0:11

Liquid UI based on Metaball interaction. This is way harder to achieve with static graphic tools.

Dimitri Novikov 🇺🇦

25,811 views • 1 year ago

More than just a selfie with “EL IDOLO” ANDRADE this time! Watch #AEWDynamite LIVE on TBS &amp; HBO Max
0:11

More than just a selfie with “EL IDOLO” ANDRADE this time! Watch #AEWDynamite LIVE on TBS &amp; HBO Max

All Elite Wrestling

99,242 views • 5 months ago

Ariana Grande closes out the night with Cher and Bowen Yang on Saturday Night Live.
0:18

Ariana Grande closes out the night with Cher and Bowen Yang on Saturday Night Live.

Pop Base

42,097 views • 6 months ago

Another night. Another statement opportunity. Indiana Fever vs. Portland Fire streaming live this Saturday 8pm ET on Paramount+
0:10

Another night. Another statement opportunity. Indiana Fever vs. Portland Fire streaming live this Saturday 8pm ET on Paramount+

Paramount+

32,482 views • 1 month ago

Sabrina Carpenter making an appearance on Saturday Night Live with host Quinta Brunson!
0:19

Sabrina Carpenter making an appearance on Saturday Night Live with host Quinta Brunson!

Sabrina Carpenter Daily 💋

47,085 views • 1 year ago

wow.. this is stunning this earth animation on this landing page is so cool.. probably made with three.js
0:11

wow.. this is stunning this earth animation on this landing page is so cool.. probably made with three.js

Aurelien

83,611 views • 1 year ago