Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

_OneBit_'s profile picture

OneBit

1,198 subscribers

218,537 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimSanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 4 ay önce

Interactive website with 3D✨
0:12

Interactive website with 3D✨

Marina Budarina

93,084 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

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

A very smooth interactive map on the Ramp website →

Jim Raptis

14,513 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 ay önce

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,031 görüntüleme • 10 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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

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

Aaron

27,434 görüntüleme • 9 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce