Loading video...

Video Failed to Load

Go Home

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's profile picture

kishimisu

10,639 subscribers

22,472 views • 1 year ago •via X (Twitter)

EducationScience & Technology#glsl
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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.
0:13

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

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
0:15

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 views • 3 years ago

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
0:18

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

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

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

Nyumm

316,859 views • 2 months ago

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
0:13

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 views • 3 years ago

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:
0:10

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

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.
0:10

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

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:
0:20

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 views • 2 years ago

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
0:17

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

32,169 views • 1 year ago

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
0:12

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

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!
0:17

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 views • 2 years ago

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
0:17

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

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)
0:11

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

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

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

Virlylestarina

127,026 views • 2 months ago

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));
0:19

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));

kishimisu

45,116 views • 2 years ago

🎶 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
0:18

🎶 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 views • 2 years ago

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.
0:12

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

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…
0:16

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

"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!!!!
0:17

"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,174 views • 1 day ago