Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

_OneBit_'s profile picture

OneBit

1,180 subscribers

219,150 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungKunstWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

working on a website where you can make interactive charm bracelets ✨
0:12

working on a website where you can make interactive charm bracelets ✨

pauline

10,809 Aufrufe • vor 2 Monaten

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

16,008 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,842 Aufrufe • vor 1 Jahr

This guy has gone nuts, he made templates for Claude - 192+ website templates - 32 interactive sections
0:13

This guy has gone nuts, he made templates for Claude - 192+ website templates - 32 interactive sections

Florent Ademaj

19,720 Aufrufe • vor 23 Tagen

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

Recreation challenge of Parse/Error 's piece. Made possible with Three.js and custom glsl shaders, running online in real-time. Live link 🔴👉 Code repo 📖👉 Code breakdown coming soon #threejs #glsl #npm #ts #nextjs
0:10

Recreation challenge of Parse/Error 's piece. Made possible with Three.js and custom glsl shaders, running online in real-time. Live link 🔴👉 Code repo 📖👉 Code breakdown coming soon #threejs #glsl #npm #ts #nextjs

Marius Ballot

16,762 Aufrufe • vor 3 Jahren

Wanted to share an experiment with code layers i’ve been working on. Perfect for adding something interactive, creative, or just fun to your site. Code layers is now available in Figma sites!
0:17

Wanted to share an experiment with code layers i’ve been working on. Perfect for adding something interactive, creative, or just fun to your site. Code layers is now available in Figma sites!

Daniela Muntyan

18,467 Aufrufe • vor 1 Jahr

Nah no, this is not a pre-made or baked Blender model. It is created entirely from scratch using extruded geometry and procedural textures for the mustard hatching pattern on the model... all done with Google Gemini 3 pro AI. In fact, every Three.js 3D model you see on this website has been vibe coded with AI 😎 Live: Code:
0:13

Nah no, this is not a pre-made or baked Blender model. It is created entirely from scratch using extruded geometry and procedural textures for the mustard hatching pattern on the model... all done with Google Gemini 3 pro AI. In fact, every Three.js 3D model you see on this website has been vibe coded with AI 😎 Live: Code:

The Bugged Dev

54,391 Aufrufe • vor 9 Monaten

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

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

Ksenia Kondrashova

35,396 Aufrufe • vor 2 Jahren

Working on some interactive poster experiments this weekend.
0:13

Working on some interactive poster experiments this weekend.

Oriku

548,122 Aufrufe • vor 4 Monaten

Working on another website design + dev project. We added some cool coloroma interactive components there. How does it look?
0:12

Working on another website design + dev project. We added some cool coloroma interactive components there. How does it look?

Basit A. Khan

13,428 Aufrufe • vor 13 Tagen

Made this interactive hero section effect using the app I'm about to launch.
0:13

Made this interactive hero section effect using the app I'm about to launch.

Elaya

11,077 Aufrufe • vor 2 Monaten

You can now vibe code 3D websites and mobile apps with this AI. It lets you build fully functional apps, hit games, and even interactive sites. 5 powerful examples + how to try 👇: 1. Robotic interactive website
0:18

You can now vibe code 3D websites and mobile apps with this AI. It lets you build fully functional apps, hit games, and even interactive sites. 5 powerful examples + how to try 👇: 1. Robotic interactive website

Alvaro Cintas

70,813 Aufrufe • vor 1 Jahr

1) Excel to website Manus turned this CSV of raw sales data into a website with an insightful, interactive sales performance dashboard.
0:12

1) Excel to website Manus turned this CSV of raw sales data into a website with an insightful, interactive sales performance dashboard.

Manus

30,767 Aufrufe • vor 1 Jahr

A very smooth interactive map on the Ramp website →
0:16

A very smooth interactive map on the Ramp website →

Jim Raptis

14,798 Aufrufe • vor 7 Monaten

Claude Code Weekly Roundup This week we rolled out a new promo for free credits on Claude Code on the web along with beautiful diffs and support for skills. In the CLI we improved fuzzy search, did a slew of bug fixes & improved triggering for interactive questions.
0:12

Claude Code Weekly Roundup This week we rolled out a new promo for free credits on Claude Code on the web along with beautiful diffs and support for skills. In the CLI we improved fuzzy search, did a slew of bug fixes & improved triggering for interactive questions.

Thariq

29,412 Aufrufe • vor 11 Monaten

I have a new personal website. I'm not a developer. I built this v2 of my website, all by my OpenClaw agent (on Codex) + built an AI clone of me, with Claude Code. So can designers ship? Yes, its the future.
0:16

I have a new personal website. I'm not a developer. I built this v2 of my website, all by my OpenClaw agent (on Codex) + built an AI clone of me, with Claude Code. So can designers ship? Yes, its the future.

Felix Lee

21,923 Aufrufe • vor 5 Monaten

this is.. huge revolution AI now can create 3D interactive website and mobile apps that blow everyone's mind, no code needed, just talk with Emergent AI agents 10 examples with test link:
0:16

this is.. huge revolution AI now can create 3D interactive website and mobile apps that blow everyone's mind, no code needed, just talk with Emergent AI agents 10 examples with test link:

el.cine

140,686 Aufrufe • vor 1 Jahr

A fun prototype made using SwiftUI + Metal. This is an early WIP but I'm working on turning this into a playful screen transition.
0:19

A fun prototype made using SwiftUI + Metal. This is an early WIP but I'm working on turning this into a playful screen transition.

A. Hassan

33,274 Aufrufe • vor 10 Monaten