tonz' interactive art portolio

tonz' interactive art portolio https://toniab.com tonz' interactive art portolio Wed, 22 Apr 2026 01:58:42 +0000 https://toniab.com en stains https://toniab.com/stains https://toniab.com/following/toniab.com/stains Wed, 22 Apr 2026 01:58:42 +0000 tonz' interactive art portolio 10912062 stains, web video art series, October 2015. For full installation, click here. What started as a visual narrative became a multi-part series of clips housed in a social media installation for viewers to navigate at their own pace. Exhibited at MATALA group show at Superchief Gallery LA Original video: Interactive piece: (( click through image to view )) <img src="https://payload.cargocollective.com/1/16/541998/10912062/Screen-Shot-2016-01-06-at-2.37.05-PM_670.png" width="670" height="381" width_o="2338" height_o="1330" src_o="https://payload.cargocollective.com/1/16/541998/10912062/Screen-Shot-2016-01-06-at-2.37.05-PM_2338.png" data-mid="58647896" border="0" align="left" data-title="670 — 670 × 381"data-hi-res="https://payload.cargocollective.com/1/16/541998/10912062/Screen-Shot-2016-01-06-at-2.37.05-PM_1340_c.png" /> <img src="https://payload.cargocollective.com/1/16/541998/10912062/matala_670.jpg" width="670" height="867" width_o="1582" height_o="2048" src_o="https://payload.cargocollective.com/1/16/541998/10912062/matala_1582.jpg" data-mid="61435873" border="0" align="left" data-title="670 — 670 × 867"data-hi-res="https://payload.cargocollective.com/1/16/541998/10912062/matala_1340_c.jpg" /> stains, web video art series, October 2015. For full installation, click here. What started as a visual narrative became a multi-part series of clips housed in a... #TIME2ESCALATE https://toniab.com/TIME2ESCALATE https://toniab.com/following/toniab.com/TIME2ESCALATE Wed, 22 Apr 2026 01:58:40 +0000 tonz' interactive art portolio 11454024 #TIME2ESCALATE Interactive installation, Apr 2016 Role: Technical Director A 10ft x 6ft wall topped with Barbed Wire built by Trump streams propaganda on each brick of the wall. Players are given a directive to turn off Trump's campaign playing a touch-game. The wall is a DIY touch screen made out of conductive painted cardboard, secret wires, and a MaKey MaKey. The game requires cooperation, an homage to the #TIME2ESCALATE coalition hashtag this election season. The main mechanic being is a matching game where touching each Trump reveals different moments of resistance. Dispersed across the installation, activating matches requires teamwork. When matches are found, underdog winning scenes play. When all matches are found, there is finally a period of calm. Inevitably the Trumps trickle back in since resistance is an ongoing process. KQED Arts, #Time2Escalate: Interactive Game Shows How Activism Requires Collaboration <img src="https://payload.cargocollective.com/1/16/541998/11454024/Trumpsign_667.png" width="667" height="1000" width_o="667" height_o="1000" src_o="https://payload.cargocollective.com/1/16/541998/11454024/Trumpsign_667.png" data-mid="61434971" border="0" align="left" data-title="670 (667) — 667 × 1000"/><img src="https://payload.cargocollective.com/1/16/541998/11454024/time2escalate3_670.jpg" width="670" height="670" width_o="960" height_o="960" src_o="https://payload.cargocollective.com/1/16/541998/11454024/time2escalate3_960.jpg" data-mid="61434973" border="0" align="left" data-title="670 — 670 × 670"data-hi-res="https://payload.cargocollective.com/1/16/541998/11454024/time2escalate3_960.jpg" /><img src="https://payload.cargocollective.com/1/16/541998/11454024/time2escalate_670.jpg" width="670" height="670" width_o="1080" height_o="1080" src_o="https://payload.cargocollective.com/1/16/541998/11454024/time2escalate_1080.jpg" data-mid="61434974" border="0" align="left" data-title="670 — 670 × 670"data-hi-res="https://payload.cargocollective.com/1/16/541998/11454024/time2escalate_1000.jpg" /> #TIME2ESCALATE Interactive installation, Apr 2016 Role: Technical Director A 10ft x 6ft wall topped with Barbed Wire built by Trump streams propaganda on each... Absurd Elevator Simulator https://toniab.com/Absurd-Elevator-Simulator https://toniab.com/following/toniab.com/Absurd-Elevator-Simulator Wed, 22 Apr 2026 01:58:39 +0000 tonz' interactive art portolio 11197758 Absurd Elevator Simulator Global Game Jam 2016. Concept Development and Unity Programmer. Teamed: Elaine Gomez, Peter Lu, and Annamaria Andrea Vitali. To respond to the theme of ritual, we created Absurd Elevator simulator, a game where you play an elevator operator dealing with surreal character/creatures talking about their weird obsession and anxieties. Players select multiple elevator buttons which combine to generate custom floors for each rider to react to and hopefully elevate their day. Play here (requires printing a keyboard setup) Exhibiting in LA Zine Fest 2016 under Playdate Game Show. Reached 2nd Experimental Game title on itch.io <img src="https://payload.cargocollective.com/1/16/541998/11197758/elevator1_670.jpg" width="670" height="502" width_o="1624" height_o="1218" src_o="https://payload.cargocollective.com/1/16/541998/11197758/elevator1_1624.jpg" data-mid="60112051" border="0" align="left" data-title="670 — 670 × 502"data-hi-res="https://payload.cargocollective.com/1/16/541998/11197758/elevator1_1340_c.jpg" /><img src="https://payload.cargocollective.com/1/16/541998/11197758/elevator6_670.jpg" width="670" height="402" width_o="2560" height_o="1536" src_o="https://payload.cargocollective.com/1/16/541998/11197758/elevator6_2560.jpg" data-mid="60112053" border="0" align="left" data-title="670 — 670 × 402"data-hi-res="https://payload.cargocollective.com/1/16/541998/11197758/elevator6_1340_c.jpg" /><img src="https://payload.cargocollective.com/1/16/541998/11197758/elevator8_670.jpg" width="670" height="402" width_o="2560" height_o="1536" src_o="https://payload.cargocollective.com/1/16/541998/11197758/elevator8_2560.jpg" data-mid="60112055" border="0" align="left" data-title="670 — 670 × 402"data-hi-res="https://payload.cargocollective.com/1/16/541998/11197758/elevator8_1340_c.jpg" /><img src="https://payload.cargocollective.com/1/16/541998/11197758/elevator9_670.png" width="670" height="476" width_o="1534" height_o="1090" src_o="https://payload.cargocollective.com/1/16/541998/11197758/elevator9_1534.png" data-mid="60112058" border="0" align="left" data-title="670 — 670 × 476"data-hi-res="https://payload.cargocollective.com/1/16/541998/11197758/elevator9_1340_c.png" /> Absurd Elevator Simulator Global Game Jam 2016. Concept Development and Unity Programmer. Teamed: Elaine Gomez, Peter Lu, and Annamaria Andrea Vitali. To respond... Tales of the Trancestors: The Divine https://toniab.com/Tales-of-the-Trancestors-The-Divine https://toniab.com/following/toniab.com/Tales-of-the-Trancestors-The-Divine Thu, 06 Feb 2025 00:47:37 +0000 tonz' interactive art portolio 14574801 Tales of the Trancestors: The Divine Live Theatre, December, 2025. Role: Projection Designer, Background Environment Artist Produced by Celebration Theatre. Sold out run at Greenway Court Theatre. Review on Broadway World . Tales of the Transcestors: The Divine reimagines folklore, mythologies, and spiritual guides across time and cultures. Three interwoven stories rooted in Native Hawaiian tradition (Kapaemahu), Islamic mysticism (djinn), and spiritual alchemy (the Rebis), unearth personal and cultural histories to reclaim trans wisdom, healing, power, and joy. <img src="https://payload.cargocollective.com/1/16/541998/14574801/d2-Lex_Trancestors_12Dec2024_Show-150_670.jpg" width="670" height="1005" width_o="3840" height_o="5760" src_o="https://payload.cargocollective.com/1/16/541998/14574801/d2-Lex_Trancestors_12Dec2024_Show-150_3840.jpg" data-mid="80116642" border="0" align="left" data-title="670 — 670 × 1005"data-hi-res="https://payload.cargocollective.com/1/16/541998/14574801/d2-Lex_Trancestors_12Dec2024_Show-150_1340_c.jpg" /> ART DIRECTION I supported the directors vision in creating a portal for audiences to enter a "world between worlds"—where lineage, desire, time, and space are fluid and ever-shifting. The visual language I directed combined illustration with geometric cut-outs of actual photos to deliver a pop up book like aesthetic that plays with space and time, perspective and reality. TECH SETUP ProCreate for Illustaration, Photoshop for layering and alteration, AfterEffects for animation, QLab for mapping and queueing <img src="https://payload.cargocollective.com/1/16/541998/14574801/k1-Lex_Trancestors_12Dec2024_Show-47_670.jpg" width="670" height="446" width_o="5000" height_o="3333" src_o="https://payload.cargocollective.com/1/16/541998/14574801/k1-Lex_Trancestors_12Dec2024_Show-47_5000.jpg" data-mid="80116643" border="0" align="left" data-title="670 — 670 × 446"data-hi-res="https://payload.cargocollective.com/1/16/541998/14574801/k1-Lex_Trancestors_12Dec2024_Show-47_1340_c.jpg" /><img src="https://payload.cargocollective.com/1/16/541998/14574801/k2-Lex_Trancestors_12Dec2024_Show-42_670.jpg" width="670" height="446" width_o="5000" height_o="3333" src_o="https://payload.cargocollective.com/1/16/541998/14574801/k2-Lex_Trancestors_12Dec2024_Show-42_5000.jpg" data-mid="80116644" border="0" align="left" data-title="670 — 670 × 446"data-hi-res="https://payload.cargocollective.com/1/16/541998/14574801/k2-Lex_Trancestors_12Dec2024_Show-42_1340_c.jpg" /><img src="https://payload.cargocollective.com/1/16/541998/14574801/r1-Lex_Trancestors_12Dec2024_Show-70_670.jpg" width="670" height="1004" width_o="3887" height_o="5830" src_o="https://payload.cargocollective.com/1/16/541998/14574801/r1-Lex_Trancestors_12Dec2024_Show-70_3887.jpg" data-mid="80116645" border="0" align="left" data-title="670 — 670 × 1004"data-hi-res="https://payload.cargocollective.com/1/16/541998/14574801/r1-Lex_Trancestors_12Dec2024_Show-70_1340_c.jpg" /><img src="https://payload.cargocollective.com/1/16/541998/14574801/d1-Lex_Trancestors_12Dec2024_Show-125_670.jpg" width="670" height="1005" width_o="3840" height_o="5760" src_o="https://payload.cargocollective.com/1/16/541998/14574801/d1-Lex_Trancestors_12Dec2024_Show-125_3840.jpg" data-mid="80116641" border="0" align="left" data-title="670 — 670 × 1005"data-hi-res="https://payload.cargocollective.com/1/16/541998/14574801/d1-Lex_Trancestors_12Dec2024_Show-125_1340_c.jpg" /><img src="https://payload.cargocollective.com/1/16/541998/14574801/r2-Lex_Trancestors_12Dec2024_Show-102_670.jpg" width="670" height="446" width_o="5000" height_o="3333" src_o="https://payload.cargocollective.com/1/16/541998/14574801/r2-Lex_Trancestors_12Dec2024_Show-102_5000.jpg" data-mid="80116647" border="0" align="left" data-title="670 — 670 × 446"data-hi-res="https://payload.cargocollective.com/1/16/541998/14574801/r2-Lex_Trancestors_12Dec2024_Show-102_1340_c.jpg" /><img src="https://payload.cargocollective.com/1/16/541998/14574801/Screenshot-2025-02-05-at-4.48.24PM_670.png" width="670" height="432" width_o="2046" height_o="1320" src_o="https://payload.cargocollective.com/1/16/541998/14574801/Screenshot-2025-02-05-at-4.48.24PM_2046.png" data-mid="80116659" border="0" align="left" data-title="670 — 670 × 432"data-hi-res="https://payload.cargocollective.com/1/16/541998/14574801/Screenshot-2025-02-05-at-4.48.24PM_1340_c.png" /> Tales of the Trancestors: The Divine Live Theatre, December, 2025. Role: Projection Designer, Background Environment Artist Produced by Celebration Theatre. Sold... Afropunk Reel https://toniab.com/Afropunk-Reel https://toniab.com/following/toniab.com/Afropunk-Reel Tue, 28 Jan 2025 02:15:27 +0000 tonz' interactive art portolio 8834805 Afropunk Highlight Reel, event video, September 2013. Position: Editor. Highlight reel produced under Browntourage with official media access at Afropunk musical festival 2013. Posted on Afropunk Magazine. Afropunk Highlight Reel, event video, September 2013. Position: Editor. Highlight reel produced under Browntourage with official media access at Afropunk musical... Rye Rye Green Screen https://toniab.com/Rye-Rye-Green-Screen https://toniab.com/following/toniab.com/Rye-Rye-Green-Screen Tue, 28 Jan 2025 02:15:20 +0000 tonz' interactive art portolio 8835331 Rye Rye Green Screen, live photobooth, August 2013. Position: Producer and digital designer. I concepted and executed a greenscreen photobooth for M.I.A.'s protege Rye Rye's concert thrown in collaboration with Bay Area Queer People of Color Party Organizations Hard French and Swagger Like Us. Designed the backdrop and batch edited the photos to appear as if participated were in the videogame from Rye Rye's “Boom” video with Rye Rye streaming in on the corner. View Final Album on Facebook <img src="https://payload.cargocollective.com/1/16/541998/8835331/ryerye-ft_670.jpg" width="670" height="446" width_o="960" height_o="640" src_o="https://payload.cargocollective.com/1/16/541998/8835331/ryerye-ft_960.jpg" data-mid="47672821" border="0" align="left" data-title="670 — 670 × 446"data-hi-res="https://payload.cargocollective.com/1/16/541998/8835331/ryerye-ft_960.jpg" /> Rye Rye Green Screen, live photobooth, August 2013. Position: Producer and digital designer. I concepted and executed a greenscreen photobooth for M.I.A.'s... Body Terrains https://toniab.com/Body-Terrains https://toniab.com/following/toniab.com/Body-Terrains Tue, 28 Jan 2025 02:14:59 +0000 tonz' interactive art portolio 8834139 Body Terrains, online exhibit, October 2014, Position: Creative Director, developer. A multimedia piece exploring close-up shots of body parts styled to resemble a landscape. Includes my original looping videos and photos over which I used JS parralax scrolling to display original text from a fellow artist, and a borrowed soundtrack. Viewable Here: https://konversation.us/body-terrains <img src="https://payload.cargocollective.com/1/16/541998/8834139/IMG_9430_670.JPG" width="670" height="446" width_o="3456" height_o="2304" src_o="https://payload.cargocollective.com/1/16/541998/8834139/IMG_9430_3456.JPG" data-mid="47668403" border="0" align="left" data-title="670 — 670 × 446"data-hi-res="https://payload.cargocollective.com/1/16/541998/8834139/IMG_9430_1340_c.JPG" /> Body Terrains, online exhibit, October 2014, Position: Creative Director, developer. A multimedia piece exploring close-up shots of body parts styled to resemble... FRKN WKND https://toniab.com/FRKN-WKND https://toniab.com/following/toniab.com/FRKN-WKND Tue, 28 Jan 2025 02:14:50 +0000 tonz' interactive art portolio 11148356 In Progress: FRKN WKND, Sep 2015 - Present Interface Designer FRKN WKND is Aquma's M.F.A. Thesis Project at University of Southern California's Interactive Media and Game Design featuring collection of short personal games that build a larger narrative about a struggling game designer who lives with his mother in the Boyle Heights neighborhood of Los Angeles. We worked closely to ensure usability and visual consistency across mini-games for this narrative project set in a vapor-wave themed phone. IndieCade curated select at E3, Nominee in IndieCade 2016 <img src="https://payload.cargocollective.com/1/16/541998/11148356/frknwknd_home.gif" width="225" height="360" width_o="225" height_o="360" src_o="https://payload.cargocollective.com/1/16/541998/11148356/frknwknd_home.gif" data-mid="60109298" border="0" align="left" data-title="670 (225) — 225 × 360"/><img src="https://payload.cargocollective.com/1/16/541998/11148356/frknwknd_drumpad.gif" width="225" height="360" width_o="225" height_o="360" src_o="https://payload.cargocollective.com/1/16/541998/11148356/frknwknd_drumpad.gif" data-mid="60109297" border="0" align="left" data-title="670 (225) — 225 × 360"/> <img src="https://payload.cargocollective.com/1/16/541998/11148356/tweet_banner_purple_670.png" width="670" height="77" width_o="1104" height_o="128" src_o="https://payload.cargocollective.com/1/16/541998/11148356/tweet_banner_purple_1104.png" data-mid="60109310" border="0" align="left" data-title="670 — 670 × 77"data-hi-res="https://payload.cargocollective.com/1/16/541998/11148356/tweet_banner_purple_1000.png" /> <img src="https://payload.cargocollective.com/1/16/541998/11148356/frknwknd_momcall.gif" width="225" height="360" width_o="225" height_o="360" src_o="https://payload.cargocollective.com/1/16/541998/11148356/frknwknd_momcall.gif" data-mid="60109299" border="0" align="left" data-title="670 (225) — 225 × 360"/><img src="https://payload.cargocollective.com/1/16/541998/11148356/frknwknd_momchoice.gif" width="225" height="360" width_o="225" height_o="360" src_o="https://payload.cargocollective.com/1/16/541998/11148356/frknwknd_momchoice.gif" data-mid="60109302" border="0" align="left" data-title="670 (225) — 225 × 360"/> In Progress: FRKN WKND, Sep 2015 - Present Interface Designer FRKN WKND is Aquma's M.F.A. Thesis Project at University of Southern California's Interactive Media... Browntourage https://toniab.com/Browntourage-1 https://toniab.com/following/toniab.com/Browntourage-1 Tue, 28 Jan 2025 02:14:24 +0000 tonz' interactive art portolio 8896654 Browntourage, 2012 - Present. Position: Co-Founder, Developer/Designer Browntourage is a media agency spanning curatorial projects, experiments in interactive media, brand collaborations and platform for media and design moments that are forward thinking and socially conscious. We are committed to diversity in aesthetics, supporting the work of diverse culture makers, and anticipating socio-cultural trends. Website (Bootstrap & Angular JS) <img src="https://payload.cargocollective.com/1/16/541998/8896654/Screen-Shot-2016-03-03-at-12.16.54-PM_670.png" width="670" height="532" width_o="1632" height_o="1296" src_o="https://payload.cargocollective.com/1/16/541998/8896654/Screen-Shot-2016-03-03-at-12.16.54-PM_1632.png" data-mid="60108441" border="0" align="left" data-title="670 — 670 × 532"data-hi-res="https://payload.cargocollective.com/1/16/541998/8896654/Screen-Shot-2016-03-03-at-12.16.54-PM_1340_c.png" /> Social Media IG, TW, FB @browntourage (with consultation from Symrin Chawla) <img src="https://payload.cargocollective.com/1/16/541998/8896654/b_peach_500.jpg" width="500" height="500" width_o="500" height_o="500" src_o="https://payload.cargocollective.com/1/16/541998/8896654/b_peach_500.jpg" data-mid="60108331" border="0" align="left" data-title="670 (500) — 500 × 500"/> Magazine (Wordpress Theme Installation) <img src="https://payload.cargocollective.com/1/16/541998/8896654/magazine_670.jpg" width="670" height="449" width_o="686" height_o="460" src_o="https://payload.cargocollective.com/1/16/541998/8896654/magazine_686.jpg" data-mid="48004954" border="0" align="left" data-title="670 — 670 × 449"data-hi-res="https://payload.cargocollective.com/1/16/541998/8896654/magazine_686.jpg" /> Browntourage, 2012 - Present. Position: Co-Founder, Developer/Designer Browntourage is a media agency spanning curatorial projects, experiments in interactive... Ju$tin Loans https://toniab.com/Ju-tin-Loans https://toniab.com/following/toniab.com/Ju-tin-Loans Tue, 28 Jan 2025 02:14:10 +0000 tonz' interactive art portolio 8836028 How to Fake it in America, May 2013. Position: Digital Album Artist. I Designed three covers for rapper Ju$tin Loans new mixtape, single, and remix combining visual references like blinged out hotwheels, churros, monopoly money, and cumbia dress to represent Mexican American life as a young boy with big dreams. <img src="https://payload.cargocollective.com/1/16/541998/8836028/loans-1_600.jpg" width="600" height="600" width_o="600" height_o="600" src_o="https://payload.cargocollective.com/1/16/541998/8836028/loans-1_600.jpg" data-mid="47675740" border="0" align="left" data-title="670 (600) — 600 × 600"/><img src="https://payload.cargocollective.com/1/16/541998/8836028/loans-2_668.jpg" width="668" height="668" width_o="668" height_o="668" src_o="https://payload.cargocollective.com/1/16/541998/8836028/loans-2_668.jpg" data-mid="47675741" border="0" align="left" data-title="670 (668) — 668 × 668"/><img src="https://payload.cargocollective.com/1/16/541998/8836028/loans-3_633.jpg" width="633" height="633" width_o="633" height_o="633" src_o="https://payload.cargocollective.com/1/16/541998/8836028/loans-3_633.jpg" data-mid="47675742" border="0" align="left" data-title="670 (633) — 633 × 633"/> How to Fake it in America, May 2013. Position: Digital Album Artist. I Designed three covers for rapper Ju$tin Loans new mixtape, single, and remix combining...