CS559 Spring 2021 Sample Solution - Workbook 3
Written by CS559 course staff
Box 1: Exercise 5, SVG
Rubric for Box 1 (With how this example would have been graded)
- a picture using SVG (Points:5) (5/5)
- at least one path with an arc (Points:3) (3/3 for the circle at the center of the snowflakes)
- at least one polygon that is not a rectangle (Points:3) (3/3 for the snowflake branches)
- a hierarchy using grouping (Points:3) (3/3 for the branches and sub-branches)
- repeated instancing via use (Points:3) (3/3 for multiple snowflakes)
- artistic merit in the SVG picture (Points:3) (3/3 for making nice-looking snowflakes)
You should make the picture by hand, i.e., edit the SVG in a text editor. Do not create or edit the picture in a picture editing tool (like Illustrator or InkScape).
Your picture should make use of hierarchical modeling. It should have groups,
transformations, and instancing. There should be more than one
that have transformations attached.
Here are the requirements:
- You must use at least one path with an arc in it.
- You must have a polygon that is not a rectangle.
- You must create hierarchy using groups (
<g>tags) with transformations. You need to have a group inside of a group (more than just primitives in groups).
- You must use instancing (the
<use>tag) and transformations to make multiple copies of something
You can earn up to 3 “artistic merit” bonus points at the discretion of the grader. If the grader likes your picture, they will give you 1-3 bonus points.
If you’re stumped for ideas, you could try re-creating one of the Canvas pictures in the workbook (for example, the windmills picture - without the animation).
Technically, the pictures on previous pages (for example SVG example 03-07-03.svg) satisfy many of the requirements. You can refer to this picture (you have the source code), but please make your own picture.
This is the last page of the workbook. Of course, commit and push to GitHub often! When you are done with the workbook (and pushed the version you would like to have graded), complete the hand-in quiz on Canvas.