Welcome back again to our introduction to code generation. Generating code from some non-code description is a big topic, so we’re focusing our attention for now on the specific problem of generating JavaScript code from an SVG drawing. In the last part, we managed to generate code that could not only draw rectangles, but also render them at different sizes and aspect ratios.
In this last part of the series, we’re going to make our code generator smart enough to handle colors. We’re working from the repository at https://github.com/Cycling74/codegen-eng-blog. …
Hi and welcome back to an introduction to code generation. If you haven’t read the first part of this series, we’re trying to generate JavaScript code that will recreate an SVG drawing. In the last part, we managed to write a parser/generator that could understand any drawing, so long as it was made up entirely of black rectangles.
In this part of the series, we’ll add generated code to scale and stretch our image as we resize our Max object. We’re working from the repository at https://github.com/Cycling74/codegen-eng-blog. …
This post is all about code generation. When we’re done, we’ll have a working command line tool that will automatically generate JavaScript code from an SVG file. In later parts, we’ll add complexity and sophistication to that tool.
Custom Drawing in Max
In Max (our visual programming language for multimedia manipulation), you build programs by connecting together objects with things called patch cords. A patch that adds two numbers together could look like this:
Under the hood, so to speak, this “+” object is just a bit of C code that calls an “add” function. Most Max objects have pre-defined behavior. …
