ofxSCENE-SVG

Overview

An openFrameworks addon to load and live-colorize a customized SVG file layered by named groups.
Also blends the SVG with a JPG file, like an outline B&W lines image.

Screenshot

Example:

Features

• GUI and store/recall settings.
• Resize and scale using the mouse.
• Different Blend Modes and transparency.
• Selectable file with some limitations.
• Available ofRectangle to set/get position and size.

Usage

Look at the example.

---

How to prepare the SVG file on Illustrator:

Prepare the masks/layers

1. Import your image to be vectorized.
2. Draw each color mask/shape by hand.
3. Name the groups/layers as: group1, group2, group3... as in the screenshot.
4. Save as SVG Tiny 1.1.
5. Put the files following the example path and filename structures.

---

Dependencies

• ofxSurfingHelpers
• ofxGui / OF Core

Already included into OF_ADDON/libs. No need to clone/add manually.
Look into folders for authorship, original forks, or licenses.

• ofxPSBlend
• ofxSvg
• ofxSvgLoader

TODO:

• Size colors are hardcoded now to my two SVG samples.
  • Count layers amount from the imported SVG file and use this number of colors.
• Add masked mode. (?)

Tested systems

• Windows10 / VS2017/2022 / OF ~0.11

Author

An addon by @moebiusSurfing
(ManuMolina). 2020-2023.

License

MIT License.