# EVA London November 2020 [Dave Everitt](https://daveeveritt.org/art.html) and [Fania Raczinski](https://fania.eu) <small>artist-programmers</small>
## About us **Dave**: - **Fine Art** > Loughborough HCI > IoCT, De Montfort - 1980s: **magic square** Hypercard stack - 1990s: [**cubeLife**](https://cubelife.org) (Loughborough, CCRS…) - 2000s-now: online works, **IoCT**, De Montfort **Fania**: - 2007: **Sudoku** solver, **Computer Science** Leicester - 2010: live [**motion tracking**](https://vimeo.com/fania/) artwork, Masters IoCT - 2017: PhD [**NLP artwork + research**](https://pata.physics.wtf) - 200s-now: online works, **IoCT**, De Montfort
## Dave & Fania: collaboration <small> Research: [**Creative Zombie Apocalypse**](https://daveeveritt.org/presentations/ISCC2016/#/), 2016 (A Critique of Computer Creativity Evaluation) **~~~** Art: [**Personal Space**](https://daveeveritt.github.io/space-weather-words/), 2019 (magic square, diaries, solar data): </small> <!--  --> <iframe width="840" height="400" src="https://daveeveritt.github.io/space-weather-words/"></iframe>
# First software <small>Hypercard, visualiser for magic square collections, 1980s-90s</small><br> 
# cubeLife (1999) <small>Heartbeat-driven magic cubes, with Greg Turner, CCRS, Loughborough University</small> 
## Matrices: magic square <small>rows, columns and diagonals share a common sum</small> 
## The magic line <small>the path connecting all numbers in sequence</small> 
## Symmetry-asymmetry <small>Dramatic contrast with different order 20 magic squares</small> 
# First work: "880" Interact, Leicester 2019 
# Magic matrices - **One** set of rules, **various** groups, **many** outputs - Magic line: **symmetry/asymmetry** **order/disorder** - **Complexity** from combinatorial **simplicity** - **Millions** of permutations <small>(e.g. 275,305,224 order 5)</small> - See the [**CAS paper (Science Open)**](https://www.scienceopen.com/document?vid=ec68f646-d76e-4961-986e-1aa83123d146) for more details
## Reducing complexity <small>Eliminating common patterns: 880 reduced to 383</small> 
## Identifying types 
# Ongoing development - Haskell algorithms to **generate** magic squares - contributing/collecting magic squares through web interface - backend server **database** (Node/Couch) - JavaScript for displaying and animating **SVG**s - progressive web app for mobile access - all sorts of web magic…
# Live demo… - [Order 4 styles](https://squares.cubelife.org/?order=4&amount=unique&style=numbers&size=11&gap=26&overlap=false&overlapAmount=overlap200&background=%23222222&stroke=%23FFFFFF&strokeWidth=2&salpha=255&fill=%23666666&falpha=0&animation=off&speed=50&dayMode=false) - [Order 12 pattern varieties (classes)](https://squares.cubelife.org/?order=12&amount=unique&style=straight&size=11&gap=26&overlap=false&overlapAmount=overlap200&background=%23222222&stroke=%23b8f9e9&strokeWidth=2&salpha=255&fill=%23666666&falpha=0&animation=off&speed=50&dayMode=false), see also [order 8](https://squares.cubelife.org/?order=8&amount=unique&style=quadvertex&size=11&gap=16&overlap=false&overlapAmount=overlap200&background=%23222222&stroke=%23f8f9b9&strokeWidth=2&salpha=255&fill=%2394bf5f&falpha=15&animation=off&speed=50&dayMode=false) - [Order 4 seamless grid animation quadline](https://squares.cubelife.org/?order=4&amount=unique&style=quadline&size=4&gap=0&overlap=false&overlapAmount=overlap200&background=%23222222&stroke=%23f8c8f9&strokeWidth=4&salpha=255&fill=%23666666&falpha=0&animation=async&speed=50&dayMode=false), or [order 5 straight](https://squares.cubelife.org/?order=5&amount=unique&style=straight&size=6&gap=0&overlap=false&overlapAmount=overlap200&background=%23222222&stroke=%23bcb8ff&strokeWidth=2&salpha=255&fill=%23666666&falpha=0&animation=async&speed=50&dayMode=false), [order 5 arc](https://squares.cubelife.org/?order=5&amount=unique&style=arc&size=6&gap=5&overlap=false&overlapAmount=overlap200&background=%23222222&stroke=%23b8faff&strokeWidth=2&salpha=255&fill=%23666666&falpha=0&animation=async&speed=50&dayMode=false) - [Order 6 overlap animation](https://squares.cubelife.org/?order=6&amount=unique&style=quadvertex&size=7&gap=0&overlap=true&overlapAmount=overlap200&background=%23222222&stroke=%23fbf9d5&strokeWidth=1&salpha=45&fill=%239dd7be&falpha=5&animation=sync&speed=100&dayMode=false), or [order 10 arc](https://squares.cubelife.org/?order=10&amount=unique&style=arc&size=10&gap=15&overlap=true&overlapAmount=overlap200&background=%2337015b&stroke=%23ffef0a&strokeWidth=8&salpha=55&fill=%23ff9500&falpha=40&animation=sync&speed=100&dayMode=false)