The Number Games
appmotionillustration
#game #ux #ui #html #css #js #gsap #animation
The ultimate maths showdown! Use your maths skills to win medals in 9 different sport-themed events all with the power of your voice! Think you've got what it takes to clinch gold?
![](https://freight.cargo.site/t/original/i/44629a955cfe91fa8c42e1e3f0cca57f324575b6238ebad4974355e858f3e4d6/brindle-design-va-tng-000-mock-echo-show-icon.jpg)
︎︎︎IA / UX User Voice interaction with Alexa Platform
![](https://freight.cargo.site/t/original/i/31e5e1ce84854587263ea2954ad902677b7f229d616b07fc554b196fefa8ea7d/brindle-design-va-tng-000-mock-game-wireframe.jpg)
︎︎︎ Quickfire mood boarding; level + character ideation. Vector/CSS layered character spriteconcept creation.
![](https://freight.cargo.site/t/original/i/72830b6eb48ef9d685e8bf564684348b934c50e8fd4f2df4b3ce5b2721eb554f/brindle-design-va-tng-000-mock-game-sketches.jpg)
︎︎︎ Team sprints of UI / UX game design in Figma. Including game direction, character illustration, sprite and level design.
![](https://freight.cargo.site/t/original/i/0e5f46cf2f09826bf76f5e9830532ea28724c449c22ce87fd443c762dc3659fa/brindle-design-va-tng-000-mock-game-screens.jpg)
︎︎︎ R&D + build of responsive Multi-Modal cross-device voice game framework. Custom created .Ai to .SVG to HTML/CSS/GSAP sprite workflow.
![](https://freight.cargo.site/t/original/i/cb477d2e19385f50363813ac35faac529facaf5f26a17731cb8519709d0062e6/brindle-design-va-tng-000-mock-html-to-svg.jpg)
The FINAL Minigames
︎︎︎ Design + build of 8 sport based math mini games with voice triggered dynamic live responsive .svg vector animation coded in HTML/CSS+GSAP.Intro
![](https://freight.cargo.site/t/original/i/4eef65c237653232e6f62eaa47f8a9ed8a414644bb942e43c9186a1ace612f6e/brindle-design-game-tng-ani-00022.gif)
![](https://freight.cargo.site/t/original/i/3bd2c3a47a33eeea3e3cec0f0249fdaff1fdb495758a4a9fe1f89ce4d6bee96b/brindle-design-game-tng-ani-00021.gif)
![](https://freight.cargo.site/t/original/i/b572885350d88a2d1b848fd5e40a4398752bce41f92276205830d0a5e67e1ce8/brindle-design-game-tng-ani-00023.gif)
Fencing
![](https://freight.cargo.site/t/original/i/32e6c00513b2c7ce5ca838818fe4effb8151ea92fe3eb7861cd94c130deb6586/brindle-design-game-tng-ani-00006.gif)
![](https://freight.cargo.site/t/original/i/c9fcf19c2c767bcab596f9b4049983c696e49fda786c326d075da3f5d64fb213/brindle-design-game-tng-ani-00027.gif)
![](https://freight.cargo.site/t/original/i/df6f0b2e6a05161c29db27de12fef31f0ebc4e50894555c9360d2516cfce2c54/brindle-design-game-tng-ani-00007.gif)
![](https://freight.cargo.site/t/original/i/296f5ce21600161e30dbf4ed5e739543accab41ff63ed1c219f3c0e9dfc8c999/brindle-design-game-tng-ani-00008.gif)
![](https://freight.cargo.site/t/original/i/9da5c40bb78a1b8c1fdf053e979f44f76d818bf49f446feeeebec6ab31c48abd/brindle-design-game-tng-ani-00009.gif)
![](https://freight.cargo.site/t/original/i/4836cb13ddf521668786a2ea943bf0802638470fc4c06889550fc679558238a7/brindle-design-game-tng-ani-00011.gif)
Sprinting
![](https://freight.cargo.site/t/original/i/67142c170ef8269cfdd8446f6f10e7bfcec0d28d6cdc05a5dbbf310b3beda029/brindle-design-game-tng-ani-00058.gif)
![](https://freight.cargo.site/t/original/i/441370300bd7ae56b11211a3078e69231732a5198e4db7c734d3eae029d0248b/brindle-design-game-tng-ani-00061.gif)
![](https://freight.cargo.site/t/original/i/85cc1f32711f12ddb85c30c4c6f19f16220c40f39a9475c65018f645ad7f3890/brindle-design-game-tng-ani-00060.gif)
Diving
![](https://freight.cargo.site/t/original/i/ac064b92ae7f58dd07448adfa7a7e0de327686b282f0d3202426b54571afb0bc/brindle-design-game-tng-ani-00040.gif)
![](https://freight.cargo.site/t/original/i/562cda07b2c7efc9600b2a35bd8571b2b057aa773b3c708127d00a757507e201/brindle-design-game-tng-ani-00025.gif)
![](https://freight.cargo.site/t/original/i/07a1a30eca857341f064934a9e9a4b0287fa0d102fdebc5992894e36ddd7c1a6/brindle-design-game-tng-ani-00041.gif)
![](https://freight.cargo.site/t/original/i/a39bf749233dfa51246875ebda0145610353b7dc0f42c9bde291777b7d85eba3/brindle-design-game-tng-ani-00042.gif)
![](https://freight.cargo.site/t/original/i/45c64ac5c0fb707fc10c1a1fdecc5755673969d8836c0e3acdd0e296f9043057/brindle-design-game-tng-ani-00051.gif)
![](https://freight.cargo.site/t/original/i/4b694ef120d29bf9fae36795284b4d31256bfb66d7b0f1a84cbd5d75ee014caa/brindle-design-game-tng-ani-00054.gif)
Weightlifting
![](https://freight.cargo.site/t/original/i/704787de76da46d4e23a7115d76f524974d3940672f529c34e10f3528ec56e4e/brindle-design-game-tng-ani-00005.gif)
![](https://freight.cargo.site/t/original/i/ca8be8061f719d672701f127a3532b1d2d0daae636f0f1f2dd1adea4891ca758/brindle-design-game-tng-ani-00028.gif)
![](https://freight.cargo.site/t/original/i/a5526523278d092a65d3254848e107431ae4994e663430ee954af3b7a7b65a3c/brindle-design-game-tng-ani-00002.gif)
![](https://freight.cargo.site/t/original/i/79c54534dc71365555ea7c073b90feb4f613bea737f94ac18fade5fdb949f3f7/brindle-design-game-tng-ani-00003.gif)
![](https://freight.cargo.site/t/original/i/d5d72062e73c598493959e5f1f9d8c8babe31841a4606a99a951a6b2449ab48a/brindle-design-game-tng-ani-00001.gif)
![](https://freight.cargo.site/t/original/i/82c5c07e52a583ee7077cea1673c170b1c81f1e9790b10396b140ebfe1663ae6/brindle-design-game-tng-ani-00004.gif)
Archery
![](https://freight.cargo.site/t/original/i/f3b5fb116fa19b8717cb96455b0ea54f8d16eb2c1de7f4d4ee706b22805df0e3/brindle-design-game-tng-ani-00013.gif)
![](https://freight.cargo.site/t/original/i/ca3718a8298135cf959f7feb59c3f9ef61551efe81c2d62b39074e68be8789fd/brindle-design-game-tng-ani-00062.gif)
![](https://freight.cargo.site/t/original/i/a797bf513e72cc46b5ceb8a59ca8d726b693c2d5a1d486b1e7bfaed965887acc/brindle-design-game-tng-ani-00014.gif)
Swimming
![](https://freight.cargo.site/t/original/i/fc6106c72b25dc6cdbfddfda14723209bb183acd42f171bfcfb2bf64dc5bc166/brindle-design-game-tng-ani-00038.gif)
![](https://freight.cargo.site/t/original/i/c139c0a62c9f0096c3ab02512af09473ec851fd9930f8514a98e5d91a6d43819/brindle-design-game-tng-ani-00025.gif)
![](https://freight.cargo.site/t/original/i/33e139d6d4361ce930aadb35d154e8f7ef53869aa3944b15186f24c0fe7426e5/brindle-design-game-tng-ani-00037.gif)
Gymnastics
![](https://freight.cargo.site/t/original/i/a645b45b49af929bb1bfc972b70bc12f05d1488e4095ac97dcad25bfbb211fd9/brindle-design-game-tng-ani-00033.gif)
![](https://freight.cargo.site/t/original/i/5729b50d0b306108780b0b3e78b1e1ce167d6337ca623252e645f5a88aaf42dc/brindle-design-game-tng-ani-00034.gif)
![](https://freight.cargo.site/t/original/i/72cc9ae612cdaeb22073343c82fdc8c0de72265fd1c52c30a52ab58cef89f252/brindle-design-game-tng-ani-00035.gif)
![](https://freight.cargo.site/t/original/i/5e4f501d527a9eec6a6b764fa7274ec26f6587086ffa648133d1aa2b88e350b4/brindle-design-game-tng-ani-00036.gif)
Highjump
![](https://freight.cargo.site/t/original/i/17cc29cb0ca13035007003c88f09877808bc6cd9effc97197e4c00fe61007606/brindle-design-game-tng-ani-00031.gif)
![](https://freight.cargo.site/t/original/i/20611ff3d16f58dfea4e8d91b8eb3dc0cc1a806a5c4a94240d8f8b432de16796/brindle-design-game-tng-ani-00029.gif)
![](https://freight.cargo.site/t/original/i/803b33007ace30dc655c4c0a321249020e01d7a84b79896e20889565455ce2ed/brindle-design-game-tng-ani-00032.gif)
Cycling
![](https://freight.cargo.site/t/original/i/b0f9642e151c02162b16209e66dede27185ec7540fdbd8446e1c80aa0c9e54b2/brindle-design-game-tng-ani-00016.gif)
![](https://freight.cargo.site/t/original/i/20611ff3d16f58dfea4e8d91b8eb3dc0cc1a806a5c4a94240d8f8b432de16796/brindle-design-game-tng-ani-00029.gif)
![](https://freight.cargo.site/t/original/i/90c9d788088001d5f06a325a660bf45177c074837df7e0073eb3cf105e1b463c/brindle-design-game-tng-ani-00018.gif)
![](https://freight.cargo.site/t/original/i/90442c9c5e4cc874c93e0ccee557e8e9b38115f5688f5055fa2eb6dbce16dfbd/brindle-design-game-tng-ani-00017.gif)
![](https://freight.cargo.site/t/original/i/0421e84504aa50a71b558f3d1029a1aec0e8a8c485faea1028ad3e4328f986d2/brindle-design-game-tng-ani-00019.gif)
![](https://freight.cargo.site/t/original/i/8cf13e24ae3cc6130c9e4ec04d6765e5878c61f481095138a1c0bc96bef948e0/brindle-design-game-tng-ani-00020.gif)
Players
![](https://freight.cargo.site/t/original/i/bc3a52146be897e6074d1c5c273462e2df4be03bdeb2a41abae99d4884913265/brindle-design-game-tng-ani-00043.gif)
![](https://freight.cargo.site/t/original/i/d8adfe35edc5889afbb2c87f7d45039627e8508b8fdd254fae4188f7015cab10/brindle-design-game-tng-ani-00044.gif)
![](https://freight.cargo.site/t/original/i/8ceda7eb0eb1d8d3f3dc5acecedfc59c22783bce6895ab3c457515384bd2306f/brindle-design-game-tng-ani-00045.gif)
![](https://freight.cargo.site/t/original/i/46b1ea8b5b3baed17cee0825924f9c4bf6ca370feef74cad11bb7b77d73c2317/brindle-design-game-tng-ani-00046.gif)
HEY ALEXA!
Available now on Amazon Echo Show + Amazon Fire Stick TV.Just say “Hey Alexa, play The Number Games by Voice Arcade”
︎
BRINDLE is a Digital/Analogue Artist/Creative. Their work spans across direction, design, photography, illustration, motion, type, iconography, comms, games, 3D + code. Taking a full 360 creative approach across all channels + mediums.