Loading video...

Video Failed to Load

Go Home

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

_OneBit_'s profile picture

OneBit

1,198 subscribers

218,537 views • 1 year ago •via X (Twitter)

EducationArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related 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 views • 2 years 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,601 views • 1 year ago

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,393 views • 11 months ago

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,294 views • 4 months ago

Interactive website with 3D✨
0:12

Interactive website with 3D✨

Marina Budarina

93,084 views • 1 year ago

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

69,972 views • 10 months ago

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

A very smooth interactive map on the Ramp website →

Jim Raptis

14,513 views • 2 months ago

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

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

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,139 views • 1 month ago

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,247 views • 10 months ago

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

A little something I've made for Wario for being such a chad to hang and work with :) (also to test out the new Foreman Spike model I've made and his lipsync, which I'm still working on sorry)
0:10

A little something I've made for Wario for being such a chad to hang and work with :) (also to test out the new Foreman Spike model I've made and his lipsync, which I'm still working on sorry)

Tanooki (Follow me on other places)

101,589 views • 2 years ago

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

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.
0:17

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.

James McDonald

35,178 views • 4 months ago

The #AppleEvent invite on Apple's website is interactive!
0:10

The #AppleEvent invite on Apple's website is interactive!

Aaron

27,434 views • 9 months ago

I'm excited to share Code Layers are available today in Figma Sites! I'm excited for people to build rich, interactive ideas for their sites either with Code or using AI. Huge shoutout to the team, it was an incredible amount of work and there's more to come!
0:18

I'm excited to share Code Layers are available today in Figma Sites! I'm excited for people to build rich, interactive ideas for their sites either with Code or using AI. Huge shoutout to the team, it was an incredible amount of work and there's more to come!

Daniel Destefanis

39,838 views • 11 months ago

underrated technique: vibe code a full-custom debug view for code you're writing by hand! in this case, visualizing a parsing algorithm 😎 a clear interactive visualization helps you really grok what's going on step by step, and of course helps with fixing bugs too
0:12

underrated technique: vibe code a full-custom debug view for code you're writing by hand! in this case, visualizing a parsing algorithm 😎 a clear interactive visualization helps you really grok what's going on step by step, and of course helps with fixing bugs too

Geoffrey Litt

76,484 views • 1 year ago

I took my pumpkin pattern and made an Evo Moment #37 rubber stamp with it! I'm gonna stamp this on any bills that come in the mail to parry them charges :).
0:10

I took my pumpkin pattern and made an Evo Moment #37 rubber stamp with it! I'm gonna stamp this on any bills that come in the mail to parry them charges :).

Goh_Billy

845,412 views • 1 year ago