Introduction to Vector Graphics Rendering
Вставка
- Опубліковано 4 чер 2022
- This video covers the basics of vector graphics:
- How vector images are defined.
- Filling vector shapes.
Source code: github.com/leddoo/edu-vector-...
Some next steps:
- Write a faster rasterizer by reusing previous pixel winding calculations.
- Fill pixels in an image instead of printing to the console.
- Anti-aliasing & more robust maths.
- Bezier curves & flattening them to line segments.
- Stroke paths by "offsetting" them.
some things i forgot to mention in the video:
1) there's an explanation of the line vs line algorithm in the source code: github.com/leddoo/edu-vector-graphics/blob/349715202e78d5ea02d8986af1c74127ecc54571/src/main.rs#L39
2) "curved paths" can be rendered by first converting them to line segments, and then using the algorithm in the video - but ideally you'd use a faster one :P
absolutely blew my mind when you used inspect element on an image file. wow
This video is a really good introduction to vector graphics! I use svgs a lot in my projects and I can give this video Jodie's badge of approval :)
Wow I really love this introduction. You manage to give a good overview of the different capabilities and implementation details of vector graphics. I especially adored the simple rust code to underpin what you explained. I would love to see a video on some of the optimization ideas you mentioned in the description, maybe also with hints towards how this is implemented in running systems such as in a browser (i.e. what does the GPU do, what libraries do the heavy lifting).
i'll stay focused on the scripting language / gui for now, but i'll keep this in mind!
I see rust code, I'll subscribe
Thank you very good explanation, can you continue with these lessons?
Great intro!
I really enjoy how you add the code gradually using the layers. It's a small detail, but makes it a lot easier to follow.
glad that helped! paint has been surprisingly useful for the visual explanations :D
...no, with bigamism...
...hey... dead cells ...
[runs away]