GithubHelp home page GithubHelp logo

topic: SVG rendering about book-of-examples HOT 11 OPEN

shritesh avatar shritesh commented on June 16, 2024
topic: SVG rendering

from book-of-examples.

Comments (11)

shritesh avatar shritesh commented on June 16, 2024 2

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.

from book-of-examples.

shritesh avatar shritesh commented on June 16, 2024 2

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

from book-of-examples.

shritesh avatar shritesh commented on June 16, 2024 1

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.

from book-of-examples.

gvwilson avatar gvwilson commented on June 16, 2024

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.)

from book-of-examples.

rtfeldman avatar rtfeldman commented on June 16, 2024

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.

from book-of-examples.

gvwilson avatar gvwilson commented on June 16, 2024

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?

from book-of-examples.

shritesh avatar shritesh commented on June 16, 2024

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.

from book-of-examples.

gvwilson avatar gvwilson commented on June 16, 2024

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

from book-of-examples.

Anton-4 avatar Anton-4 commented on June 16, 2024

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

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

from book-of-examples.

gvwilson avatar gvwilson commented on June 16, 2024

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.

from book-of-examples.

shritesh avatar shritesh commented on June 16, 2024

Will do later tonight! Thanks

from book-of-examples.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.