Posts tagged “moai” — Blog of independent game and app developer Matt Sephton. Featuring vintage Macintosh, game development, digital artwork, Japanese esoterica, video game reviews, hacks and tips, and much more. https://blog.gingerbeardman.com/tag/moai/ Tue, 30 Jun 2026 01:15:23 +0000 Tue, 30 Jun 2026 01:15:23 +0000 Jekyll v4.4.1 <p>An hour of songs with “Moai” somewhere in the title …for no reason other than it sounded like a fun challenge. And because Moai are cool. Why? Why not? ✨🗿✨</p> <p><a href="https://www.mixcloud.com/gingerbeardman/moai/">Listen on MixCloud</a>.</p> <hr /> <iframe width="100%" height="120" src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&amp;feed=%2Fgingerbeardman%2Fmoai%2F" frameborder="0"></iframe> <div class="table-wrapper"> <table> <thead> <tr> <th>Timestamp</th> <th>Artist</th> <th>Song (Link)</th> <th>Year</th> </tr> </thead> <tbody> <tr> <td>00:00</td> <td>Maria Usbeck</td> <td><a href="https://www.youtube.com/watch?v=T6-iqQ7KAoU">Moai y yo</a></td> <td>2016</td> </tr> <tr> <td>03:03</td> <td>Saphileaum</td> <td><a href="https://www.youtube.com/watch?v=dVv0K-dEhoo">Moai</a></td> <td>2025</td> </tr> <tr> <td>07:27</td> <td>Seotaiji</td> <td><a href="https://www.youtube.com/watch?v=uYfWxnu5NCw">Moai</a></td> <td>2008</td> </tr> <tr> <td>10:40</td> <td>Fila Brazillia</td> <td><a href="https://www.youtube.com/watch?v=AczD9YVyaPw">The Moai</a></td> <td>1997</td> </tr> <tr> <td>13:54</td> <td>Bala</td> <td><a href="https://www.youtube.com/watch?v=pWIl9gToL74">Moai</a></td> <td>2007</td> </tr> <tr> <td>19:56</td> <td>Jestofunk</td> <td><a href="https://www.youtube.com/watch?v=t6vYUZ-8lZY">Moai Message</a></td> <td>1995</td> </tr> <tr> <td>26:41</td> <td>Yosuke Onuma</td> <td><a href="https://www.youtube.com/watch?v=S-UY1LycRK4">Moai’s Tihai</a></td> <td>2016</td> </tr> <tr> <td>34:27</td> <td>Atiø</td> <td><a href="https://soundcloud.com/ati_o/moai">moai</a></td> <td>2022</td> </tr> <tr> <td>35:50</td> <td>Tora Gargallo</td> <td><a href="https://www.youtube.com/watch?v=AAAnp2A3UbU">Smoking Moai</a></td> <td>2020</td> </tr> <tr> <td>38:11</td> <td>Glåsbird</td> <td><a href="https://whitelabrecs.bandcamp.com/track/moai">Moai</a></td> <td>2023</td> </tr> <tr> <td>40:45</td> <td>Monica Ramos</td> <td><a href="https://www.youtube.com/watch?v=WBUDLisG23s">Moai</a></td> <td>1997</td> </tr> <tr> <td>44:22</td> <td>Urban Zakapa</td> <td><a href="https://www.youtube.com/watch?v=CuFtHgjdCII">Moai</a></td> <td>2017</td> </tr> <tr> <td>48:33</td> <td>Giorgio Poi</td> <td><a href="https://www.youtube.com/watch?v=7COqF5F1KJg">Moai</a></td> <td>2021</td> </tr> <tr> <td>51:45</td> <td>La Bergerie</td> <td><a href="https://specific.bandcamp.com/track/moa">Moaï</a></td> <td>2018</td> </tr> </tbody> </table> </div> <p>14 tracks with a duration of 55m44s. <a href="/2025/05/21/if-only-you-could-see-what-ive-seen-with-your-eyes/">As previously</a>, this was produced using the DJ.Studio app.</p> <p>Let me know what you think of the tunes!</p> <ul> <li><a href="https://mega.nz/folder/UkokGISS#zZHaUOzcD1KmNY_yNbzwXQ">Download</a></li> </ul> <hr /> <h2 id="moai-by-giorgio-poi-2021">“Moai” by Giorgio Poi (2021)</h2> <p>If you want to listen to one track that gives the vibe of this mix it’s this one:</p> <lite-youtube style="aspect-ratio: 16/9;" videoid="7COqF5F1KJg" params="start=0&amp;modestbranding=2"> </lite-youtube> by Matt Sephton Thu, 10 Jul 2025 20:43:00 +0000 https://blog.gingerbeardman.com/2025/07/10/moai-dj-mix/ https://blog.gingerbeardman.com/2025/07/10/moai-dj-mix/ <p>You may or may not know that I run the website <a href="https://moai.games">moai.games</a> which features a catalogue of screenshots showing Moai appearances in video games. At the time of writing there are over 1000 games listed going all the way back to the early 1980s. ✨👋🗿✨</p> <p><a href="https://tokyogamelife.com/episode/moai-in-japanese-games-with-matt-sephton-uncharted-waters-new-horizons">Tokyo Game Life</a> reached out and I chatted to them a bit about all of that cool and nerdy stuff. Listen in your usual podcast app or using the embedded player below.</p> <iframe allow="autoplay *; encrypted-media *; fullscreen *; clipboard-write" frameborder="0" height="175" style="width:100%;max-width:660px;overflow:hidden;border-radius:10px;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.podcasts.apple.com/au/podcast/moai-in-japanese-games-with-matt-sephton-uncharted/id1596631701?i=1000704182870"></iframe> by Matt Sephton Sun, 20 Apr 2025 20:56:00 +0000 https://blog.gingerbeardman.com/2025/04/20/talking-about-moai-in-games-on-tokyo-game-life-podcast/ https://blog.gingerbeardman.com/2025/04/20/talking-about-moai-in-games-on-tokyo-game-life-podcast/ <p>Let’s celebrate!</p> <ul> <li>we just hit 1000 games at <a href="https://moai.games">my database of moai in video games</a> 🗿</li> <li>today is Fiestas Patrias (Independence Day) in Chile 🇨🇱</li> </ul> <p>So here’s some “Moai-chan-dise” ✨</p> <ul> <li>t-shirts and stickers in both silly and serious styles</li> <li>special “relaxing” sticker by <a href="https://www.instagram.com/vxclhd/">@Vxcl</a></li> </ul> <hr /> <h2 id="t-shirts">T-shirts</h2> <p>Various sizes and colours.</p> <ul> <li><a href="https://gingerbeardman.creator-spring.com/listing/moai-serious-tee">gingerbeardman.creator-spring.com/listing/moai-serious-tee</a></li> <li><a href="https://gingerbeardman.creator-spring.com/listing/moai-silly-tee">gingerbeardman.creator-spring.com/listing/moai-silly-tee</a></li> </ul> <div class="carousel__holder"> <div id="carousel0" class="carousel"> <input class="carousel__activator" type="radio" name="carousel0" id="0a" checked="checked" /> <input class="carousel__activator" type="radio" name="carousel0" id="0b" /> <div class="carousel__controls"> <label class="carousel__control carousel__control--backward" for="0b"></label> <label class="carousel__control carousel__control--forward" for="0b"></label> </div> <div class="carousel__controls"> <label class="carousel__control carousel__control--backward" for="0a"></label> <label class="carousel__control carousel__control--forward" for="0a"></label> </div> <div class="carousel__track"> <ul> <li class="carousel__slide" style="background-image: url('https://cdn.gingerbeardman.com/images/posts/moai-games-heather-serious.png');"><img class="carousel__staticimage" src="https://cdn.gingerbeardman.com/images/posts/moai-games-heather-serious.png" /></li> <li class="carousel__slide" style="background-image: url('https://cdn.gingerbeardman.com/images/posts/moai-games-heather-silly.png');"><img class="carousel__staticimage" src="https://cdn.gingerbeardman.com/images/posts/moai-games-heather-silly.png" /></li> </ul> </div> <div class="carousel__indicators"> <label class="carousel__indicator" for="0a"></label> <label class="carousel__indicator" for="0b"></label> </div> </div> </div> <style> .carousel__holder {width: 100%; position: relative; padding-bottom: 100%; margin: 1rem 0 1rem;} .carousel { height: 100%; width: 100%; overflow: hidden; text-align: center; position: absolute; padding: 0; } .carousel__controls, .carousel__activator { display: none; } .carousel__activator:nth-of-type(1):checked ~ .carousel__track { -webkit-transform: translateX(-000%); transform: translateX(-000%); } .carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) { display: block; opacity: 1; } .carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) { opacity: 1; } .carousel__activator:nth-of-type(2):checked ~ .carousel__track { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) { display: block; opacity: 1; } .carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) { opacity: 1; } .carousel__control { height: 30px; width: 30px; margin-top: -15px; top: 50%; position: absolute; display: block; cursor: pointer; border-width: 5px 5px 0 0; border-style: solid; opacity: 0.35; opacity: 1; outline: 0; z-index: 3; color: #fafafa; mix-blend-mode: difference; } .carousel__control:hover { opacity: 1; } .carousel__control--backward { left: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .carousel__control--forward { right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .carousel__indicators { position: absolute; bottom: 20px; width: 100%; text-align: center; } .carousel__indicator { height: 10px; width: 10px; border-radius: 100%; display: inline-block; z-index: 2; cursor: pointer; opacity: 0.35; margin: 0 2.5px 0 2.5px; } .carousel__indicator:hover { opacity: 0.75; } .carousel__track { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; } .carousel__track .carousel__slide { display: block; top: 0; left: 0; right: 0; opacity: 1; } .carousel__track .carousel__slide:nth-of-type(1) { -webkit-transform: translateX(000%) translateZ(0); transform: translateX(000%) translateZ(0); } .carousel__track .carousel__slide:nth-of-type(2) { -webkit-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); } .carousel--scale .carousel__slide { -webkit-transform: scale(0); transform: scale(0); } .carousel__slide { height: 100%; position: absolute; opacity: 0; overflow: hidden; } .carousel__slide .overlay {height: 100%;} .carousel--thumb .carousel__indicator { height: 30px; width: 30px; } .carousel__indicator { background-color: #fafafa; } .carousel__slide:nth-of-type(1), .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1 { background-size: cover; background-position: center; } .carousel__slide:nth-of-type(2), .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2 { background-size: cover; background-position: center; } </style> <script> function isVisible(el) { while (el) { if (el === document) { return true; } var $style = window.getComputedStyle(el, null); if (!el) { return false; } else if (!$style) { return false; } else if ($style.display === 'none') { return false; } else if ($style.visibility === 'hidden') { return false; } else if (+$style.opacity === 0) { return false; } else if (($style.display === 'block' || $style.display === 'inline-block') && $style.height === '0px' && $style.overflow === 'hidden') { return false; } else { return $style.position === 'fixed' || isVisible(el.parentNode); } } } setInterval(function(){ var j=0; var elements = document.querySelectorAll('#carousel0 .carousel__control--forward'); for(i=(elements.length - 1);i>-1;i--) { if(isVisible(elements[i])) j=i; } elements[j].click(); },7000); </script> <hr /> <h2 id="stickers">Stickers</h2> <p>3-inch longest side, on clear vinyl.</p> <ul> <li><a href="https://gingerbeardman.creator-spring.com/listing/moai-serious-sticker">gingerbeardman.creator-spring.com/listing/moai-serious-sticker</a></li> <li><a href="https://gingerbeardman.creator-spring.com/listing/moai-silly-sticker">gingerbeardman.creator-spring.com/listing/moai-silly-sticker</a></li> </ul> <div class="carousel__holder"> <div id="carousel1" class="carousel"> <input class="carousel__activator" type="radio" name="carousel1" id="1a" checked="checked" /> <input class="carousel__activator" type="radio" name="carousel1" id="1b" /> <div class="carousel__controls"> <label class="carousel__control carousel__control--backward" for="1b"></label> <label class="carousel__control carousel__control--forward" for="1b"></label> </div> <div class="carousel__controls"> <label class="carousel__control carousel__control--backward" for="1a"></label> <label class="carousel__control carousel__control--forward" for="1a"></label> </div> <div class="carousel__track"> <ul> <li class="carousel__slide" style="background-image: url('https://cdn.gingerbeardman.com/images/posts/moai-games-sticker-serious.png');"><img class="carousel__staticimage" src="https://cdn.gingerbeardman.com/images/posts/moai-games-sticker-serious.png" /></li> <li class="carousel__slide" style="background-image: url('https://cdn.gingerbeardman.com/images/posts/moai-games-sticker-silly.png');"><img class="carousel__staticimage" src="https://cdn.gingerbeardman.com/images/posts/moai-games-sticker-silly.png" /></li> </ul> </div> <div class="carousel__indicators"> <label class="carousel__indicator" for="1a"></label> <label class="carousel__indicator" for="1b"></label> </div> </div> </div> <style> .carousel__holder {width: 100%; position: relative; padding-bottom: 100%; margin: 1rem 0 1rem;} .carousel { height: 100%; width: 100%; overflow: hidden; text-align: center; position: absolute; padding: 0; } .carousel__controls, .carousel__activator { display: none; } .carousel__activator:nth-of-type(1):checked ~ .carousel__track { -webkit-transform: translateX(-000%); transform: translateX(-000%); } .carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) { display: block; opacity: 1; } .carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) { opacity: 1; } .carousel__activator:nth-of-type(2):checked ~ .carousel__track { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) { display: block; opacity: 1; } .carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) { opacity: 1; } .carousel__control { height: 30px; width: 30px; margin-top: -15px; top: 50%; position: absolute; display: block; cursor: pointer; border-width: 5px 5px 0 0; border-style: solid; opacity: 0.35; opacity: 1; outline: 0; z-index: 3; color: #fafafa; mix-blend-mode: difference; } .carousel__control:hover { opacity: 1; } .carousel__control--backward { left: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .carousel__control--forward { right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .carousel__indicators { position: absolute; bottom: 20px; width: 100%; text-align: center; } .carousel__indicator { height: 10px; width: 10px; border-radius: 100%; display: inline-block; z-index: 2; cursor: pointer; opacity: 0.35; margin: 0 2.5px 0 2.5px; } .carousel__indicator:hover { opacity: 0.75; } .carousel__track { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; } .carousel__track .carousel__slide { display: block; top: 0; left: 0; right: 0; opacity: 1; } .carousel__track .carousel__slide:nth-of-type(1) { -webkit-transform: translateX(000%) translateZ(0); transform: translateX(000%) translateZ(0); } .carousel__track .carousel__slide:nth-of-type(2) { -webkit-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); } .carousel--scale .carousel__slide { -webkit-transform: scale(0); transform: scale(0); } .carousel__slide { height: 100%; position: absolute; opacity: 0; overflow: hidden; } .carousel__slide .overlay {height: 100%;} .carousel--thumb .carousel__indicator { height: 30px; width: 30px; } .carousel__indicator { background-color: #fafafa; } .carousel__slide:nth-of-type(1), .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1 { background-size: cover; background-position: center; } .carousel__slide:nth-of-type(2), .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2 { background-size: cover; background-position: center; } </style> <script> function isVisible(el) { while (el) { if (el === document) { return true; } var $style = window.getComputedStyle(el, null); if (!el) { return false; } else if (!$style) { return false; } else if ($style.display === 'none') { return false; } else if ($style.visibility === 'hidden') { return false; } else if (+$style.opacity === 0) { return false; } else if (($style.display === 'block' || $style.display === 'inline-block') && $style.height === '0px' && $style.overflow === 'hidden') { return false; } else { return $style.position === 'fixed' || isVisible(el.parentNode); } } } setInterval(function(){ var j=0; var elements = document.querySelectorAll('#carousel1 .carousel__control--forward'); for(i=(elements.length - 1);i>-1;i--) { if(isVisible(elements[i])) j=i; } elements[j].click(); },7000); </script> <hr /> <h2 id="special-edition-sticker">Special Edition Sticker</h2> <p>3-inch longest side, on clear vinyl.</p> <ul> <li><a href="https://gingerbeardman.creator-spring.com/listing/moai-relaxing-sticker">gingerbeardman.creator-spring.com/listing/moai-relaxing-sticker</a></li> </ul> <p><img src="https://cdn.gingerbeardman.com/images/posts/moai-games-sticker-relaxing.png" alt="PNG" /></p> <hr /> <h2 id="alt-store">Alt Store</h2> <p>Some buyers may choose to buy from my alternate web store which ships from the UK.</p> <p><a href="https://www.tshirtstudio.com/marketplace/gingerbeardman">www.tshirtstudio.com/marketplace/gingerbeardman</a></p> <p>This store has more limited colour choices, though you can edit that during checkout. YMMV.</p> by Matt Sephton Wed, 18 Sep 2024 19:19:00 +0000 https://blog.gingerbeardman.com/2024/09/18/moai-chan-dise/ https://blog.gingerbeardman.com/2024/09/18/moai-chan-dise/ <p>I created a website mashing up a bunch of things that I love:</p> <ul> <li>Moai</li> <li>Videogames</li> <li>Lists</li> </ul> <p><a href="https://moai.games" title="https://moai.games">moai.games</a></p> by Matt Sephton Wed, 14 Aug 2019 00:00:00 +0000 https://blog.gingerbeardman.com/2019/08/14/moai-games/ https://blog.gingerbeardman.com/2019/08/14/moai-games/