<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > Count On Me< / title >
< meta name = "description" content = "XPUB" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< link rel = "stylesheet" href = "../notitleyet/main.css" >
< link rel = "stylesheet" href = "../notitleyet/style.css" >
< link rel = "icon" href = "img/Crypto.png" type = "img/Crypto.png" / >
< / head >
< body >
< div id = 'wrapper' > < / div >
< a href = '../' id = 'homebttn' class = 'ext' > & #9746< / a >
< header >
< h1 id = 'project-title' > Count On Me < a href = '#hleft-text' class = 'show' > & #8645< / a > < / h1 >
< h2 id = 'student-name' > Martin Foucaut< / h2 >
< div id = 'hleft-text' >
< a href = # id = 'back' >
< div id = 'inner-hleft-text' >
< div id = 'ihtp' >
< object >
< div id = 'about-project' >
< p > & #129122 "Count on me" is an interactive data collector that rewards your attention span and responsiveness in crypto-currency (& #8645).
In order to maximize profits, you will need to accurately position yourself in the space and pay attention to the instructions.
Each micro-task performed allows the visitor to get extra payouts and unlock different stages ranging from stock ticker interfaces, wellness applications, gambling games, captchas, streaming platforms, self-checkouts, eg.
Once ready to leave, the visitor can convert its crypto-earnings (& #8645) into euros (€) by refering to a randomly assigned conversion rate. < br > < / p >
< / p > < / div >
< br > < br >
< div id = 'about-student' >
< p > & #129122 Martin Foucaut is a freelance graphic designer based in Rotterdam, NL. Next to his professional practice ,
Martin is conducting a research about new media that involves writing, coding and installation works.< br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br > < br >
< / div >
< a id = 'getback' class = 'int' > go back < / a >
< / object >
< / div >
< / a >
< / div >
< / header >
< section id = 'main' >
< div id = "galleries" >
< div id = 'work' >
< h3 class = 'gal-title' > < div id = 'about-project' >
< a href = 'https://project.xpub.nl/notitleyet/pdf/Martin_Foucaut_Graduation_Thesis_XPUB_2022.pdf' target = "_blank" class = 'ext' > Publication< / a > & #129122
< a href = 'https://editor.p5js.org/MartinF/full/ASFk-WPHH' target = "_blank" class = 'ext' > Project< / a > & #129122
< a href = 'https://editor.p5js.org/MartinF/sketches/ASFk-WPHH' target = "_blank" class = 'ext' > Code< / a > & #129122
< a href = 'https://pzwiki.wdka.nl/mediadesign/XPUB2_Research_Board_/_Martin_Foucaut' target = "_blank" class = 'ext' > Board< / a >
< / div > < / h3 >
< div id = "myGallery" >
< figure tabindex = "0" >
< p class = "fade-in" > hover me< / p >
< img src = "img/01_StockTicker.png" title = "Level 1: Stock Ticker" alt = "" class = 'still' / >
< img src = "img/gif/01_StockTicker.gif" title = "Level 1: Stock Ticker" alt = "" class = 'workimg' / > < figcaption > Level 1: Stock Ticker (hover to preview)< / figcaption >
< / figure >
< figure tabindex = "0" >
< p class = "fade-in" > hover me< / p >
< img src = "img/02_SlotMachine.png" title = "Level 2: Slot Machine" alt = "" class = 'still' / >
< img src = "img/gif/02_SlotMachine.gif" title = "Level 2: Slot Machine" alt = "" class = 'workimg' / > < figcaption > Level 2: Slot Machine (hover to preview)< / figcaption >
< / figure >
< figure tabindex = "0" >
< p class = "fade-in" > hover me< / p >
< img src = "img/03_SelfTracker_01.png" title = "Level 3: Self-Tracker" alt = "" class = 'still' / >
< img src = "img/gif/03_SelfTracker_01.gif" title = "Level 3: Self-Tracker" alt = "" class = 'workimg' / > < figcaption > Level 3: Self-Tracker (hover to preview)< / figcaption >
< / figure >
< figure tabindex = "0" >
< p class = "fade-in" > hover me< / p >
< img src = "img/04_SelfTracker_02.png" title = "Level 4: Self-Tracker" alt = "" class = 'still' / >
< img src = "img/gif/03_SelfTracker_02.gif" title = "Level 4: Self-Tracker" alt = "" class = 'workimg' / > < figcaption > Level 4: Self-Tracker (hover to preview)< / figcaption >
< / figure >
< figure tabindex = "0" >
< p class = "fade-in" > hover me< / p >
< img src = "img/05_Livestream_02.png" title = "Level 5: Livestream" alt = "" class = 'still' / >
< img src = "img/gif/05_Livestream_02.gif" title = "Level 5: Livestream" alt = "" class = 'workimg' / > < figcaption > Level 5: Livestream (hover to preview)< / figcaption >
< / figure >
< figure tabindex = "0" >
< p class = "fade-in" > hover me< / p >
< img src = "img/07_SelfRegister.png" title = "Level 6: Self Scanning" alt = "" class = 'still' / >
< img src = "img/gif/07_SelfRegister.gif" title = "Level 6: Self Scanning" alt = "" class = 'workimg' / > < figcaption > Level 6: Self Scanning (hover to preview)< / figcaption >
< / figure >
< figure tabindex = "0" >
< p class = "fade-in" > hover me< / p >
< img src = "img/08_GPS_01.png" title = "Level 7: GPS" alt = "" class = 'still' / >
< img src = "img/gif/08_GPS_01.gif" title = "Level 7: GPS" alt = "" class = 'workimg' / > < figcaption > Level 7: GPS (hover to preview)< / figcaption >
< / figure >
< figure tabindex = "0" >
< p class = "fade-in" > hover me< / p >
< img src = "img/000_Exit.png" title = "Exit" alt = "" class = 'still' / >
< img src = "img/gif/000_Exit.gif" title = "Exit" alt = "" class = 'workimg' / > < figcaption > Exit (Not detected for 5sec) (hover to preview)< / figcaption >
< / figure >
< figure tabindex = "0" >
< img src = "img/Schema_Martin_01.png" title = "Materials" alt = "" class = 'workimg' / > < figcaption > Material list (doesn’ < / figcaption >
< / figure >
< figure tabindex = "0" >
< img src = "img/Schema_Martin_02.png" title = "Assembling" alt = "" class = 'workimg' / > < figcaption > Assembled installation< / figcaption >
< / figure >
< figure tabindex = "0" >
< img src = "img/Schema_Martin_03.png" title = "Instructions" alt = "" class = 'workimg' / > < figcaption > Instructions< / figcaption >
< / figure >
< figure tabindex = "0" >
< img src = "img/Schema_Martin_04.png" title = "Soluce" alt = "" class = 'workimg' / > < figcaption > Soluce (stage 1—4)< / figcaption >
< / figure >
< / div >
<!-- -
< img src = "img/01_StockTicker.gif" class = 'workimg' / >
< img src = "img/02_SlotMachine.gif" class = 'workimg' / >
< img src = "img/03_SelfTracker_01.gif" class = 'workimg' / >
< img src = "img/03_SelfTracker_02.gif" class = 'workimg' / >
< img src = "img/08_GPS_01.gif" class = 'workimg' / >
< img src = "img/07_SelfReister.gif" class = 'workimg' / >
< img src = "img/000_Exit.gif" class = 'workimg' / > -->
< / div >
< / ul >
< / div >
< div id = 'gradshow' >
< h3 class = 'gal-title' > Graduation Show (Soon)< / h3 >
< / div >
< / div >
< / section >
< / div >
< / body >
< / html >
