<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Get Info: #animation</title>
    <description>Posts tagged “animation” — 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.</description>
    <link>https://blog.gingerbeardman.com/tag/animation/</link>
    <atom:link href="https://blog.gingerbeardman.com/tag/animation/index.xml" rel="self" type="application/rss+xml"/>
    <pubDate>Sun, 12 Jul 2026 20:54:08 +0000</pubDate>
    <lastBuildDate>Sun, 12 Jul 2026 20:54:08 +0000</lastBuildDate>
    <generator>Jekyll v4.4.1</generator>

    
      
        <item>
          <title>Slugs on a Cube: interactive animation</title>
          <description>&lt;p&gt;Japhy Riddle makes art, music, films, and animations. He’s also a retro technology enthusiast. Naturally, he combines all these skills and interests into wonderful creative output! I follow Japhy on social media and love his high quality videos and animations. &lt;a href=&quot;https://www.youtube.com/channel/UCKeTCCYBg0CFrFHm2nxx_rQ&quot;&gt;Check him out on YouTube&lt;/a&gt;!&lt;/p&gt;

&lt;h2 id=&quot;voxel-slugs-traversing-an-invisible-cubes-edges&quot;&gt;Voxel slugs traversing an invisible cube’s edges&lt;/h2&gt;

&lt;p&gt;A few of days ago a new animation of his popped up: &lt;a href=&quot;https://www.youtube.com/watch?v=0gEHldnSH08&quot;&gt;it shows three coloured slugs moving around the edge of an invisible cube&lt;/a&gt;, positioned and directed so that they never quite touch each other! Japhy created the animation by printing out each frame and combining them onto the final result, leaning into the print offset registration errors that are so lovely.&lt;/p&gt;

&lt;lite-youtube style=&quot;aspect-ratio: 16/9;&quot; videoid=&quot;0gEHldnSH08&quot; params=&quot;start=0&amp;amp;modestbranding=2&quot;&gt;
&lt;/lite-youtube&gt;

&lt;h2 id=&quot;interactive-version&quot;&gt;Interactive version&lt;/h2&gt;

&lt;p&gt;I thought it would be fun to create an interactive version of the animation, and I chose to do it in LÖVE (aka Love2D, though I am doing 3D rendering in software). I stopped short of imitating the print errors, but that would be possible by drawing and compositing in the same way that Japhy did it. Here it is:&lt;/p&gt;

&lt;lite-youtube style=&quot;aspect-ratio: 16/9;&quot; videoid=&quot;1PK0K_CsJPU&quot; params=&quot;start=0&amp;amp;modestbranding=2&quot;&gt;
&lt;/lite-youtube&gt;

&lt;h2 id=&quot;threes-a-crowd&quot;&gt;Three’s a crowd&lt;/h2&gt;

&lt;p&gt;I spoke with Japhy and we discussed how possible it might be to maximise the number of slugs. If they’re six cubes long there could be 4 of them on the cube rather than 3. So, with the aid of my interactive and controllable version of the animation, I figured that out and added it. If the slugs are shorter then more of them can wander around the cube, and similarly if the cube is larger. But those are challenges for another day! I might even make a screen saver of this at some point.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/voxel-slugs-banner.png&quot; alt=&quot;IMG&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;download&quot;&gt;Download&lt;/h2&gt;

&lt;p&gt;You can download it (as .love, macOS .app, or Windows .exe) and play around with the animation yourself. There are a bunch of hot keys that modify the cube in various ways. Have fun!&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://gingerbeardman.itch.io/voxel-slugs&quot;&gt;gingerbeardman.itch.io/voxel-slugs&lt;/a&gt;&lt;/p&gt;

</description>
          <author>by Matt Sephton</author>
          <pubDate>Thu, 16 Jan 2025 17:43:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2025/01/16/slugs-on-a-cube-interactive-animation/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2025/01/16/slugs-on-a-cube-interactive-animation/</guid>
        </item>
      
    
      
        <item>
          <title>Pitching a game based on the CICLOPE 2016 Opening Film</title>
          <description>&lt;p&gt;A little over a year ago I wrote a screenplay/pitch for a video game based on an animated short film created by &lt;a href=&quot;https://www.thelineanimation.com&quot;&gt;THE LINE Animation Studio&lt;/a&gt;: the opening film from the CICLOPE Festival in 2016.&lt;/p&gt;

&lt;p&gt;I’d like to make this game but I need support to do so. Until then I figured I’d post it here for all to read.&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;ciclope&quot;&gt;CICLOPE&lt;/h2&gt;

&lt;p&gt;Think of this as the game trailer. Watch it before or after reading.&lt;/p&gt;

&lt;iframe src=&quot;https://player.vimeo.com/video/190700988?h=adadcd17c5&amp;amp;title=0&amp;amp;byline=0&amp;amp;portrait=0&quot; width=&quot;740&quot; height=&quot;310&quot; frameborder=&quot;0&quot; allow=&quot;autoplay; fullscreen; picture-in-picture&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;

&lt;p&gt;More information on the making of the animation at &lt;a href=&quot;https://www.thelineanimation.com/work/ciclope/&quot;&gt;thelineanimation.com/work/ciclope/&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;game-overview&quot;&gt;Game Overview&lt;/h2&gt;

&lt;p&gt;Our task is to transport the package to its destination.&lt;/p&gt;

&lt;p&gt;We start the game not knowing what, why, or how.&lt;/p&gt;

&lt;p&gt;The story would involve the environment and its occupants, across many scenarios. We would work together to overcome problems and allow the drone to complete its journey.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;The overarching theme of the game is that we could and should all live in harmony together, make use of what we have around us, treat each other and the Earth with respect, and live a happy life.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The experience is not a walking simulator, it is more than that. It is a truly interactive, guided story, with puzzles and multiple paths.&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;scenarios&quot;&gt;Scenarios&lt;/h2&gt;

&lt;p&gt;These are the scenarios shown in the film and story boards. I’m giving them names here, but I do not see them being named in the game as it will strive to use as little text as possible.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-01.delta.jpg&quot; alt=&quot;Ciclope-01&quot; /&gt;&lt;/p&gt;

&lt;h3 id=&quot;delta&quot;&gt;Delta&lt;/h3&gt;

&lt;p&gt;We first see the drone flying above an River delta at low tide, arriving from an unknown location. We are immediately tasked with flying the drone, following the strand of river that we are on. The camera angle is locked to point only down. We do not see that we are carrying a package.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;On subsequent play-throughs we would fly low to pick up some “gold dust” on the package we are carrying for a special bonus in the ending sequence.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;After a while everywhere starts to look the same, every tree looks the same, every bit of riverbed looks the same. The small river we have been following starts to disappear, eventually branching into another which does the same. We realise that we are lost.&lt;/p&gt;

&lt;p&gt;Picking up clues from the environment, we figure out that the best course of action is to follow the direction in which the water is flowing, eventually reaching the open sea.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;River deltas have proven to be important throughout human civilisation, as they are major agricultural and population centres. They could be considered the cradle of civilisation.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;We cross the open sea only to encounter an electric fence, we have to seek the help of animals to find the hole in the fence and continue our journey. Near the hole in the fence we find a small satellite dish and overhear some broken comms/broadcast that we cannot understand.&lt;/p&gt;

&lt;p&gt;We see our reflection for the first time in the water and see a label stencilled on our housing: D3174 (“Delta”).&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: beautiful landscapes, ourselves&lt;/li&gt;
  &lt;li&gt;we feel: found, lost, new beginnings, purpose&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-02.opening-credits.jpg&quot; alt=&quot;Ciclope-02&quot; /&gt;&lt;/p&gt;
&lt;h3 id=&quot;opening-credits&quot;&gt;Opening Credits&lt;/h3&gt;

&lt;p&gt;This acts as a tidy segue between river delta and desert, showing star-filled sky and sun-bleached-sky signifying that much time has passed and distance has been covered.&lt;/p&gt;

&lt;p&gt;Here it is revealed for the first time that we are carrying a package.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: the vast expanse, the wide world, stars, sun, endless vistas&lt;/li&gt;
  &lt;li&gt;we feel: excited, inquisitive, small, ill-equipped&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-03.desert.jpg&quot; alt=&quot;Ciclope-03&quot; /&gt;&lt;/p&gt;
&lt;h3 id=&quot;desert&quot;&gt;Desert&lt;/h3&gt;

&lt;p&gt;After flying through the desert for a while, exploring structures, a sand storm approaches and we are forced to take shelter in a small hut at the base of a felled pylon. Here we are taught first hand how we can drop the package if we need to (but only on places where X marks the spot) and how we can pick up and combine items. We learn how to craft new objects with the things we find around us.&lt;/p&gt;

&lt;p&gt;After the storm has passed (coincidentally as soon as we have completed the tutorial objectives) we are allowed to go back outside. We discover lots of new things: a partially covered megalithic monument where we are able to find a replacement battery, and a satellite dish and broadcasting station.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;Similar partially covered monuments are visible in all locations, and are a reference to technology and discoveries that have been forgotten in the name of progress.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;We need to use our new crafting ability to reconnect the equipment. We then receive our first communication/broadcast. But what form does it take?&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;One idea would be for it to be famous radio broadcasts in foreign languages, celebratiing technological breakthroughs related to the current scenario. eg. the desert could be Africa, and the radio broadcast could be about, say, CT scan etc.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;We are also given our first new ability, an Augmented Reality (AR) overlay on our camera view allowing us to see certain invisible things in the environment such as hot air drafts.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: sand storm, crafting, invisible stuff&lt;/li&gt;
  &lt;li&gt;we feel: accomplished, empowered&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-04.oasis.jpg&quot; alt=&quot;Ciclope-04&quot; /&gt;&lt;/p&gt;
&lt;h3 id=&quot;oasis&quot;&gt;Oasis&lt;/h3&gt;

&lt;p&gt;The transition out of the desert takes the form of an encounter with an oasis.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;This gives us the opportunity to have a flash-back or flash-forward, somewhat acid trip sort of interjection in the story. Half through our AR glasses and half through the scene. We see elements of what has happened on Earth to leave the landscape in such a ravaged state. It is not Nuclear war, or AI, but simply a result of our over-use of Earth’s resources.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;We are left wondering… what was real and what was imaginary?&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: psychedelic, trippy, quick-cut flashes from another time&lt;/li&gt;
  &lt;li&gt;we feel: confused, lost, humbled&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-05.solar-farm.jpg&quot; alt=&quot;Ciclope-05&quot; /&gt;&lt;/p&gt;
&lt;h3 id=&quot;solar-farm&quot;&gt;Solar Farm&lt;/h3&gt;

&lt;p&gt;We see something on the horizon, something that looks like a city. Perhaps our experience at the oasis had foreshadowed this? We instinctively head in that direction, and it turns out to be much closer than it looked because it is much less tall than it looked at a distance.&lt;/p&gt;

&lt;p&gt;We have encountered a solar farm, with panels stretching as far as the eye can see in every direction.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;In fact the game makes sure it is impossible to fly away from them, see Notes section at the end of this document.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;After our ordeal in the desert we have a problem with our battery and solar panel.&lt;/p&gt;

&lt;p&gt;We need to figure out where in the solar farm we have to go, maybe there is something here we can use to craft a solution. Racing against daylight and the approaching shadows of nightfall we are forced in a certain direction. We realise we can follow the cables on the ground much like we followed the rivers at the delta. We end up at a hut somewhere in the solar farm.&lt;/p&gt;

&lt;p&gt;We immediately find a new battery, but replacing our solar panel will be more difficult. Another satellite comes online and we receive more comms. We see signs of a power source radar, we have to find it and pick it up. But how?&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;We need to build a Rube Goldberg-style contraption involving: a fragment of our existing solar panel, the reflection of the sun to concentrate light/heat, the water tower, and of course the drone. The water tower ruptures and water floods onto the land and down a previously unseen drainage system. We fly through the pipes into an underground facility where we find a replacement solar panel and our power source radar.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
  &lt;li&gt;we see: signs of sustainable technology, signs of an advanced human race&lt;/li&gt;
  &lt;li&gt;we feel: empowered, less small, hopeful&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-06.coastline.jpg&quot; alt=&quot;Ciclope-06&quot; /&gt;&lt;/p&gt;
&lt;h3 id=&quot;coastline&quot;&gt;Coastline&lt;/h3&gt;

&lt;p&gt;We see the megalithic monuments for the first time.&lt;/p&gt;

&lt;p&gt;Our radar picks up its first sign of power, but we cannot reach it.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;We need to fly to top of the tower, in stages as we do not have the power to fly at once. When we get to the top we realise we are low on battery. The only things up there are a rock and a small plank of wood. We have to position the wood on the rock and then land on it like a see saw. The wood then flips over and lands on top of us, interlocking with our frame to create wings.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;We dive from the top of one monument and glide over to the other monument, to sunlight and safety, and a replacement power source.&lt;/p&gt;

&lt;p&gt;The gliding in this stage is reminiscent of hang-gliding in Pilotwings (SNES, N64, DS) where you need to fly through rings of dots and catch updrafts. These can be see thanks to the item we obtained in the desert.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: strange monuments to lost technology&lt;/li&gt;
  &lt;li&gt;we feel: mysterious, capable, resourceful&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-07.cut-scene.jpg&quot; alt=&quot;Ciclope-07&quot; /&gt;&lt;/p&gt;
&lt;h3 id=&quot;cut-scene&quot;&gt;Cut Scene&lt;/h3&gt;

&lt;p&gt;The transition from coastline takes the form of an introduction to our Augmented Reality camera.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;We see AR overlays of ravaged landscape showing aspects of how it used to be.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-08.volcanic.jpg&quot; alt=&quot;Ciclope-08&quot; /&gt;&lt;/p&gt;

&lt;h3 id=&quot;volcanic&quot;&gt;Volcanic&lt;/h3&gt;

&lt;p&gt;We use two abilities of our AR camera in this tricky scenario. We need to find a path through the steam that avoids heat, and use updrafts to reach difficult heights.&lt;/p&gt;

&lt;p&gt;We reach a set of six communications towers but they are offline. One of the six towers is broken and we need to fix it.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;We need to find some metal, smelt it in the heat, pick it up when safe to do so, find wire and a way to cut it, and all to fashion a replacement resistor. We also need to find, untie and otherwise free various wires, and eventually re-plug them to get the system powered up.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;We get the system online and hear more comms.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: heat haze, AR views&lt;/li&gt;
  &lt;li&gt;we feel: relieved, capable, hot!&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-09.mountains-valley.jpg&quot; alt=&quot;Ciclope-09&quot; /&gt;&lt;/p&gt;

&lt;h3 id=&quot;mountains-valley&quot;&gt;Mountains: valley&lt;/h3&gt;

&lt;p&gt;We see the broken monorail. In the distance we can hear the sound of cattle bells.&lt;/p&gt;

&lt;p&gt;We pick up a power signal and after some effort removing a rock fall, we enter a tunnel and find a small monorail cart. It’s a close cousin of the drone, for the purposes of delivery and operated by the same company. But it’s much older, from the days before drones.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;We have to go through the waterfall to collect the battery. Now we have two options, we can leave the area with the battery we have found, or we can go back to monorail cart and give it the battery.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;By donating the battery the monorail cart bursts into action and we discover that it is part of a much larger system. The various parts all come to life and start to reconnect the monorail track. This results in a special bonus in the ending sequence.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;We are also given a new ability for our kindness: language translation which will allow us to understand the contents of all the broadcasts in the game. These abilities can be kept for New Game+ allowing us to see the contents of the earlier broadcasts which add an extra level of depth to the story line on second playthrough.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;After the task is complete we feel as big as the mountains and capable of anything.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: the bigger picture, traces of other useful technology&lt;/li&gt;
  &lt;li&gt;we feel: huge, helpful, part of something bigger&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-10.storm.jpg&quot; alt=&quot;Ciclope-10&quot; /&gt;&lt;/p&gt;
&lt;h3 id=&quot;storm&quot;&gt;Storm&lt;/h3&gt;

&lt;p&gt;This scenario not only shows some fancy weather effects, but also shows us that we can save battery power by switching off our light and by not using our other abilities.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;We manage to locate a hole in the electrified fence. Once we fly through the storm abates. We are low on power but pick up a radar signal locating a power source. We fly towards it but our battery is depleted giving us no choice but to crash land. The music has been building all this time, becoming more somber, but now it falls completely silent. We hear the strained whine of motors that do not have enough power.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The image fades to black, and we think it might be game over.&lt;/p&gt;

&lt;p&gt;A short while later the scene comes back and it is day time. We are in the opening of a cliff-side cave. We see ancient murals depicting a peaceful world.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;We can photograph these with our AR camera to get a special bonus in the ending sequence.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Enough sun has entered the cave to recharge our battery enough for us to continue our journey. From our current vantage point we can see we are almost at the peak of a mountain range. The only way is up!&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: rain, lightning, the end?&lt;/li&gt;
  &lt;li&gt;we feel: relieved, born again, recharged&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-11.mountains-peak.jpg&quot; alt=&quot;Ciclope-11&quot; /&gt;&lt;/p&gt;

&lt;h3 id=&quot;mountains-peak&quot;&gt;Mountains: peak&lt;/h3&gt;

&lt;p&gt;We are now far off route, but the top of the mountain has been calling us.&lt;/p&gt;

&lt;p&gt;We encounter indigenous people who have perhaps never seen a drone. Or maybe they are trying to take the package? We keep our distance and notice they seem preoccupied by something else.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;There are markings on the rocks, including our familiar X marks the spot the recurring theme showing the place where we can set down our package and it will be safe.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The people are looking for their pet. They understand that the drone might be able to help them and they shout in a language the drone does not recognise, but the new ability gained at the Valley means that we can understand them. We can see the pet stranded on a high peak.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;If we fly directly there we will be in too much shadow and our battery will deplete. We figure out that we need to fly between crepuscular rays and avoid shadows. So with some aerial acrobatics and some picking up and dropping things to help the animal come closer, we are able to rescue pick it up and carry it back to the people. They reward us by interpreting the photo we took earlier and show us which way we need to go.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
  &lt;li&gt;we see: people, animals, the path forward&lt;/li&gt;
  &lt;li&gt;we feel: helpful, helped, oneness&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-12.forest.jpg&quot; alt=&quot;Ciclope-12&quot; /&gt;&lt;/p&gt;
&lt;h3 id=&quot;forest&quot;&gt;Forest&lt;/h3&gt;

&lt;p&gt;We fly down the far side of the mountain. The scenery changes from snow covered peaks to lush forests. Never have we been able to fly so freely.&lt;/p&gt;

&lt;p&gt;Flying below tree canopy means less direct sun light and makes parts of this scenario more difficult. Imagine the Star Wars speedbike sequence.&lt;/p&gt;

&lt;p&gt;We are receiving radar signals for multiple power sources. One by one they drop off the radar, by going out of range, leaving us with only one. Little do we know that this is our last waypoint.&lt;/p&gt;

&lt;p&gt;We are hit by a catapulted projectile and crash to the ground. We see the crashed drone, open package, and the child picking up and using the music box.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: a human, a child&lt;/li&gt;
  &lt;li&gt;we feel: useful, happy, complete&lt;/li&gt;
  &lt;li&gt;we hear: the music box&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ciclope-13.fin.jpg&quot; alt=&quot;Ciclope-13&quot; /&gt;&lt;/p&gt;

&lt;h3 id=&quot;fin&quot;&gt;FIN&lt;/h3&gt;

&lt;p&gt;The end sequence is similar to the opening sequence, with the addition of humans. We see each location that we encountered in the game, but they are changed because the world is rebuilding. There are many drones, monorail systems and power source to be seen.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Delta: is once again the cradle of civilisation, busy with people and agriculture&lt;/li&gt;
  &lt;li&gt;Desert: is back online, populated and a hub of activity&lt;/li&gt;
  &lt;li&gt;Solar Farm: is now fully functional and even larger than before&lt;/li&gt;
  &lt;li&gt;Coastline: offshore wind farm, the monuments have been converted into windmills&lt;/li&gt;
  &lt;li&gt;Volcanic: we are harnessing the volcano heat and steam for power&lt;/li&gt;
  &lt;li&gt;Valley: we see a busy monorail system, and the waterfall and river is a power source&lt;/li&gt;
  &lt;li&gt;Storm: in daylight we see the electrified fence is another way of harnessing power&lt;/li&gt;
  &lt;li&gt;Peak: we see the indigenous people using technology to make their lives easier&lt;/li&gt;
  &lt;li&gt;Oasis: this turns out to be the home of the child, we see the drone being played with&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That’s all, folks.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we see: everything&lt;/li&gt;
  &lt;li&gt;we feel: happy and content&lt;/li&gt;
  &lt;li&gt;we hear: rearranged main theme&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;post-credits&quot;&gt;Post Credits&lt;/h3&gt;

&lt;p&gt;The child is seen saving the sum total knowledge of her civilisation to a small magneto optical disc, inserting it into the music box, and loading it into the repaired drone. With great delight, she throws the drone into the air. Its next adventure begins.&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;notes&quot;&gt;Notes&lt;/h2&gt;

&lt;p&gt;If it’s an open world can’t we just keep on flying?&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;it is not an open world but a guided experience&lt;/li&gt;
  &lt;li&gt;each location is a limited dimensions and if we keep flying in one direction it will wrap around&lt;/li&gt;
  &lt;li&gt;this also help reduce backtracking if the map was wide open&lt;/li&gt;
  &lt;li&gt;travel between areas is guided but there is free movement within each area&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Who is flying this thing?&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;we are&lt;/li&gt;
  &lt;li&gt;slowly we will earn about other people in the world and we will be helped on our way by many of them, in a wide range of languages&lt;/li&gt;
  &lt;li&gt;with an ability gathered mid-game we can understand the languages&lt;/li&gt;
  &lt;li&gt;hearing all the messages will require a second play-through&lt;/li&gt;
  &lt;li&gt;messages that initially appeared angry take on other meanings&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;How do we segue between locations?&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;music &amp;amp; animated sequence almost like a music visualiser
    &lt;ul&gt;
      &lt;li&gt;like the star-filled sky @1:38&lt;/li&gt;
      &lt;li&gt;and the sun-bleached sky @1:48&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;we have to rest (sleep) in some locations to progress from night to day&lt;/li&gt;
&lt;/ul&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;influences&quot;&gt;Influences&lt;/h2&gt;
&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://ja.wikipedia.org/wiki/パネキット&quot;&gt;Panekit&lt;/a&gt; (1999, PS1)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Rime_(video_game)&quot;&gt;Rime&lt;/a&gt; (2017, PS4)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Journey_(2012_video_game)&quot;&gt;Journey&lt;/a&gt; (2021, PS3)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Proteus_(video_game)&quot;&gt;Proteus&lt;/a&gt; (2013, PC)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Ico&quot;&gt;Ico&lt;/a&gt; (2001, PS2)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Hunter_(video_game)&quot;&gt;Hunter&lt;/a&gt; (1991, Atari ST)&lt;/li&gt;
&lt;/ul&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Sat, 01 Jun 2024 14:30:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2024/06/01/pitching-a-game-based-on-the-ciclope-2016-opening-film/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2024/06/01/pitching-a-game-based-on-the-ciclope-2016-opening-film/</guid>
        </item>
      
    
      
        <item>
          <title>Japanese stop-motion anime: Pui Pui Molcar</title>
          <description>&lt;p&gt;My favourite new TV discovery is this Japanese felt-stop-motion guinea-pig-car thing on Netflix called &lt;a href=&quot;https://twitter.com/molcar_anime&quot;&gt;Pui Pui Molcar&lt;/a&gt;. It’s brilliant. Saying any more would spoil it.&lt;/p&gt;

&lt;lite-youtube style=&quot;aspect-ratio: 16/9;&quot; videoid=&quot;7Dr14FJvYmw&quot; params=&quot;start=0&amp;amp;modestbranding=2&quot;&gt;
&lt;/lite-youtube&gt;

&lt;p&gt;And don’t miss the OST on your favourite streaming service:&lt;/p&gt;

&lt;h2 id=&quot;apple-music&quot;&gt;Apple Music&lt;/h2&gt;
&lt;iframe allow=&quot;autoplay *; encrypted-media *; fullscreen *&quot; frameborder=&quot;0&quot; height=&quot;450&quot; style=&quot;width:100%;overflow:hidden;background:transparent;&quot; sandbox=&quot;allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation&quot; src=&quot;https://embed.music.apple.com/gb/album/pui-pui%E3%83%A2%E3%83%AB%E3%82%AB%E3%83%BC-sound-track-album/1571435566&quot;&gt;&lt;/iframe&gt;

&lt;h2 id=&quot;spotify&quot;&gt;Spotify&lt;/h2&gt;
&lt;iframe src=&quot;https://open.spotify.com/embed/album/74aJ8QuaOQbWWRfczIT6a7&quot; width=&quot;100%&quot; height=&quot;380&quot; allowfullscreen=&quot;&quot; allow=&quot;autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture&quot;&gt;&lt;/iframe&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Mon, 20 Sep 2021 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/09/20/japanese-stop-motion-animation-pui-pui-molcar/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/09/20/japanese-stop-motion-animation-pui-pui-molcar/</guid>
        </item>
      
    
      
        <item>
          <title>A movie made using MSX2 computers: The Flying Luna Clipper</title>
          <description>&lt;p&gt;The Flying Luna Clipper (フライング ルナ クリッパー) is an animated movie produced by Kan Tsuzurahara at Sony and directed by &lt;a href=&quot;https://www.instagram.com/ikko_nikko_kekko/&quot;&gt;Ikko Ohno&lt;/a&gt;. It was released—only in Japan—on 8mm, Betamax, VHS, and Laser Disc, in &lt;a href=&quot;https://www.lddb.com/laserdisc/36908/88LS-85004/Flying-Luna-Clipper&quot;&gt;October 1987&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;It’s a quite surreal but relaxing 55 minutes, and well worth a viewing. If you plan to watch it, I’d suggest to do so now before reading any possible spoilers below. Come back later to read the rest of this post.&lt;/p&gt;

&lt;hr /&gt;

&lt;lite-youtube style=&quot;aspect-ratio: 4/3;&quot; videoid=&quot;P2TNZyCWA-Q&quot; params=&quot;start=0&amp;amp;modestbranding=2&quot;&gt;
&lt;/lite-youtube&gt;

&lt;hr /&gt;

&lt;p&gt;In 1987 Ikko Ohno was an illustrator and contributor at MSX Magazine and was well respected and well connected in the Japanese creative and computer industries. The artwork featured in the movie is typical of Ikko’s style at the time, visible in his frequent MSX Magazine column &lt;a href=&quot;https://archive.org/details/MSXmagazine198703S/page/n95/mode/2up&quot;&gt;Ikko’s Theatre&lt;/a&gt;. Indeed, various artwork from The Flying Luna Clipper was featured in MSX Magazine as teasers, features and advertorials around the time of the movie’s release. It was announced after Ikko’s Theatre had been running for 6 months, as a 5th Anniversary Project of MSX Magazine, and was dedicated to Ichiro “お探り” Furutachi&lt;!-- perhaps a reference to the 1984 anime [Kakkun Cafe](https://ja.wikipedia.org/wiki/カッくんカフェ) --&gt;.&lt;/p&gt;

&lt;p&gt;To me the piece feels like an extended intro sequence to a non-existent video game, a strange visual novel on automatic playback, a surreal slideshow, or &lt;a href=&quot;https://en.wiktionary.org/wiki/megademo&quot;&gt;megademo&lt;/a&gt;. There are several intermissions that can leave the viewer confused, unsettled, pondering the meaning of life itself. I feel that is quite apt as The Flying Luna Clipper was planned to celebrate the birth of Ikko’s first child, with work commencing shortly after he learned of the pregnancy. The movie was completed one month before the birth. Ikko told me: “I love this work like my child”.&lt;/p&gt;

&lt;p&gt;The movie was created, incredibly, using only an MSX2. All artwork was drawn on that type of computer, and post production completed with additional video editing equipment attached to such a computer. I won’t go into the plot specifically, but it features a travelling snowman, performing bananas, the titular Flying Luna Clipper, and plenty of sun, sea and surf. It’s one of those things that could only come from &lt;a href=&quot;https://en.wikipedia.org/wiki/Japanese_asset_price_bubble&quot;&gt;bubble era&lt;/a&gt; Japan, and as the final credits rolled I felt incredibly lucky to have been able to witness it.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-storyboard.jpg&quot; alt=&quot;The Flying Luna Clipper, exclusive storyboard photo&quot; title=&quot; The Flying Luna Clipper, exclusive storyboard photo&quot; /&gt;&lt;/p&gt;

&lt;p&gt;In 2004 an elaborate effort was made to promote a sequel to The Flying Luna Clipper, with an article in &lt;a href=&quot;https://archive.org/details/MSXMAGAZINE2&quot;&gt;MSX Magazine Permanent Revival 2&lt;/a&gt; that laid out the story alongside still images and included a set of calendar postcard, all curiously missing the month of October. Production of the follow-up movie never went any further due to issues with the feasibility of using the ancient MSX graphics tools. Though Ikko has since told me he dreams that someday Luna Clipper will fly again！&lt;/p&gt;

&lt;p&gt;In 2015 Matt Repetski and Matt Hawkins at &lt;a href=&quot;https://medium.com/attract-mode/about&quot;&gt;Attract Mode&lt;/a&gt; were kind enough to share a copy of the movie that had been ripped from Laser Disc by an anonymous source. Thanks to all involved for preserving this wonderful work for all time. And, of course, arigatou gozaimasu Ohno-san! 🙌&lt;/p&gt;

&lt;h3 id=&quot;watch-the-movie&quot;&gt;Watch the movie&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=P2TNZyCWA-Q&quot;&gt;Watch at YouTube&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://archive.org/details/the-flying-luna-clipper-complete&quot;&gt;Download at Internet Archive&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class=&quot;carousel__holder&quot;&gt;
    &lt;div class=&quot;carousel&quot;&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;a&quot; checked=&quot;checked&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;b&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;c&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;d&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;e&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;f&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;g&quot; /&gt;
        
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;g&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;c&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;d&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;c&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;e&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;d&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;f&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;e&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;g&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;f&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
        &lt;div class=&quot;carousel__track&quot;&gt;
          &lt;ul&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-05.jpg&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-05.jpg&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-06.jpg&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-06.jpg&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-07.jpg&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-07.jpg&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-08.jpg&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-08.jpg&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-09.jpg&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-09.jpg&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-10.jpg&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-10.jpg&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-11.jpg&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/flying-luna-clipper-msx-magazine-1987-11.jpg&quot; /&gt;&lt;/li&gt;
            
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class=&quot;carousel__indicators&quot;&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;c&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;d&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;e&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;f&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;g&quot;&gt;&lt;/label&gt;
            
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.carousel__holder {width: 100%; position: relative; padding-bottom: 128%; margin: 1rem 0 1rem;}
.carousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: absolute;
  padding: 0;
}
.carousel__staticimage,
.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__activator:nth-of-type(3):checked ~ .carousel__track {
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
  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(3):checked ~ .carousel__controls:nth-of-type(3) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
  opacity: 1;
}

.carousel__activator:nth-of-type(4):checked ~ .carousel__track {
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__slide:nth-of-type(4) {
  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(4):checked ~ .carousel__controls:nth-of-type(4) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(4) {
  opacity: 1;
}

.carousel__activator:nth-of-type(5):checked ~ .carousel__track {
  -webkit-transform: translateX(-400%);
          transform: translateX(-400%);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__slide:nth-of-type(5) {
  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(5):checked ~ .carousel__controls:nth-of-type(5) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(5) {
  opacity: 1;
}

.carousel__activator:nth-of-type(6):checked ~ .carousel__track {
  -webkit-transform: translateX(-500%);
          transform: translateX(-500%);
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__slide:nth-of-type(6) {
  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(6):checked ~ .carousel__controls:nth-of-type(6) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(6) {
  opacity: 1;
}

.carousel__activator:nth-of-type(7):checked ~ .carousel__track {
  -webkit-transform: translateX(-600%);
          transform: translateX(-600%);
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__slide:nth-of-type(7) {
  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(7):checked ~ .carousel__controls:nth-of-type(7) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(7) {
  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__track .carousel__slide:nth-of-type(3) {
  -webkit-transform: translateX(200%) translateZ(0);
          transform: translateX(200%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(4) {
  -webkit-transform: translateX(300%) translateZ(0);
          transform: translateX(300%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(5) {
  -webkit-transform: translateX(400%) translateZ(0);
          transform: translateX(400%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(6) {
  -webkit-transform: translateX(500%) translateZ(0);
          transform: translateX(500%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(7) {
  -webkit-transform: translateX(600%) translateZ(0);
          transform: translateX(600%) 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;
}

.carousel__slide:nth-of-type(3),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(4),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(5),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(6),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(6) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(7),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(7) {
  background-size: cover;
  background-position: center;
}

&lt;/style&gt;

&lt;script&gt;
  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 === &apos;none&apos;) {
                return false;
            } else if ($style.visibility === &apos;hidden&apos;) {
                return false;
            } else if (+$style.opacity === 0) {
                return false;
            } else if (($style.display === &apos;block&apos; || $style.display === &apos;inline-block&apos;) &amp;&amp;
                $style.height === &apos;0px&apos; &amp;&amp; $style.overflow === &apos;hidden&apos;) {
                return false;
            } else {
                return $style.position === &apos;fixed&apos; || isVisible(el.parentNode);
            }
        }
  }
  
  setInterval(function(){
    var j=0;
    var elements = document.querySelectorAll(&apos;.carousel__control--forward&apos;);
    for(i=(elements.length - 1);i&gt;-1;i--) {
      if(isVisible(elements[i])) j=i;
    }
    elements[j].click();
  },7000);
  
&lt;/script&gt;

&lt;h3 id=&quot;further-reading&quot;&gt;Further reading&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;1987-05: &lt;a href=&quot;https://archive.org/details/MSXmagazine198705S/page/n105/mode/2up&quot;&gt;Announcement in MSX Magazine, detailing the 5th Anniversary project&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;1987-06: &lt;a href=&quot;https://archive.org/details/MSXmagazine198706S/page/n85/mode/2up&quot;&gt;Preview in MSX Magazine, detailing Polynesia destination&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;1987-07: &lt;a href=&quot;https://archive.org/details/MSXmagazine198707S/page/n139/mode/2up&quot;&gt;Preview in MSX Magazine, detailing the starring characters&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;1987-08: &lt;a href=&quot;https://archive.org/details/MSXmagazine198708S/page/n137/mode/2up&quot;&gt;Preview in MSX Magazine, detailing the chapter locations&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;1987-09: &lt;a href=&quot;https://issuu.com/msxblog/docs/msx_magazine_1987_09/134&quot;&gt;Preview in MSX Magazine, detailing related merch&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;1987-10: &lt;a href=&quot;https://archive.org/details/MSXmagazine198710S/page/n145/mode/2up&quot;&gt;Feature in MSX Magazine, showing storyboard timeline of all chapters&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;1987-11: &lt;a href=&quot;https://archive.org/details/MSXmagazine198711S/page/n137/mode/2up&quot;&gt;Promotiomal feature in MSX Magazine, stating the movie is for sale&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2012-05: &lt;a href=&quot;https://ja6nqo.blog.ss-blog.jp/search/?keyword=luna&quot;&gt;Blog posts by producer Kan Tsuzurahara about the enduring nature of the movie&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2015-12: &lt;a href=&quot;https://blog.attractmo.de/post/134913165050/review-the-flying-luna-clipper-part-1-my-love&quot;&gt;Parts 1&lt;/a&gt; &amp;amp; &lt;a href=&quot;https://blog.attractmo.de/post/134976251900/review-the-flying-luna-clipper-part-2-ladies&quot;&gt;2 of a review at the Attract Mode blog&lt;/a&gt;, the first Western mention I’ve found&lt;/li&gt;
  &lt;li&gt;2017-03: &lt;a href=&quot;https://twitter.com/VtheWanderer/status/846784959859830784&quot;&gt;Twitter thread by Victor Navarro Remesal&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2017-04: &lt;a href=&quot;https://web.archive.org/web/20170401011626/http://abcdefghijklmn-pqrstuvwxyz.com/the-flying-luna-clipper-el-cine-chiptune-que-pudo-ser/&quot;&gt;Article by Victor Navarro Remesal&lt;/a&gt; in Spanish&lt;/li&gt;
  &lt;li&gt;2019-01: &lt;a href=&quot;https://twitter.com/gingerbeardman/status/1080504185106386946&quot;&gt;My discovery of The Flying Luna Clipper&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2020-08: &lt;a href=&quot;https://medium.com/attract-mode/dream-flight-interpreted-the-possible-flying-luna-clipper-origin-11c1ee5ebe1f&quot;&gt;Follow-up article at Attract Mode blog&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2020-08: &lt;a href=&quot;https://www.wonderville.nyc/events/luna-clipper&quot;&gt;The Flying Luna Clipper is screened at Wonderville, NYC, and on Twitch&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://letterboxd.com/film/the-flying-luna-clipper/&quot;&gt;Reviews on Letterboxd&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Fri, 03 Sep 2021 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/09/03/the-flying-luna-clipper/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/09/03/the-flying-luna-clipper/</guid>
        </item>
      
    

  </channel>
</rss>
