正在加载视频...

视频加载失败

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

I made a functional rubik's cube entirely within #glsl fragment shaders, using a texture to keep track of each cell's state Try to solve it yourself!

kishimisu

10,639 subscribers

22,472 次观看 • 1 年前 •via X (Twitter)

教育科学技术 #glsl

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

ChatGPT 5.1 vs. Claude Opus 4.5 vs. DeepSeek-V3.2 (left) (middle) (right) prompt I used: Create a single HTML file containing a fully functional 3D Rubik's Cube simulation using Three.js (via CDN). The cube must be able to automatically solve itself.

ChatGPT 5.1 vs. Claude Opus 4.5 vs. DeepSeek-V3.2 (left) (middle) (right) prompt I used: Create a single HTML file containing a fully functional 3D Rubik's Cube simulation using Three.js (via CDN). The cube must be able to automatically solve itself.

Alex Prompter

14,891 次观看 • 8 个月前

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 年前

Bitspace now supports GLSL shaders. Write a fragment shader - and your uniforms automatically creates inputs on the Shader node. These inputs can be used to pipe colors, vectors or whatever from the rest of your Bitspace environment. new fragment

Bitspace now supports GLSL shaders. Write a fragment shader - and your uniforms automatically creates inputs on the Shader node. These inputs can be used to pipe colors, vectors or whatever from the rest of your Bitspace environment. new fragment

emil

32,949 次观看 • 1 年前

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

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

The texture is so soft, I really want to try it with a glass of warm tea

The texture is so soft, I really want to try it with a glass of warm tea

Nyumm

316,859 次观看 • 2 个月前

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 年前

I've always been kind of annoyed I wasn't better at Rubik's cube solving. So a Gemma 4 design session while on a plane w/ no internet + a Claude Code ~one shot yielded this Rubik's solver/trainer. Create your cube or paste a flat-net image of your scramble → it reads the colors, finds a 22-or-fewer-move solution, and animates the 3D cube through every turn. No backend. 100% in the browser. Run it: Code:

I've always been kind of annoyed I wasn't better at Rubik's cube solving. So a Gemma 4 design session while on a plane w/ no internet + a Claude Code ~one shot yielded this Rubik's solver/trainer. Create your cube or paste a flat-net image of your scramble → it reads the colors, finds a 22-or-fewer-move solution, and animates the 3D cube through every turn. No backend. 100% in the browser. Run it: Code:

Jeff Huber 🇺🇸

269,652 次观看 • 3 个月前

Imagine: Parallel Neural Networks with Shaders 🤔 (GLSL instead of CUDA) Parallelization by encoding the weights and activations as Buffer Objects or Textures, using fs to perform matmul and activation functions in parallel. Each fragm shader instance parproc 1..n neuron.

Imagine: Parallel Neural Networks with Shaders 🤔 (GLSL instead of CUDA) Parallelization by encoding the weights and activations as Buffer Objects or Textures, using fs to perform matmul and activation functions in parallel. Each fragm shader instance parproc 1..n neuron.

wavefnx

86,755 次观看 • 1 年前

Texture hallucinations have been a significant issue in image-to-3D models. Today, we are excited to release Cube V1.3, designed for improved image alignment. Now available to all Maker/Pro users. Upgrade: Start using it today:

Texture hallucinations have been a significant issue in image-to-3D models. Today, we are excited to release Cube V1.3, designed for improved image alignment. Now available to all Maker/Pro users. Upgrade: Start using it today:

Common Sense Machines

242,078 次观看 • 2 年前

made a little tool to emulate the texture + color mixing of risograph prints — more features coming soon try it out below! been fun to experiment with different ink combinations + halftone patterns

made a little tool to emulate the texture + color mixing of risograph prints — more features coming soon try it out below! been fun to experiment with different ink combinations + halftone patterns

liam

33,490 次观看 • 1 年前

our collaboration with Rubik's fuses together art, culture, and craftsmanship, culminating in the Diamond Cube: a 1/1, priceless 21.37 carat workable cube designed by Eliantte & Co rip & reveal packs for a chance to make it yours

our collaboration with Rubik's fuses together art, culture, and craftsmanship, culminating in the Diamond Cube: a 1/1, priceless 21.37 carat workable cube designed by Eliantte & Co rip & reveal packs for a chance to make it yours

doodles

36,313 次观看 • 1 年前

I made a 3D Gaussian Splatting renderer for WebGL! The following scene renders 1.3M splats in real time. I wanted to understand a bit more how gaussian splats were rasterized, reimplementing the original paper seemed to be the best approach. I will publish it on github soon!

I made a 3D Gaussian Splatting renderer for WebGL! The following scene renders 1.3M splats in real time. I wanted to understand a bit more how gaussian splats were rasterized, reimplementing the original paper seemed to be the best approach. I will publish it on github soon!

kishimisu

84,532 次观看 • 2 年前

People counting in zones using Ultralytics YOLO26 🧑‍🤝‍🧑 In this demo, people are moving on elevators. I used a custom-trained YOLO26 model to detect and track each person, then applied the object counting in zones solution to count the number of people within each zone. 🙂 #people #retail #MachineLearning

People counting in zones using Ultralytics YOLO26 🧑‍🤝‍🧑 In this demo, people are moving on elevators. I used a custom-trained YOLO26 model to detect and track each person, then applied the object counting in zones solution to count the number of people within each zone. 🙂 #people #retail #MachineLearning

Muhammad Rizwan Munawar

14,980 次观看 • 1 个月前

Creating Allie and Kazam's Rubiks cube heads was a big technical challenge Andromeda solved! We had to fight against the animation software bugs, but we did it! Their heads are completely functional Rubiks cubes that solve properly 🎲 (6/7)

Creating Allie and Kazam's Rubiks cube heads was a big technical challenge Andromeda solved! We had to fight against the animation software bugs, but we did it! Their heads are completely functional Rubiks cubes that solve properly 🎲 (6/7)

ZAM

14,020 次观看 • 1 年前

Don't rush to call a plumber, if you can do it yourself, try to do it yourself.

Don't rush to call a plumber, if you can do it yourself, try to do it yourself.

Virlylestarina

127,026 次观看 • 2 个月前

Prism, 328 chars #つぶやきGLSL for(L*=I;I++<80.;L+=pow(.0024/length(P* mat2(cos(10./exp(R/.1)*pow(sin(A/8.), 3.)+A/8.+vec4(0,33,11,0)))+R* sin(I*.5+A/4.)*smoothstep(0., 1.,(.95 + .05 * sin(A)))*vec2(cos(I*.2), sin(I*.2 ))) * (1. + cos(I*.1+R*4.-A-A + vec4(0,1,2,0))), L-L+1.1));

Prism, 328 chars #つぶやきGLSL for(L=I;I++<80.;L+=pow(.0024/length(P mat2(cos(10./exp(R/.1)pow(sin(A/8.), 3.)+A/8.+vec4(0,33,11,0)))+R sin(I.5+A/4.)smoothstep(0., 1.,(.95 + .05 * sin(A)))vec2(cos(I.2), sin(I.2 ))) (1. + cos(I.1+R4.-A-A + vec4(0,1,2,0))), L-L+1.1));

kishimisu

45,116 次观看 • 2 年前

🎶 All I do each night is pray Hoping that I'll be a part of you again someday All I do each night is think Of all the times I closed the door to keep my love within 🎶 #Pray

🎶 All I do each night is pray Hoping that I'll be a part of you again someday All I do each night is think Of all the times I closed the door to keep my love within 🎶 #Pray

Take That

49,949 次观看 • 2 年前

When I made this animation as a style test, I started flirting with stepped animation. There’s something about the texture it adds to the motion that I can’t get enough of.

When I made this animation as a style test, I started flirting with stepped animation. There’s something about the texture it adds to the motion that I can’t get enough of.

Raúl Ibarra

187,675 次观看 • 9 个月前

You can now track file upload progress when using Vercel Blob in all modern browsers and JavaScript environments. When I started working on this, I thought, "It's 2024; it's gonna be simple LFG!!!" I was so naive 🤣 There's no way to track upload progress with fetch. Instead, you need to use a combination of Readable/Transform streams along with an old friend, XMLHttpRequest, to solve that. Here's how to do it…

You can now track file upload progress when using Vercel Blob in all modern browsers and JavaScript environments. When I started working on this, I thought, "It's 2024; it's gonna be simple LFG!!!" I was so naive 🤣 There's no way to track upload progress with fetch. Instead, you need to use a combination of Readable/Transform streams along with an old friend, XMLHttpRequest, to solve that. Here's how to do it…

Vincent Voyer

83,827 次观看 • 1 年前

"Shoutout to CORTIS, cause I ain't even gonna lie, the flows within this track were amazing. Every single member in this group added some styles to this track, and it made it an incredible listen for me" OH SOOO REALLLLLL!!!!

"Shoutout to CORTIS, cause I ain't even gonna lie, the flows within this track were amazing. Every single member in this group added some styles to this track, and it made it an incredible listen for me" OH SOOO REALLLLLL!!!!

coervogue

25,312 次观看 • 6 天前