by Daeinc
May 2022
An exploration into time and motion. Two linear timelines - structural and surficial - are intertwined. By weaving these timelines at different points in time, almost infinite variations can be made. The changing relationship between the two creates dynamic and unique compositions and challenges the visual perception.
## Guide:
- Please note that the animation responds to window aspect ratio. This is an intentional behavior as part of interactivity. It reproduces the same outcome at the same ratio.
- To export image at specific size, use URL parameters as below.
- See browser console for more info.
- Tested on MacOS 12.3.1 with Chrome 101.0
## Keyboard Interaction:
- [0] for exhibit. it switches to a different mode every 3 loops.
- [s] to export PNG image. use URL params for dimensions.
- [spacebar] to play/pause animation
- [1 ~ 5] for different play modes
- [1]: all
- [2]: surficial
- [3]: constant
- [4]: all-constant
- [5]: structural
- [h] to toggle hi-DPI mode. (for retina display)
## URL Parameters:
- add parameters separated by ampersand to the URL ex. https://.../?fxhash=...&mode=exhibit&w=800&st=5.3
- [mode]: play mode (exhibit, all, surficial, constant, all-constant, structural)
- [w]: width. (ex. w=1200)
- [h]: height. (ex. h=600)
- [st]: structural timecode. up to 2 decimals (ex. st=4.31)
- [su]: surficial timecode. up to 2 decimals (ex. su=15.04)
- [co]: constant offset. up to 2 decimals (ex. co=7.4)
- [pr]: pixel ratio. set it to 2 (or press [h]) for hi-DPI screens.
## License
CC-BY-NC 4.0
Please refer to the included LICENSE.md for license information.
Libraries used: p5, canvas-sketch, canvas-sketch-util, keyframes, easing equations from easings.net
Tutorial on how to output algorithmically created graphical ornaments or representations of data in Processing to multiple page documents, ready for offset print with process (CMYK) and spot colors.
Join us and access more than 3,500 projects from thousands of cross-disciplinary artists working with technology.
Since 2008, CAN has been at the forefront of innovation – facilitating and driving the conversations about technology, society and critical making. From online/offline publications to live events, CAN’s initiatives have played an instrumental in shaping the innovative creative practices we know today.