正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

8,762 subscribers

59,771 次观看 • 3 年前 •via X (Twitter)

教育科学技术艺术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

$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$

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 次观看 • 3 年前

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

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 次观看 • 3 年前

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

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 次观看 • 3 年前

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

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 次观看 • 1 年前

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

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,318 次观看 • 2 年前

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

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 次观看 • 3 年前

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

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 次观看 • 2 年前

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:

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 次观看 • 7 个月前

Weeks of work for a senior Three.js dev is ONE prompt for Opus 5, literally 😅 Opus built this infinite physically simulated clothesline gallery using Three.js with 96 wave nodes, per card pendulum physics, custom rope shader with fibre noise and Fresnel rim. I don't even know half of those terms but it's what it is (I'm studying each code part, though). These days, you just describe what you want and get it done using AI. Any kind of effect almost. Live: Code: Design:

Weeks of work for a senior Three.js dev is ONE prompt for Opus 5, literally 😅 Opus built this infinite physically simulated clothesline gallery using Three.js with 96 wave nodes, per card pendulum physics, custom rope shader with fibre noise and Fresnel rim. I don't even know half of those terms but it's what it is (I'm studying each code part, though). These days, you just describe what you want and get it done using AI. Any kind of effect almost. Live: Code: Design:

The Bugged Dev

27,484 次观看 • 29 天前

I planned on releasing my Three.js WebGPU water shader 2 weeks ago, but I promised myself I would stop half-assing things this year. I'm glad I waited. I'll be selling the whole package for $99. Full demo video coming soon, but includes FFT water sim, underwater effects, dynamic sky + fog, buoyancy, and more. Every aspect is tunable. Comes with 8 presets and 4 quality levels so it will run on any device. You'll get full source code + demo code, plus all future updates and fixes. Join waitlist now and get an email for 20% off at launch #threejs #webgpu #shaders

I planned on releasing my Three.js WebGPU water shader 2 weeks ago, but I promised myself I would stop half-assing things this year. I'm glad I waited. I'll be selling the whole package for $99. Full demo video coming soon, but includes FFT water sim, underwater effects, dynamic sky + fog, buoyancy, and more. Every aspect is tunable. Comes with 8 presets and 4 quality levels so it will run on any device. You'll get full source code + demo code, plus all future updates and fixes. Join waitlist now and get an email for 20% off at launch #threejs #webgpu #shaders

Dan Greenheck

50,738 次观看 • 7 个月前

Getting a bunch of questions about this! It's a full gpu rendering pipeline with built in shader editor for Rive, which can interleave 2D + 3D. Think WebGPU (minus compute, for now) that runs anywhere, not just the browser. You can implement anything at all. Cell shading. Background blurs. Deformation effects. And yes, even Rive vector components as textures. Shaders are precompiled and ship with your .riv. Minimal runtime size impact. Still WIP.

Getting a bunch of questions about this! It's a full gpu rendering pipeline with built in shader editor for Rive, which can interleave 2D + 3D. Think WebGPU (minus compute, for now) that runs anywhere, not just the browser. You can implement anything at all. Cell shading. Background blurs. Deformation effects. And yes, even Rive vector components as textures. Shaders are precompiled and ship with your .riv. Minimal runtime size impact. Still WIP.

Guido Rosso

22,346 次观看 • 5 个月前

Lara Trump just posted this to Instagram, and I am formally requesting that every day we get a new video of Trump, set to this kind kind of music, with his sweet grandkids and a glass of Diet Coke by his side. You might not think so, but this is the kind of thing that works

Lara Trump just posted this to Instagram, and I am formally requesting that every day we get a new video of Trump, set to this kind kind of music, with his sweet grandkids and a glass of Diet Coke by his side. You might not think so, but this is the kind of thing that works

Allie Beth Stuckey

556,398 次观看 • 2 年前

At Uber a big problem for design teams and engineering teams was design source of truth. No one knew what the app truly looked like, so weekly a bunch of designers would get into a meeting room and check that the engineers correctly implemented the figma designs that they made Now with coding agents throughput of changes has increased an order of magnitude and it has become impossible to manually keep up. Here we used the Revyl CLI to create a flow of every state in the Uber design, by navigating our mobile use agent on an cloud iOS simulator. This is something that would have taken a team of designers tens of hours to recreate manually; All done in less than an hour asynchronously with a simple prompt. Enable your team to know what your users are actually seeing and empower coding agents to give your users a delightful experience without any blindspots Get started with our new free trial and create a map for your own app 🗺️

At Uber a big problem for design teams and engineering teams was design source of truth. No one knew what the app truly looked like, so weekly a bunch of designers would get into a meeting room and check that the engineers correctly implemented the figma designs that they made Now with coding agents throughput of changes has increased an order of magnitude and it has become impossible to manually keep up. Here we used the Revyl CLI to create a flow of every state in the Uber design, by navigating our mobile use agent on an cloud iOS simulator. This is something that would have taken a team of designers tens of hours to recreate manually; All done in less than an hour asynchronously with a simple prompt. Enable your team to know what your users are actually seeing and empower coding agents to give your users a delightful experience without any blindspots Get started with our new free trial and create a map for your own app 🗺️

Anam Hira

96,508 次观看 • 4 个月前

Claude Cowork now has a free, 100% local competitor 🤯 Rowboat connects to your Gmail and meeting notes, builds a knowledge graph of your work, and acts on it. → Voice-enabled → Works with any LLM (local or hosted) → MCP tool extensibility → Background agents + web search → Obsidian-compatible Markdown vault 14.3k GitHub stars. 100% open-source.

Claude Cowork now has a free, 100% local competitor 🤯 Rowboat connects to your Gmail and meeting notes, builds a knowledge graph of your work, and acts on it. → Voice-enabled → Works with any LLM (local or hosted) → MCP tool extensibility → Background agents + web search → Obsidian-compatible Markdown vault 14.3k GitHub stars. 100% open-source.

Alvaro Cintas

42,472 次观看 • 3 个月前

Create hyper-realistic 15-second UGC ads with Kling 3.0. I made this using just one image and a single prompt with Nano Banana Pro + Kling 3.0 inside Leonardo.Ai and the realism is on another level No actors. No filming. Just AI Here’s an example of how you can do it 👇

Create hyper-realistic 15-second UGC ads with Kling 3.0. I made this using just one image and a single prompt with Nano Banana Pro + Kling 3.0 inside Leonardo.Ai and the realism is on another level No actors. No filming. Just AI Here’s an example of how you can do it 👇

MayorkingAI

17,603 次观看 • 6 个月前

$Fable 5 built this real-time ocean scene directly in the browser using Three.js, WebGPU and TSL, with no engine and no baked assets. The interesting part is not just that the water looks good. The whole system is being simulated: wave spectrum, GPU FFT, foam generation and refracted-ray caustics, all running live. This is exactly where frontier models start becoming genuinely useful for technical graphics work. Not by replacing years of rendering research, but by compressing the path from complex math to a working interactive result. A small, focused scene, but technically very serious. Cc: Adem Vessell$

Fable 5 built this real-time ocean scene directly in the browser using Three.js, WebGPU and TSL, with no engine and no baked assets. The interesting part is not just that the water looks good. The whole system is being simulated: wave spectrum, GPU FFT, foam generation and refracted-ray caustics, all running live. This is exactly where frontier models start becoming genuinely useful for technical graphics work. Not by replacing years of rendering research, but by compressing the path from complex math to a working interactive result. A small, focused scene, but technically very serious. Cc: Adem Vessell

Token Gremlin

21,731 次观看 • 1 个月前

📢LAST CALL FOR MERCH! Store closes Sunday 2/22 Final run of the amazing FGC comic style art by D.SLOOGS ⚡️KawaiiKon on a shirt or 60"x80" blanket. This will not be printed again. Also check out: - Official Spirit Jersey YETI design comfy crewneck with puff ink - all embroidered teal/blue on black zip hoodie with custom art under the hood - the "champagne of pain" tshirt and shot glass set - 2 matching outfits, the pullover/jogger or the flannel pj pant/tshirt combo - 2FKO parody shirt with entire games list on back - A slew of official Corkcicle cups with laser etched logos - check out the new custom hat/scarf sets, all hand made in Turkey with matching thread for that perfect winter look!

📢LAST CALL FOR MERCH! Store closes Sunday 2/22 Final run of the amazing FGC comic style art by D.SLOOGS ⚡️KawaiiKon on a shirt or 60"x80" blanket. This will not be printed again. Also check out: - Official Spirit Jersey YETI design comfy crewneck with puff ink - all embroidered teal/blue on black zip hoodie with custom art under the hood - the "champagne of pain" tshirt and shot glass set - 2 matching outfits, the pullover/jogger or the flannel pj pant/tshirt combo - 2FKO parody shirt with entire games list on back - A slew of official Corkcicle cups with laser etched logos - check out the new custom hat/scarf sets, all hand made in Turkey with matching thread for that perfect winter look!

Frosty Faustings

10,962 次观看 • 6 个月前

DecartXR: AI meets XR "welcome to the Oasis" 🥽 An open-source app that lets you transform your world in real time, just by speaking. A new way to create, build, and imagine — live. See below how to build with this tech (and a demo on Meta Quest or web) 👇🏻

DecartXR: AI meets XR "welcome to the Oasis" 🥽 An open-source app that lets you transform your world in real time, just by speaking. A new way to create, build, and imagine — live. See below how to build with this tech (and a demo on Meta Quest or web) 👇🏻

Decart

4,301,986 次观看 • 11 个月前

Trump just said that Iran has been using the Strait of Hormuz as a weapon many times, but "they're not using it as a weapon with me." This is a full-blown DEMENTIA attack on live TV.

Trump just said that Iran has been using the Strait of Hormuz as a weapon many times, but "they're not using it as a weapon with me." This is a full-blown DEMENTIA attack on live TV.

CALL TO ACTIVISM

217,180 次观看 • 3 个月前

i made this 2D traffic racing game with Raylib and C honestly I have never felt this kind of joy from programming before there is something different about game development your code is not just returning values or moving data around you can see the logic move on screen feel the physics and watch every line of code come to life

i made this 2D traffic racing game with Raylib and C honestly I have never felt this kind of joy from programming before there is something different about game development your code is not just returning values or moving data around you can see the logic move on screen feel the physics and watch every line of code come to life

SudoX7

14,331 次观看 • 2 个月前