Added Remotely to Digital

content/text/digital/remotely.txt

@@ -0,0 +1,9 @@
+photo: RemotelyHQ.webp
+---
+Remotely was an online-first company developing immersive communication tools with a goal of improving emotional wellbeing and engagement of workers in online meetings. I was a Lead Artist on the self-titled project, a realtime 3D online web platform and meeting tool.
+
+Remotely was built using Unity3D and deployed on the web using WebGL. It was a challenging project from a technical perspective. Unity's WebGL deployment was buggy and underdeveloped at the time and there were huge compatibility and optimizations issues across platforms and browsers.
+
+![Remotely Screenshot](RemotelyMuseum.webp)
+
+![Remotely Screenshot](RemotelyMoleGame.webp)

content/text/digital/zero_king.txt

@@ -0,0 +1,6 @@
+photo: ZeroKing01.webp
+---
+I was a Technical Artist at Zero King, a studio with their first self-titled online competitive space shooter [Zero King](https://store.steampowered.com/app/2675370/Zero_King/).
+I was responsible for defining the early alpha stage visual design and realtime rendering techniques, visual effects and environment lighting.
+Zero King was build using Unity3D engine during my tenure.
+

site/EachineVR006.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/Irie.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/analogue.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/architecture_week_2016.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/camera_kit.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/caviar.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/constellations.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/contrail_romantics.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/detritus_memory_dump.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/digital.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>
@@ -64,15 +66,20 @@
 </section></nav>
 
 <main>
-<section><h1>Digital</h1><p><ul class='toc'><li><a href='#how_to_adhd'>How To Adhd</a></li><li><a href='#friendship_is_magic'>Friendship Is Magic</a></li><li><a href='#gamejams'>Gamejams</a></li><li><a href='#vizcera'>Vizcera</a></li><li><a href='#vr'>Vr</a></li><li><a href='#ice_age_adventures'>Ice Age Adventures</a></li><li><a href='#gaea'>Gaea</a></li><li><a href='#swordy'>Swordy</a></li><li><a href='#letnice'>Letnice</a></li><li><a href='#shaders'>Shaders</a></li></ul></p></section><section><h2><a id='how_to_adhd' href=how_to_adhd.html>How To Adhd</a></h2><p><img src='../content/images/HowToADHD.webp' loading='lazy'></p><p>I created a 3D tool for <a href="https://www.youtube.com/@HowtoADHD" target="_blank">How To ADHD</a>, a youtube channel dedicated to knowledge about and advice living with ADHD. Part of the channel's style is animated cartoons of their main character depicted as a brain. To suit their 2D workflow using AfterEffects, I created a 3D model for their new logo and made a utility that could render it out from any angle.</p></section><section><h2><a id='friendship_is_magic' href=friendship_is_magic.html>Friendship Is Magic</a></h2><p><img src='../content/images/FriendShipIsMagicPonyVille.webp' loading='lazy'></p><p>While at Gameloft as a Technical Artist, I helped release the official My Little Pony village building game for iOS using Gameloft's in-house engine and tooling. I was responsible for vfx and asset integration pipelines.</p>
+<section><h1>Digital</h1><p><ul class='toc'><li><a href='#how_to_adhd'>How To Adhd</a></li><li><a href='#friendship_is_magic'>Friendship Is Magic</a></li><li><a href='#gamejams'>Gamejams</a></li><li><a href='#vizcera'>Vizcera</a></li><li><a href='#zero_king'>Zero King</a></li><li><a href='#vr'>Vr</a></li><li><a href='#ice_age_adventures'>Ice Age Adventures</a></li><li><a href='#remotely'>Remotely</a></li><li><a href='#gaea'>Gaea</a></li><li><a href='#swordy'>Swordy</a></li><li><a href='#letnice'>Letnice</a></li><li><a href='#shaders'>Shaders</a></li></ul></p></section><section><h2><a id='how_to_adhd' href=how_to_adhd.html>How To Adhd</a></h2><p><img src='../content/images/HowToADHD.webp' loading='lazy'></p><p>I created a 3D tool for <a href="https://www.youtube.com/@HowtoADHD" target="_blank">How To ADHD</a>, a youtube channel dedicated to knowledge about and advice living with ADHD. Part of the channel's style is animated cartoons of their main character depicted as a brain. To suit their 2D workflow using AfterEffects, I created a 3D model for their new logo and made a utility that could render it out from any angle.</p></section><section><h2><a id='friendship_is_magic' href=friendship_is_magic.html>Friendship Is Magic</a></h2><p><img src='../content/images/FriendShipIsMagicPonyVille.webp' loading='lazy'></p><p>While at Gameloft as a Technical Artist, I helped release the official My Little Pony village building game for iOS using Gameloft's in-house engine and tooling. I was responsible for vfx and asset integration pipelines.</p>
 <p><img alt="" loading="lazy" src="../content/images/FriendShipIsMagicRainbowDash.webp" />
 <img alt="" loading="lazy" src="../content/images/FriendShipIsMagicAppleJack.webp" /></p></section><section><h2><a id='gamejams' href=gamejams.html>Gamejams</a></h2><p>I occasionally participate in game jams to keep my skills sharp, to meet new people and get spontaneously creative.</p></section><section><h2><a id='vizcera' href=vizcera.html>Vizcera</a></h2><p><img src='../content/images/VizceraKids.webp' loading='lazy'></p><p>Motion controlled, Xbox Kinect driven audiovisual installation created as a collaboration with <a href="https://www.aucklandlive.co.nz/digital-art-live" target="_blank">Digital Art Live</a> during my Masters of Creative Technologies study.</p>
 <p>Vizcera was on display at Aotea Centre in November 2014. A video of it in action can be seen <a href="https://vimeo.com/118676473" target="_blank">here</a>.</p>
 <p><img alt="Streaks of various colors streaming off from the bottom of the screen." loading="lazy" src="../content/images/VizceraScreenshot01.webp" />
 <img alt="Red and purple streaks of color streaming off from a series of 10 color orbs." loading="lazy" src="../content/images/VizceraScreenshot02.webp" />
-<img alt="Streaks of yellow and green colors streaming up from the bottom of the screen." loading="lazy" src="../content/images/VizceraScreenshot03.webp" /></p></section><section><h2><a id='vr' href=vr.html>Vr</a></h2><p><img src='../content/images/OculusQuest2.webp' loading='lazy'></p><p>Virtual Reality projects.</p></section><section><h2><a id='ice_age_adventures' href=ice_age_adventures.html>Ice Age Adventures</a></h2><p><img src='../content/images/IceAgeAdventuresCrush.webp' loading='lazy'></p><p>While at Gameloft as a Technical Artist, I helped release the official Ice Age village building game for iOS using Gameloft's in-house engine and tooling. I was responsible for vfx and asset integration pipelines.</p>
+<img alt="Streaks of yellow and green colors streaming up from the bottom of the screen." loading="lazy" src="../content/images/VizceraScreenshot03.webp" /></p></section><section><h2><a id='zero_king' href=zero_king.html>Zero King</a></h2><p><img src='../content/images/ZeroKing01.webp' loading='lazy'></p><p>I was a Technical Artist at Zero King, a studio with their first self-titled online competitive space shooter <a href="https://store.steampowered.com/app/2675370/Zero_King/" target="_blank">Zero King</a>.
+I was responsible for defining the early alpha stage visual design and realtime rendering techniques, visual effects and environment lighting.
+Zero King was build using Unity3D engine during my tenure.</p></section><section><h2><a id='vr' href=vr.html>Vr</a></h2><p><img src='../content/images/OculusQuest2.webp' loading='lazy'></p><p>Virtual Reality projects.</p></section><section><h2><a id='ice_age_adventures' href=ice_age_adventures.html>Ice Age Adventures</a></h2><p><img src='../content/images/IceAgeAdventuresCrush.webp' loading='lazy'></p><p>While at Gameloft as a Technical Artist, I helped release the official Ice Age village building game for iOS using Gameloft's in-house engine and tooling. I was responsible for vfx and asset integration pipelines.</p>
 <p><img alt="" loading="lazy" src="../content/images/IceAgeAdventuresSlide.webp" />
-<img alt="" loading="lazy" src="../content/images/IceAgeAdventuresWhale.webp" /></p></section><section><h2><a id='gaea' href=gaea.html>Gaea</a></h2><p><img src='../content/images/GaeaInterfaceScreenshot.webp' loading='lazy'></p><p>Experimental planetary birthday clock.</p>
+<img alt="" loading="lazy" src="../content/images/IceAgeAdventuresWhale.webp" /></p></section><section><h2><a id='remotely' href=remotely.html>Remotely</a></h2><p><img src='../content/images/RemotelyHQ.webp' loading='lazy'></p><p>Remotely was an online-first company developing immersive communication tools with a goal of improving emotional wellbeing and engagement of workers in online meetings. I was a Lead Artist on the self-titled project, a realtime 3D online web platform and meeting tool.</p>
+<p>Remotely was built using Unity3D and deployed on the web using WebGL. It was a challenging project from a technical perspective. Unity's WebGL deployment was buggy and underdeveloped at the time and there were huge compatibility and optimizations issues across platforms and browsers.</p>
+<p><img alt="Remotely Screenshot" loading="lazy" src="../content/images/RemotelyMuseum.webp" /></p>
+<p><img alt="Remotely Screenshot" loading="lazy" src="../content/images/RemotelyMoleGame.webp" /></p></section><section><h2><a id='gaea' href=gaea.html>Gaea</a></h2><p><img src='../content/images/GaeaInterfaceScreenshot.webp' loading='lazy'></p><p>Experimental planetary birthday clock.</p>
 <p>Gaea calendar starts with your birth timestamp in Gregorean format and moves in sync with the Earth from then. Each Gaea day corresponds to 1 angular degree around the Sun.</p>
 <p>A year has <strong>12 months &amp; 30 days</strong> each and as such, doesn't respect Gregorean calendar days and is out of phase with regular day/night cycles. There are no hours or minutes in Gaea, a day lasts <code>360</code> units, which is equal to <code>87661536</code> milliseconds. Year index is zero-based.</p>
 <p>Created using HTML canvas and JavaScript.</p>

site/duality.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/dynamic_lightbeams.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/edibles.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/friendship_is_magic.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/frogshark.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/gaea.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/gamejams.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/gba.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>

site/home.html

@@ -31,8 +31,10 @@
 <a class="topic" href="friendship_is_magic.html">Friendship Is Magic</a>
 <a class="topic" href="gamejams.html">Gamejams</a>
 <a class="topic" href="vizcera.html">Vizcera</a>
+<a class="topic" href="zero_king.html">Zero King</a>
 <a class="topic" href="vr.html">Vr</a>
 <a class="topic" href="ice_age_adventures.html">Ice Age Adventures</a>
+<a class="topic" href="remotely.html">Remotely</a>
 <a class="topic" href="gaea.html">Gaea</a>
 <a class="topic" href="swordy.html">Swordy</a>
 <a class="topic" href="letnice.html">Letnice</a>