Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

New #WebGL pattern! A Voronoi diagram (love it) with eyes calculated over the polar coordinates of each cell. No images or graphic libs here, just a #GLSL shader wrapped with JS Live demo & source code: Hosted on CodePen.IO Special thx to The Book of Shaders

uuuuuulala's profile picture

Ksenia Kondrashova

8,798 subscribers

35,396 Aufrufe • vor 2 Jahren •via X (Twitter)

#WebGL#GLSL
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

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

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

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

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO
0:15

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

52,889 Aufrufe • vor 3 Jahren

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

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

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

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

Bitspace now supports GLSL shaders. Write a fragment shader - and your uniforms automatically creates inputs on the Shader node. These inputs can be used to pipe colors, vectors or whatever from the rest of your Bitspace environment. new fragment
0:18

Bitspace now supports GLSL shaders. Write a fragment shader - and your uniforms automatically creates inputs on the Shader node. These inputs can be used to pipe colors, vectors or whatever from the rest of your Bitspace environment. new fragment

emil

32,949 Aufrufe • vor 1 Jahr

We just added over 700 shader presets into Wonder! You can now attach any SVGs, images and work with really unique shaders all inside of a canvas. We’re very excited to partner with shaders for this launch 🚀 Try it now at
0:15

We just added over 700 shader presets into Wonder! You can now attach any SVGs, images and work with really unique shaders all inside of a canvas. We’re very excited to partner with shaders for this launch 🚀 Try it now at

Wonder

39,079 Aufrufe • vor 2 Monaten

I keep seeing the same pattern with Three.js games, shaders, p5.js, and now 3D UI. Give a coding agent a strong reference, the live URL, and the source repo. It can study the mechanics, recreate them, and give you a working place to experiment. For this one, I turned a Trevor Noah-inspired book interaction into fictional manuals for Codex, Claude Code, and Cursor. X post: GitHub: Original site:
0:18

I keep seeing the same pattern with Three.js games, shaders, p5.js, and now 3D UI. Give a coding agent a strong reference, the live URL, and the source repo. It can study the mechanics, recreate them, and give you a working place to experiment. For this one, I turned a Trevor Noah-inspired book interaction into fictional manuals for Codex, Claude Code, and Cursor. X post: GitHub: Original site:

Meng To

180,453 Aufrufe • vor 1 Monat

All my demos in one place! I have released a site with over 25 of my demos over the years all updated and fixed with code on GitHub and each one individually runnable. Many more to come! Check it out: #threejs #webgl #creativecoding #portfolio
0:13

All my demos in one place! I have released a site with over 25 of my demos over the years all updated and fixed with code on GitHub and each one individually runnable. Many more to come! Check it out: #threejs #webgl #creativecoding #portfolio

Faraz

12,064 Aufrufe • vor 1 Jahr

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓
0:12

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓

Aurora Scharff

29,082 Aufrufe • vor 1 Monat

Transform images on the web with Nano Banana 2. Just type a prompt in Gemini in Chrome. No need to upload files or open a new tab.
0:15

Transform images on the web with Nano Banana 2. Just type a prompt in Gemini in Chrome. No need to upload files or open a new tab.

Chrome

21,466 Aufrufe • vor 5 Monaten

Enter a New Era: V3 LIVE! 🚨 V3 is just the beginning. A powerful suite of new products are in development, each designed to push the boundaries of what’s possible with Alchemist AI. These features will be deployed in phases over the coming weeks, bringing continuous improvements, new capabilities, and expanded creative potential. Just $ALCH it!🪄✨
0:19

Enter a New Era: V3 LIVE! 🚨 V3 is just the beginning. A powerful suite of new products are in development, each designed to push the boundaries of what’s possible with Alchemist AI. These features will be deployed in phases over the coming weeks, bringing continuous improvements, new capabilities, and expanded creative potential. Just $ALCH it!🪄✨

ALCHEMIST AI 🔮

32,168 Aufrufe • vor 1 Jahr

With the release of Fable 5, I thought it would be fun to build and open-source a new MacOS screensaver using a metal shader, that way could also try building your own! Totally free, link to the repo below
0:15

With the release of Fable 5, I thought it would be fun to build and open-source a new MacOS screensaver using a metal shader, that way could also try building your own! Totally free, link to the repo below

Daniel Destefanis

55,346 Aufrufe • vor 2 Monaten

Want to reverse the source of a JS app? Typical unminifiers struggle with statement sequencing, JSX lowering, and other bundler/minifier shenanigans like (0, m.f)(xx) Pionxzh's Wakaru unpacks modules, formats the code, then runs AST transforms to recover intent, recovering readability where possible. Demo video 👇
0:11

Want to reverse the source of a JS app? Typical unminifiers struggle with statement sequencing, JSX lowering, and other bundler/minifier shenanigans like (0, m.f)(xx) Pionxzh's Wakaru unpacks modules, formats the code, then runs AST transforms to recover intent, recovering readability where possible. Demo video 👇

Herrington Darkholme

11,570 Aufrufe • vor 4 Monaten

Over the weekend, HBO's “House of the Dragon” came to life with Vhagar, a 270-foot dragon wrapped around the mast of the Empire State Building. Claim your spot on the Iron Throne here:
0:12

Over the weekend, HBO's “House of the Dragon” came to life with Vhagar, a 270-foot dragon wrapped around the mast of the Empire State Building. Claim your spot on the Iron Throne here:

Empire State Realty Trust, Inc

18,934 Aufrufe • vor 2 Jahren

The Uncle Derek joke. I spent over a decade tinkering with the wording of this joke but finally figured it out just before my first live at the apollo in 2017. So here it is. I was surprised i was allowed to get away with it. New tour Gary on laughing is on the road.
0:19

The Uncle Derek joke. I spent over a decade tinkering with the wording of this joke but finally figured it out just before my first live at the apollo in 2017. So here it is. I was surprised i was allowed to get away with it. New tour Gary on laughing is on the road.

Gary Delaney: On tour

75,778 Aufrufe • vor 3 Monaten