正在加载视频...

视频加载失败

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

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 个月前

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

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

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

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

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

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

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 个月前

If you think this is just another silly demo made with AI, read this post. You might change your mind, because this demo is about MATH. What you see on the screen is not a render from Blender (obviously, it’s not that good). It’s a three.js app built with Toolcraft. Available on the web and rendered in real time(link in the comments). But Blender still has a lot to do with it. Blender has Geometry Nodes - a powerful node-based system for creating and manipulating procedural geometry. In other words, it’s math. And math is a universal language. And who do you think is pretty good at math? >>> AI. Now you can download or buy Blender files from marketplaces, and when they contain Geometry Nodes for procedural animations, objects, surfaces, or effects, you can transfer that logic to the web. Make it real-time, make it interactive. Materials are a separate story, of course. They can still suck unless you use the right tricks: PBR, HDRIs, material blending, displacement, and faked surface relief. So why is Blender important here? Blender is open source, and many tools around it are open source too. An AI trained on their code. That means it can translate the math from one environment to another quite accurately. If you’ve been struggling to reproduce some idea with AI that you had in your head or seen in some references, and it has something to do with Geometry Nodes, and you can find that idea or a close one in the Blender ecosystem - it means you can transfer it to the web. Thank me later.

If you think this is just another silly demo made with AI, read this post. You might change your mind, because this demo is about MATH. What you see on the screen is not a render from Blender (obviously, it’s not that good). It’s a three.js app built with Toolcraft. Available on the web and rendered in real time(link in the comments). But Blender still has a lot to do with it. Blender has Geometry Nodes - a powerful node-based system for creating and manipulating procedural geometry. In other words, it’s math. And math is a universal language. And who do you think is pretty good at math? >>> AI. Now you can download or buy Blender files from marketplaces, and when they contain Geometry Nodes for procedural animations, objects, surfaces, or effects, you can transfer that logic to the web. Make it real-time, make it interactive. Materials are a separate story, of course. They can still suck unless you use the right tricks: PBR, HDRIs, material blending, displacement, and faked surface relief. So why is Blender important here? Blender is open source, and many tools around it are open source too. An AI trained on their code. That means it can translate the math from one environment to another quite accurately. If you’ve been struggling to reproduce some idea with AI that you had in your head or seen in some references, and it has something to do with Geometry Nodes, and you can find that idea or a close one in the Blender ecosystem - it means you can transfer it to the web. Thank me later.

Alex Barashkov

28,090 次观看 • 29 天前

THIS IS ABSOLUTELY INSANE... a free open-source AI video tool just dropped with nearly 8K GitHub stars. it runs completely on your PC and can work with just 6GB of VRAM, even on older GPUs. it brings multiple video and image models into one place, with no cloud uploads, subscriptions, or watermarks. setup is simple: clone the repo → run the installer → open your browser and start generating. this might be one of the best free AI video tools i've seen this year. save this before everyone finds it.

THIS IS ABSOLUTELY INSANE... a free open-source AI video tool just dropped with nearly 8K GitHub stars. it runs completely on your PC and can work with just 6GB of VRAM, even on older GPUs. it brings multiple video and image models into one place, with no cloud uploads, subscriptions, or watermarks. setup is simple: clone the repo → run the installer → open your browser and start generating. this might be one of the best free AI video tools i've seen this year. save this before everyone finds it.

MIKE

61,597 次观看 • 2 天前