Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & Technologie#glsl
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 3 Monaten

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,755 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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

33,490 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 2 Jahren

🎶 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 Aufrufe • vor 2 Jahren

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,780 Aufrufe • vor 9 Monaten

Riccardo Calafiori on being asked to play further forward: "I think it depends on each game, and of course I can help the team that way, but first of all, I'm a defender, so we just keep going on like this, I try to help the team."
0:19

Riccardo Calafiori on being asked to play further forward: "I think it depends on each game, and of course I can help the team that way, but first of all, I'm a defender, so we just keep going on like this, I try to help the team."

Connor Humm

37,940 Aufrufe • vor 2 Tagen

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 Aufrufe • vor 1 Jahr