From Code to Canvas

TL;DR

This workshop will look at a code package that makes the creation of animations in CindyJS easier and more streamlined, which can then be embedded into presentations or used in (lecture) videos.

Abstract

The web-based dynamic geometry software CindyJS is a versatile tool to create interactive applications for mathematics and other topics. In this workshop, we will look at a code package that makes the creation of animations in CindyJS easier and more streamlined. Animations, which can then be embedded into presentations or be used in (lecture) videos. The focus lies on the creation of the animations themselves and some of the technical and artistic fundamentals to do so.

Figures (6)

• Figure 1: The web editor found at https://bit.ly/bridges25 with its main features marked.
• Figure 2: The four easing functions used in this paper. Screenshots taken from SS:easing.
• Figure 3: The line from Example 1 at two points in time of the animation.
• Figure 4: The circle from Example 2 at the end of each animation track.
• Figure 5: The arrow from Example 3 at two points in time of the animation.