Hacker News Reader

Comment by albertgoeswoof | Hacker News Reader

As someone who creates apis and web apps for a living, I’d love to know what the creative / development process for building something like this is?

I would love to watch a video explaining how this was made from idea, first line of code, to publishing. Especially what tools were used.

View on HN

I have the same background as you, this is my first WebGL project.

While building it I actually was thinking of making a video of the process some day, but I thought it wouldn't have an audience, plus, I'm not an expert, I might say the wrong stuff. But anyway, I'll be happy to make a video that would help others like me!

Actually a video from someone who has just learnt can be more valuable, as you have the closest perspective to the viewer

Exactly, I might do it fast then, before learning more. :P

I would definitely watch it!

You probably won’t find exactly the video you’re looking for, but if you’re interested in creative coding and shader based animation, IQ (Shadertoy author) has some amazing videos on his YouTube channel. Shaders are tricky!

It’s a deep and fascinating development world, one much less thoroughly documented than the world of web apps. Good luck!

Hey, could you post the link of the channel you mean? Looking for 'shadertoy' in Youtube brought me only a playlist by 'The Art of Code'. Is that the channel you mean?

https://www.youtube.com/@InigoQuilez/videos is what I'm talking about. It's not necessarily a from-zero introduction, but it's a nice resource.

https://www.youtube.com/watch?v=0ifChJ0nJfM is probably the the most beginner friendly.

https://thebookofshaders.com/ is another great place to start.

Good luck and enjoy!

IQ= Inigo Quilez. His work is a good entry point.

https://iquilezles.org/

I've only only lightly dipped my toes into the webGL landscape, but I can definitely vouch for this man. I love the way he explains things. He's like the Carl Sagan of WebGL. I'll see if I can dig up a couple resources from my own foray drop them in this comment below.

EDIT: here are the links as promised.

1. https://thebookofshaders.com/ (mentioned above, I think)

2. https://threejs.org/docs/ (of course)

3. https://docs.pmnd.rs/react-three-fiber/getting-started/intro... (optional; good for React and those comfortable for maybe don't dive right in until you get a good grasp on Three.js)

4. https://threejs-journey.com/ (a paid course with some good intro lessons as freebies)

Hope this helps!

Theres also library using Svelte and threejs(https://svelthree.dev/). Its newer but worth checking out.

Also, threejs journey is worth it. Lots of great content.

Not really code, but you might find Erin Dale interesting, he takes a lot of time explaining how he creates his amazing Blender geometry nodes concepts – https://www.youtube.com/watch?v=F2NcNJQZFqw

Reply on news.ycombinator.com