Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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,643 subscribers

22,472 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji#glsl
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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,573 görüntüleme • 2 yıl önce

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 görüntüleme • 2 ay önce

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,487 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 2 yıl önce

🎶 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,640 görüntüleme • 2 yıl önce

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,542 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

A functional exercise to: — build muscle & strength in back — build core strength — create stability through T Spine (upper back) — build rotational strength (essential for longevity) Try for 3 to 4 sets of 8 to 12 reps each! 🔥
0:12

A functional exercise to: — build muscle & strength in back — build core strength — create stability through T Spine (upper back) — build rotational strength (essential for longevity) Try for 3 to 4 sets of 8 to 12 reps each! 🔥

Nick Walker

44,808 görüntüleme • 2 yıl önce

While learning Unreal Engine 5, I decided to port over most of Hyperion to it to see if I could potentially move my workflows over to UE5. Although it worked decently well, it didn't work well enough to allow me to change over entirely. Hyperion is simply too complex of an asset for real-time workflows (or at least is limited due to my knowledge of said workflows). 131 4K-8K UDIMs at over 8 channels and a solid amount of shaders with layering being the biggest bottleneck. I couldn't even match the shading setup to what I have in RenderMan, UE gave me a warning that the material was too complex. I was using the new Substrate materials, which mimic RenderMan LAMA shaders. The render below is using the pathtracer. As you can see there are some random flickering parts which I couldn't fix during my tests. This render of course doesn't have any displacement either (which Hyperion heavily relies on). I think Unreal Engine has a very bright future, but it is still limited by todays hardware technology for high end VFX work. Maybe in a few years I will give it another try when hardware improves and the engine becomes a bit more versatile in feature-set.
0:20

While learning Unreal Engine 5, I decided to port over most of Hyperion to it to see if I could potentially move my workflows over to UE5. Although it worked decently well, it didn't work well enough to allow me to change over entirely. Hyperion is simply too complex of an asset for real-time workflows (or at least is limited due to my knowledge of said workflows). 131 4K-8K UDIMs at over 8 channels and a solid amount of shaders with layering being the biggest bottleneck. I couldn't even match the shading setup to what I have in RenderMan, UE gave me a warning that the material was too complex. I was using the new Substrate materials, which mimic RenderMan LAMA shaders. The render below is using the pathtracer. As you can see there are some random flickering parts which I couldn't fix during my tests. This render of course doesn't have any displacement either (which Hyperion heavily relies on). I think Unreal Engine has a very bright future, but it is still limited by todays hardware technology for high end VFX work. Maybe in a few years I will give it another try when hardware improves and the engine becomes a bit more versatile in feature-set.

Rassoul Edji

25,133 görüntüleme • 1 yıl önce