roc-lang / book-of-examples

Software Design by Example in Roc
Other
23 stars 15 forks source link

topic: SVG rendering #19

Open shritesh opened 2 months ago

shritesh commented 2 months ago

IMO the book should showcase a platform implementation and turtle graphics is a fun and simple one to do.

gvwilson commented 2 months ago

Thanks for the proposal @shritesh - the theme of the previous two books was "tools that programmers use when programming", and while I'm a big fan of turtle graphics for teaching, I don't think it's something people use when building code. @rtfeldman thoughts on how wide you want this to go? (Cf. discussion of implementing a neural network in #4.)

rtfeldman commented 2 months ago

Ah that's a fair point! I think turtle graphics in Roc would be really cool to see, but maybe it's not quite the right fit for this particular book.

gvwilson commented 2 months ago

As an alternative: @shritesh would you be interested in showing people how (a simple subset of) SVG is rendered? Or how to translate https://aosabook.org/en/500L/a-3d-modeller.html into Roc?

shritesh commented 2 months ago

Both of those ideas sound awesome. I have already built a raytracer (based on the Ray Tracing in One Weekend book) in Roc along with a platform for graphics. We can probably extract a lot from there.

gvwilson commented 2 months ago

Thanks @shritesh - I think a ray tracer has the same issue as turtle graphics, but a graphics platform would be a great fit. If you want to tackle the latter, can you please create a directory under the project root called graphics and put your work there as a standalone Roc project plus an index.md file with your nodes to yourself? And if you can confirm, I'll update this ticket and assign it to you. Cheers - Greg

Anton-4 commented 2 months ago

showing people how (a simple subset of) SVG is rendered?

In case it may still be useful: https://github.com/Hasnep/roc-svg

shritesh commented 2 months ago

I'll go with the SVG rendering. I'll also implement a simple Canvas platform that takes in a framebuffer and renders it. That way, the entirety of the rendering content will be in Roc and the platform itself can be useful for the rest of the ecosystem.

Thanks @Anton-4, that'll definitely be useful.

gvwilson commented 2 months ago

Thanks @shritesh - can you please create a PR that creates a subdirectory svg under the project root and put your code there as a standalone Roc project? Please also add an index.md file that has your notes to yourself - cheers.

shritesh commented 2 months ago

Will do later tonight! Thanks

shritesh commented 1 month ago

I just released a library to create images and export to PNG in pure Roc: https://github.com/shritesh/roc-image. I'll probably use this instead of building a framebuffer platform.

shritesh commented 1 month ago

I've added an example in roc-image to render the Roc SVG logo