5 ms·
Shader Academy: Learn computer graphics by solving challenges
- danielvaughn 1y agoThis is incredible, very well done.
- szpro 1y agothank you!
- wanderingbit 1y agoI’ve been looking for something like this. The problem is, when to find the time to do it.
- setsewerd 1y agoThis might not be entirely relevant since I'm not an expert in the 3d visual community but my friends launched this project and it might be something you'd be interested in Shader Park https://share.google/FgjTgechf1J3n4l5X https://share.google/FgjTgechf1J3n4l5X
- FrequentLurker 1y agoHere is a clean link if anyone wants: https://shaderpark.com https://shaderpark.com
- mdaniel 1y agoThank you, and now I have a new pattern to watch out for in URLs. After all the energy we just had to go through to rescue all the goo.gl links when Big Evil decided that hosting a redirect webserver was too much trouble for them, and here we go again with share.google - crazypants
- wfhrto 1y agoCool! I pasted some of the puzzles into ChatGPT and it solved them!
- dodol123 1y agoI don't think that how academy works
- NoteyComplexity 1y agoSo… what does it prove? Do you learn anything? Just because Alpha go exist back in the days, go competition doesn’t go away. Just because ChatGpt exists these days, it doesn’t replace our desires of learning something more interactively. ChatGPT can answer many things, but it seems miss the point if you use it for a website designed for learning.
- wfhrto 1y agoChatGPT can solve the problems for me. I can spend my time doing other things other than learning stuff it can do.
- KeplerBoy 1y agoThis mindset will be the great filter for kids these days. Yes, LLMs are sort of competent in many, many areas, but if you refuse to learn stuff the LLM can do, you will fail miserably to spot when the LLM is incompetent.
- maplethorpe 1y ago
- E-Reverance 1y agoA lot of the styling looks very similar to some default choices popular llm's make; a default which I had never seen prior to their existence. Also the ai-generated textures make it all the more likely that the rest of site is vibe-coded. I'm not anti-ai per se, but using the defaults does affect my (and presumably others) impression of the quality of the site
- E-Reverance 1y agoEx. of unvetted output : https://shaderacademy.com/challenge/ranked_1 https://shaderacademy.com/challenge/ranked_1
- delusional 1y agoWhat am i looking at there?
- E-Reverance 1y agoThe expected output to the quiz does not seem like something someone would intentionally choose
- Etherlord87 1y agoYou didn't present some context on how you reached this content on the website. It looks as if it was an exercise to produce a shader detecting edges based on derivative functions or just sampling neighboring texture pixels.
- yorwba 1y agoThe title is "Vector of Change" and the description is "Your challenge is to make something as close as the expected shader." and that's all the context you get. It doesn't seem like a very well-designed exercise.
- 1y ago
- ahmkool 1y agoHey, I'm the co-creator of Shader Academy and wanted to thank you for referencing our platform - very helpful for us ! Also, for the people interested in providing feedback, ideas for improvements, what you'd like us to build next, etc - feel free to join our Discord: https://discord.com/invite/VPP78kur7C https://discord.com/invite/VPP78kur7C
- szpro 1y agoI am also other author of shader academy. To clarify comments about ai, we use it sometimes to add comments in a code (people needed it to solve problems) or sometimes to generate some boilerplate code.
- vjk800 1y agoIs there something of practical value you can do nowadays if you know about shaders and all this low level graphics stuff? I'm under impression that if I want to make an actual game, it makes no sense to do any of this stuff myself because the many existing game engines do it much better and faster out of the box and all the possible style choices in graphics are abstracted away into parameters in the engine.
- szpro 1y agoThat's a good point, but I think very often people still have hard time creating effects they want. For example good few years ago I published few shaders on Unity Asset Store (like https://assetstore.unity.com/packages/vfx/shaders/fragmentation-shader-105323 https://assetstore.unity.com/packages/vfx/shaders/fragmentat...) and there were quite a lot of purchases (and still are sometimes). My point is, you can create more complex effects and provide them as a tool/out of the box effect (wrapper)
- KeplerBoy 1y agoMany art styles are achieved by writing a small handful of shaders by hand.
- adastra22 1y agoGames typically have custom shaders. But this is more than just games. Shaders are how you program a GPU. There are plenty of use cases.
- Kiro 1y agoShaders are not some hidden rendering pipeline technicality you can abstract away and forget about. Even if you don't write raw shader code you still need to use something like a shader graph for most games, or you will be very limited.
- gwilikz 1y agoIf your goal is to just make a game, then sure, there’s probably not a huge gain in learning low-level graphics. But the reason existing game engines already do it better is because well… there’s still people out there who learn low-level graphics and maintain / improve those engines. Right?
- larodi 1y agoweirdly it claims my FF140 does not support webgl on Intel Mac with OSX15.7 which clearly supports Metal, and also supports webgl as per chronos website https://get.webgl.org/ https://get.webgl.org/
- ahmkool 1y agoIs it WebGL or WebGPU ? WebGPU is available only on Chrome and some other browsers. But WebGL is available in most browsers normally. We are adding some WebGPU exercises soon so that's why we have this warning message.
- Fraterkes 1y ago@dang I think something might be going wrong with the automatic flagging in this thread. I’m seeing a few pretty normal comments that are all dead.
- tomhow 1y agoThanks - they were from a new account that had falsely triggered a spam filter, but they have to be tuned a bit more strictly for new accounts.
- claytongulick 1y agoThis looks cool! Maybe it's because I'm on my phone and I don't see the full UI, but I'm having trouble navigating the tutorial section. I don't need the "hello world" basic tutorials, I'm looking to jump in to a point that meets where I am with GLSL - is there a TOC or something for the tutorials? Some sort of path or progression that you can jump around on?
- ahmkool 1y agoHey, thank you ! there are 5 tutorial exercises - filter the exercises by the intro difficulty. Once you're done with them we recommend choosing some interesting easy exercises and reading the learnings info about them - there is no real order but we are working on a concept of tracks to order our exercises a bit more. Coming soon
- addfr 1y ago[dead]
- crashprone 1y agoThe idea is amazing, congratulations on getting the product out! However, there's a lot about this site that doesn't sit well with me. The rather generic site design and uninspiring results of the challenges are something that I could probably overlook, but what irks me the most is the lack of any human aspect throughout the site. How does an academy completely gloss over the contributions of various amazing people who've been teaching shaders for years now and are responsible for making shaders accessible and fun? I would've never learnt what GLSL is, without ShaderToy. If someone started learning shaders through this site and never discovered the treasure trove of material on iquilezles' website, how do we expect them to jump straight into "Ray Marching"? I can't help but think that the site intentionally holds back information on various other phenomenal shader learning resources. Existing works of art like iquilezles "Planet Fall" should be part of the recommended curriculum if only to inspire others and set the baseline for what's possible with shaders.
- szpro 1y agoHey, so if you go to for example https://shaderacademy.com/challenge/raymarching_3 https://shaderacademy.com/challenge/raymarching_3 and open Learning section and scroll through there. We literally link these great resources you mentioned. Also, we literally have discord with resources where we link a lot of them https://discord.com/channels/1358424822551674880/1358427735969763451 https://discord.com/channels/1358424822551674880/13584277359... Do you think we should put these inspirations more on homepage?
- crashprone 1y agoHey sorry I missed these links when looking at the exercises. I guess anyone who is interested in actually understanding the concepts will click on the Learning tab and be led to those resources. As a user I would like to be inspired by what's possible with shaders, so I would prefer to have links to various ShaderToy examples on the homepage. However, that's just me, maybe others might find it overwhelming and prefer the simpler, easy to grasp examples. Thanks for your response to my feedback, wish you both the best for your product!
- tyilo 1y agoI can't get https://shaderacademy.com/challenge/intro_1 https://shaderacademy.com/challenge/intro_1 to work on Firefox 142.0b5. Even with the provided answer the output is just a red rectangle.
- ahmkool 1y agoAre you using Firefox on Linux ? For some reason it doesn't really work for some users - can you try to switch to Chrome or another browser ?
- bob1029 1y agoMy journey into shaders started in Unity with Shader Graph and I eventually wound up using some much older ideas - Baked GI w/ the standard URP lit shader [0]. The built-in shaders already give you most of what an average gamer could ask for: > The Lit Shader lets you render real-world surfaces like stone, wood, glass, plastic, and metals in photo-realistic quality. Your light levels and reflections look lifelike and react properly across various lighting conditions, for example bright sunlight, or a dark cave. This Shader uses the most computationally heavy shading model in the Universal Render Pipeline (URP). If you add on top of this a willingness to bake lights [1] like it's the early 2010s again, you can achieve extremely high quality scenes without getting tied up in distracting code paths and tools. Your time is much better spent out in the field acquiring actual textures, meshes, audio samples, etc. Painting & lighting an exotic texture IRL and then using a depth-sensing camera to capture it can be orders of magnitude more productive. [0] https://docs.unity3d.com/Packages/com.unity.render-pipelines.universal@11.0/manual/lit-shader.html https://docs.unity3d.com/Packages/com.unity.render-pipelines... [1] https://docs.unity3d.com/Packages/com.unity.render-pipelines.universal@11.0/manual/baked-lit-shader.html https://docs.unity3d.com/Packages/com.unity.render-pipelines...
- pjmlp 1y agoLooks cool for rainy weekends.