wodeni / animate-plus-plus Goto Github PK

This is a required part of the project. Refer to the list of modern C++ features for candidates. List the used features below:

C++14

C++17

• A JS example that uses regex: chebfun/chebfun#1617
• PEGTL is confusing to use and might be an overkill
• There's no good light-weight parser library, as far as I know.
• <regex> might be the way to go, but it requires nontrivial engineering effort.

There are instances of nested SVGs to better define relative positions and enforce grouping (why not use <g>??). For example,

<svg xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">
  <svg x="10">
    <rect x="10" y="10" height="100" width="100"
        style="stroke:#ff0000; fill: #0000ff"/>
  </svg>
  <svg x="200">
    <rect x="10" y="10" height="100" width="100"
        style="stroke:#009900; fill: #00cc00"/>
  </svg>
</svg>

cldoc seems to be the best option out there, but somehow my pip is not working...

$ sudo -H pip install cldoc
Collecting cldoc
  Could not fetch URL https://pypi.python.org/simple/cldoc/: There was a problem confirming the ssl certificate: [SSL: TLSV1_ALERT_PROTOCOL_VERSION] tlsv1 alert protocol version (_ssl.c:600) - skipping
  Could not find a version that satisfies the requirement cldoc (from versions: )
No matching distribution found for cldoc

Example:

<polygon points="50.000000 160.000000 55.000000 180.000000 70.000000 180.000000 60.000000 190.000000 65.000000 205.000000 50.000000 195.000000 35.000000 205.000000 40.000000 190.000000 30.000000 180.000000 45.000000 180.000000" fill="transparent" stroke="green" stroke-width="5" />

This might cause readability issue. Issues include

• std::to_string() seems to append these zeros after whole-number doubles

This issue tracks ideas for examples in the talk, paper, and tutorial.

Talk

• Make an animated logo for our library! Just like Snap.svg
• Make the presentation using our library
• Converting arbitrary photo into lowpoly animation
  • see example here: https://github.com/Ovilia/Polyvia
  • General idea: use Polyvia's algorithm to break the image down to polygons, and output SVG animation of polygon assembly/recoloring etc
• Making Youtube intros: how can we incorporate music/audio input into our system?
• What are the C++14 and 17 features to add?
  • concepts?

Paper

Tutorial

• Our output: ideally we should support all of the following
  • Synchronized Multimedia Integration Language (SMIL) inside of SVG
  • Static SVG + CSS animation
  • Static SVG + JS animation
• Now due to time limit we only support SMIL, which seems to be a controversial topic (see w3c/svgwg#63 for more discussion).
  • TODO: draw from some of those arguments to support our cuurent approach

TODOs

• List of shapes
• Reading SVG: XML parser integration
• Writing SVG: SVG file pretty-printer
• PDF progress report: content TBD
• element grouping

Basic shapes in SVG

See here for details. The simple list is:

• rectangles
• circle
• ellipse
• line
• polyline
• path

• A nice example to target: https://codepen.io/lauraluo/full/NAmdRy
  • What is needed to achieve this thing?
  • another example: http://facesofpower.net/
• Some issues from last release:
  • scene class
  • operator overloading for:
    • Adding objects to scene
    • Adding points to polyline
    • Simplifying the syntax for
  • text (<tspan>)

There are also common properties that you can add to any kind of geometry:

• Fills and Strokes
• Gradient: This looks difficult to parse, so maybe a 1.2 feature

Also, there is <g> tag, which specifies some geometric transformation (rotation, skewing etc).