<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
<title>Popmates devlog</title>
<subtitle>A pixel-art party game about balloons, built in public</subtitle>
<id>https://popmates.pages.dev/</id>
<link rel="self" type="application/atom+xml" href="https://popmates.pages.dev/feed.xml"/>
<link rel="alternate" type="text/html" href="https://popmates.pages.dev/"/>
<updated>2026-11-07T00:00:00Z</updated>
<author><name>ColinMakesApps</name></author>
<entry>
<title>A logo with a Popmate for the O</title>
<id>https://popmates.pages.dev/posts/a-logo-with-a-popmate-for-the-o/</id>
<link rel="alternate" type="text/html" href="https://popmates.pages.dev/posts/a-logo-with-a-popmate-for-the-o/"/>
<published>2026-11-07T00:00:00Z</published>
<updated>2026-11-07T00:00:00Z</updated>
<summary>Three ideas for the Popmates logo, the one that won, and the small versions that have to work too.</summary>
<content type="html">&lt;p&gt;A game called Popmates, about balloons, has an O sitting right there in its name, and it seemed a shame not to use it. This post covers day 6, when the logo was settled.&lt;/p&gt;
&lt;h2 id=&quot;three-directions&quot;&gt;Three directions&lt;/h2&gt;
&lt;p&gt;Three directions were tried, each made in code with the same pixel-art tool as the rest of the game, and each checked at full size and at real game size over the title screen&amp;#39;s sky and meadow:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/logo_directions.png&quot; width=&quot;612&quot; height=&quot;675&quot; alt=&quot;Three logo ideas on a dark background. A, Balloon Twist: lowercase letters made of shiny balloons in coral, blue, green, purple and yellow. B, Popmate Peek: chunky gold lowercase letters with a red balloon character as the O. C, Prism Marquee: gold capitals with a gentle arch. Below, all three at small size on a dark blue and on a green background&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The three directions, at full size and then at real size on the title screen colours.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;A, Balloon Twist&lt;/strong&gt;, builds every letter out of a shiny balloon, in the five Popmate colours.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;B, Popmate Peek&lt;/strong&gt;, puts a Popmate in place of the O, so the logo also introduces the character.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;C, Prism Marquee&lt;/strong&gt;, sets chunky gold capitals on a gentle carnival arch.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;the-one-that-won&quot;&gt;The one that won&lt;/h2&gt;
&lt;p&gt;I chose Prism Marquee, with the coral Popmate standing in for the O and its string hanging below the word.&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/logo_wordmark.png&quot; width=&quot;564&quot; height=&quot;129&quot; alt=&quot;The Popmates logo: gold capital letters P, P, M, A, T, E and S on a gentle arch, with a smiling coral balloon as the O and its string hanging below&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The logo, enlarged.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;The letters follow the same rules as the rest of the art: gold ramps that are lit from the top left, a plain indigo outline instead of black, no magic colours, and strokes thick enough that the word still reads as eight letters at real size.&lt;/p&gt;
&lt;h2 id=&quot;small-sizes-are-their-own-drawings&quot;&gt;Small sizes are their own drawings&lt;/h2&gt;
&lt;p&gt;A logo also has to work small: on the loading screen, and as the tiny icon in a browser tab. Shrinking the big logo would smear its details, so the small versions are drawn separately, not scaled down. The small logo is about half the size, with thinner strokes and its own little balloon:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/atlas_logo.png&quot; width=&quot;615&quot; height=&quot;231&quot; alt=&quot;A sheet with the full logo, a smaller redrawn logo below it, and two balloon icons on the right, one larger and one tiny&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;Enlarged: the full logo, the small logo for the loading screen, and the balloon icons used for the browser tab.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;They are not perfect yet. The balloon O is a little shorter than the capitals, the A in the small logo nearly closes up, and the tiniest icon is busy for its size. Those are noted for a later pass.&lt;/p&gt;
&lt;p&gt;The logo now sits on the title screen, on the loading screen and in the header of this blog.&lt;/p&gt;
</content>
</entry>
<entry>
<title>Dressing a balloon</title>
<id>https://popmates.pages.dev/posts/dressing-a-balloon/</id>
<link rel="alternate" type="text/html" href="https://popmates.pages.dev/posts/dressing-a-balloon/"/>
<published>2026-11-07T00:00:00Z</published>
<updated>2026-11-07T00:00:00Z</updated>
<summary>How cosmetics are planned in Popmates, what got cut and why, and a first draft set with a top hat.</summary>
<content type="html">&lt;p&gt;A balloon with a top hat is funnier than a balloon without one. This post covers days 4 and 5, when the plan for cosmetics was rethought and the first draft set was made. Almost all of it is still planned; I will say which parts exist.&lt;/p&gt;
&lt;h2 id=&quot;styles-and-colourways&quot;&gt;Styles and colourways&lt;/h2&gt;
&lt;p&gt;The plan has four things you can change: your &lt;strong&gt;body&lt;/strong&gt;, a &lt;strong&gt;hat&lt;/strong&gt;, your &lt;strong&gt;string&lt;/strong&gt; and something on your &lt;strong&gt;back&lt;/strong&gt;, such as wings, a cape or a backpack. Each piece is a &lt;strong&gt;style&lt;/strong&gt;, one distinct shape, like a top hat or a baseball cap. Each style comes in two to four chosen &lt;strong&gt;colourways&lt;/strong&gt;: the top hat in red, black or violet, for example.&lt;/p&gt;
&lt;p&gt;Two rules keep this honest: two styles must look different in outline, and a new colour is never sold as a new style.&lt;/p&gt;
&lt;h2 id=&quot;shopkeepers-and-sets&quot;&gt;Shopkeepers and sets&lt;/h2&gt;
&lt;p&gt;In the plan, each island has two or three shopkeepers, and each one sells a themed set of three styles: a hat, a string and a back piece. A shopkeeper wears their own set&amp;#39;s hat. The same shopkeepers hand out small errands, and an errand can reward a special colourway that you cannot buy.&lt;/p&gt;
&lt;p&gt;You pay with tokens earned by playing. Everything is decorative only; nothing you wear changes how you score.&lt;/p&gt;
&lt;h2 id=&quot;what-got-cut-and-why&quot;&gt;What got cut, and why&lt;/h2&gt;
&lt;p&gt;The first cosmetics plan had more in it, and several ideas were dropped on day 4:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Free dyes&lt;/strong&gt;, where you could recolour any item. Every item started to feel like a recolour of every other one.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Auras and a &amp;quot;Pop Style&amp;quot; reveal effect.&lt;/strong&gt; Too complicated for what they added.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Face gear&lt;/strong&gt;, such as glasses. A Popmate&amp;#39;s face is tiny, and it only has room for the eyes, a smile and blush marks. Test glasses hid the eyes, and a monocle disappeared at real size.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;a-first-draft-set&quot;&gt;A first draft set&lt;/h2&gt;
&lt;p&gt;To test all of this, the first draft set is the Ringmaster&amp;#39;s, for Carnival Isle (both working names). It has a &lt;strong&gt;top hat&lt;/strong&gt; in Carnival Red, Midnight and Showtime Violet, and a &lt;strong&gt;bunting string&lt;/strong&gt; (a string with little pennant flags) in Carnival Red, Gold and Showtime Violet. Its back piece does not exist yet, so the set is not finished.&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/ringmaster_sheet.png&quot; width=&quot;956&quot; height=&quot;2156&quot; alt=&quot;A tall reference sheet of balloons: the bunting string in three colours and the top hat in three colours, each worn by all five balloon colours; the full set on the five moods; the same pieces in greyscale; and a final row of tiny balloons at real game size&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The Ringmaster draft sheet: every style in every colourway on every body colour, then in greyscale and at real size.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Every set will get a sheet like this before it ships, to check that each colourway stays visible on every body colour, in colour and in greyscale. This one already shows two weak spots: the bunting is small at real size, and the Midnight hat is almost black in greyscale.&lt;/p&gt;
&lt;p&gt;Here are the pieces on the test page, next to the three older test pieces (a wizard hat, a flower crown and a ribbon-bow string), which are kept only for testing:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/screen_accessories.png&quot; width=&quot;1440&quot; height=&quot;810&quot; alt=&quot;Rows of balloons in all five colours and five moods: on the left in purple wizard hats with pink ribbon-bow strings, in the middle in flower crowns, and on the right in the Ringmaster top hat with the bunting string&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The test page that checks every piece on every colour and mood. The wizard hats, flower crowns and ribbon bows are test pieces, not for sale.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Next, in the plan, come the first back piece and a string with a charm on the end, so strings read better at real size.&lt;/p&gt;
</content>
</entry>
<entry>
<title>A world that floats</title>
<id>https://popmates.pages.dev/posts/sky-archipelago/</id>
<link rel="alternate" type="text/html" href="https://popmates.pages.dev/posts/sky-archipelago/"/>
<published>2026-11-07T00:00:00Z</published>
<updated>2026-11-07T00:00:00Z</updated>
<summary>Why the world of Popmates is a scatter of floating islands in three skies, and the first art for it.</summary>
<content type="html">&lt;p&gt;This post covers days 3 to 7: how the world went from a map of ordinary zones to a sky full of floating islands, and the art made for it so far. None of it is walkable yet.&lt;/p&gt;
&lt;h2 id=&quot;from-biomes-to-islands&quot;&gt;From biomes to islands&lt;/h2&gt;
&lt;p&gt;The first plan had five zones you would expect in any game: a meadow, a forest, a snowy peak, a shore and a cave. They worked, but they felt generic, and nothing about them said &amp;quot;balloons&amp;quot;. So on days 3 and 4 the world was rethought around the obvious question: if everyone is a balloon, why are we on the ground?&lt;/p&gt;
&lt;p&gt;The new world is the &lt;strong&gt;Sky Archipelago&lt;/strong&gt; (a working name, like all the names below): eight small floating islands in three layers of sky. Each layer has its own light, which never changes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Cloud Sea&lt;/strong&gt;, the lowest layer, is always at dawn.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Open Sky&lt;/strong&gt;, the middle, is always at midday.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Starlight&lt;/strong&gt;, the top, is always at dusk, with stars.&lt;/li&gt;
&lt;/ul&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/skies.png&quot; width=&quot;960&quot; height=&quot;1620&quot; alt=&quot;Three wide sky backdrops stacked on top of each other: a peach and violet dawn over thick cream clouds; a periwinkle midday sky with white clouds and small distant islands; and a dark indigo dusk with stars, a crescent moon and rose-tinted clouds&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The three skies, built: Cloud Sea at dawn, Open Sky at midday and Starlight at dusk. Each is made of layers that scroll at different speeds.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;h2 id=&quot;small-islands-big-sky&quot;&gt;Small islands, big sky&lt;/h2&gt;
&lt;p&gt;Each island is planned to be small, about two screens wide and two tall, with its own look: a carnival, a windmill, bouncy clouds, a storm, a crater of fallen stars. The world should feel big because there are many places and a lot of sky, not because each map is huge. Distant islands drift in the background of every sky.&lt;/p&gt;
&lt;p&gt;In the plan, every island is open from the start. Rope bridges join the islands in a layer, updrafts carry you between layers, and a world map lets you hop straight to any island, so friends can meet wherever they like. The map will also show a few foggy &amp;quot;Uncharted&amp;quot; islands: places that do not exist yet, waiting for later updates.&lt;/p&gt;
&lt;h2 id=&quot;carnival-isle-as-a-picture&quot;&gt;Carnival Isle, as a picture&lt;/h2&gt;
&lt;p&gt;To settle the look before building any island, there is one finished still picture of Carnival Isle (a working name), with a big top, two stalls and the portal for two-team matches:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/carnival_frame.png&quot; width=&quot;1440&quot; height=&quot;810&quot; alt=&quot;Two balloons, coral and yellow, on a floating island with a red and white striped big top, two stalls labelled Rings and Prizes, lamp posts, bunting and a glowing portal labelled 2 Teams; a rope bridge leaves the island&amp;#39;s edge, and the rocky underside, hung with roots, floats above a sea of clouds&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The Carnival Isle look picture, approved on day 4. It is a single image, not a playable map.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;It took two rounds of fixes to the clouds to get there: clouds must never have flat bottoms, and their undersides are solid shapes with no speckled fading.&lt;/p&gt;
&lt;h2 id=&quot;the-edges-of-the-world&quot;&gt;The edges of the world&lt;/h2&gt;
&lt;p&gt;On day 7 the island edges became a real tileset: a grassy lip, two bands of cliff and a craggy underside, which a small tool fits together around any island shape. The same tiles are recoloured for all eight islands.&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/screen_island.png&quot; width=&quot;1440&quot; height=&quot;810&quot; alt=&quot;A test island seen from above in a midday sky: green grass with an irregular outline, edged by layered sandy cliffs that taper into dark rocky undersides, with a cloud and more test shapes nearby&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The island-edge test page in Pop Plaza (working name) colours. Keys 1 to 8 switch between the eight island recolours.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Next in the plan is the first real island, the hub where everyone arrives, but only after the server, accounts and matches exist.&lt;/p&gt;
</content>
</entry>
<entry>
<title>Meet the Popmate</title>
<id>https://popmates.pages.dev/posts/the-popmate/</id>
<link rel="alternate" type="text/html" href="https://popmates.pages.dev/posts/the-popmate/"/>
<published>2026-11-07T00:00:00Z</published>
<updated>2026-11-07T00:00:00Z</updated>
<summary>Five colours, five moods, a wiggly string and a bob when it walks. Here is the balloon you play as.</summary>
<content type="html">&lt;p&gt;Every player in Popmates is a balloon, and the balloon is called a Popmate. This post covers how it came together over days 1 to 3, plus the walking test from day 7.&lt;/p&gt;
&lt;h2 id=&quot;small-on-purpose&quot;&gt;Small on purpose&lt;/h2&gt;
&lt;p&gt;The game is drawn on a 480 by 270 pixel canvas, so a Popmate is tiny: its body is 21 pixels wide and 25 tall, and with its string it is 38 pixels tall. That size was a rule from the start: a Popmate has to read clearly at its real size, not only when zoomed in. Here is the reference sheet, enlarged:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/popmate_sheet.png&quot; width=&quot;608&quot; height=&quot;352&quot; alt=&quot;A reference sheet on a dark background: a large coral balloon close up at four times its size; a row of five balloons labelled Coral, Sky, Mint, Sun and Lilac; a row of five coral balloons labelled Happy, Joy, Wow, Wink and Game; and the five balloons standing on grass with name tags&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The reference sheet from the art test. The row on grass shows the real game size, before enlarging.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;h2 id=&quot;five-colours-five-moods&quot;&gt;Five colours, five moods&lt;/h2&gt;
&lt;p&gt;There are five colours, &lt;strong&gt;coral, sky, mint, sun and lilac&lt;/strong&gt;, and five moods, &lt;strong&gt;happy, joy, wow, wink and game&lt;/strong&gt; (game is its game face). Every colour is the same drawing with a different set of colours swapped in, so all 25 combinations come from one design:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/atlas_popmates.png&quot; width=&quot;592&quot; height=&quot;572&quot; alt=&quot;A small sprite sheet of balloon faces: every combination of five colours and five expressions, packed in rows, plus the string on its own&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The game sheet, enlarged: every colour with every mood.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;In the plan, the five colours are free for everyone, and your mood is the face your Popmate wears when it is idle. Emotes and moments in a match will swap the face for a second. The face is deliberately simple: round eyes with a glint, a small smile and blush marks. There is no room for glasses or anything else on the face, which turned out to matter later, when planning the cosmetics.&lt;/p&gt;
&lt;h2 id=&quot;the-string-and-the-bob&quot;&gt;The string and the bob&lt;/h2&gt;
&lt;p&gt;There is only one drawing of a Popmate, facing you. It never turns to show its side or back. Instead it shows movement with a flip when it changes direction, a gentle bob and a little squash, with its string trailing below. The string is a separate piece, so that later it can be swapped for a fancier one.&lt;/p&gt;
&lt;h2 id=&quot;the-first-walk&quot;&gt;The first walk&lt;/h2&gt;
&lt;p&gt;On day 7 a Popmate took its first steps:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/screen_walk.png&quot; width=&quot;1440&quot; height=&quot;810&quot; alt=&quot;A coral balloon with the name tag Bloop floating over a paved square in a meadow, with a pond, dirt paths, a wooden signpost, bushes, rocks and green and pink trees&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The walking test: a Popmate on a test map, steered with the arrow keys or WASD.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;You steer with the arrow keys or WASD, in eight directions. The balloon slides along water and the map&amp;#39;s edge instead of getting stuck, bobs as it goes, and does a one-pixel squash when it settles. The camera follows it. Automated tests check it at 1080p, at 1440p, at two ultrawide sizes and at a laptop size, so the pixels stay square on all of them.&lt;/p&gt;
&lt;p&gt;It is a test map, not a real island, and you walk alone: other players, and the server that would show them to you, are still to come. But it is the first time a Popmate goes where you tell it to, and it is very pleased about it.&lt;/p&gt;
</content>
</entry>
<entry>
<title>Days 1 to 3: an engine test and a look</title>
<id>https://popmates.pages.dev/posts/engine-and-look/</id>
<link rel="alternate" type="text/html" href="https://popmates.pages.dev/posts/engine-and-look/"/>
<published>2026-11-07T00:00:00Z</published>
<updated>2026-11-07T00:00:00Z</updated>
<summary>Before building anything real, I tested the engine on the hard bits, then picked an art style in a blind comparison.</summary>
<content type="html">&lt;p&gt;This post covers days 1 to 3, when two decisions had to be made before anything else could start: what the game runs on, and what it looks like.&lt;/p&gt;
&lt;h2 id=&quot;test-the-scary-parts-first&quot;&gt;Test the scary parts first&lt;/h2&gt;
&lt;p&gt;Popmates runs in a web browser, on Phaser 4, a game engine for the web. Phaser 4 was quite new, and a pixel-art game asks a lot of things an engine can quietly get wrong. So the first job, on day 1, before anything depended on it, was a test page that tried the risky parts and checked the results pixel by pixel:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Crisp scaling.&lt;/strong&gt; The game draws on a small 480 by 270 pixel canvas and scales it up by whole steps, so every game pixel becomes a neat square. The test checked this on screens with different pixel densities, where blurry or uneven pixels usually sneak in.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Glow and shader effects.&lt;/strong&gt; Portals need to swirl and shimmer. The test ran a glow effect and a custom swirl effect.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Maps.&lt;/strong&gt; Tile maps made in a map editor had to load, with no thin seams between tiles.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Everything passed, so Phaser 4 stayed. The pixel checks from that test are still reused by the game&amp;#39;s automated tests.&lt;/p&gt;
&lt;h2 id=&quot;picking-a-look-blind&quot;&gt;Picking a look, blind&lt;/h2&gt;
&lt;p&gt;With the engine settled, the next question was the art style. The art in Popmates is made in code, with a pixel-art tool called pxl: each sprite is a small script that lays out its pixels, which makes it easy to recolour, check and rebuild.&lt;/p&gt;
&lt;p&gt;The style was chosen in a blind comparison of two attempts at the same brief, each of which came back with a finished test scene. I looked at both without knowing which was which and picked one.&lt;/p&gt;
&lt;p&gt;Inside the winning attempt, three palettes were tried first:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/explorations.png&quot; width=&quot;1024&quot; height=&quot;256&quot; alt=&quot;Three versions of the same small scene, side by side: a balloon named Bloop beside a tree and a swirling portal on a path. A, Prism Dusk, is bright green with a vivid red balloon and a blue and magenta portal; B, Pastel Storybook, is pale and washed out; C, Moonlit Ink, is dark teal with a gold portal&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;Three palettes from the winning attempt. A became the chosen style; B lost contrast, and C was too dark.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Palette A won, and the style is now called &lt;strong&gt;Prism Light&lt;/strong&gt;. Its rules are short: every material gets a ramp of four to six colours that shifts cool in the shadows and warm in the light, one deep indigo replaces black everywhere, and cyan and magenta are kept for magic, so anything magical or clickable always stands out.&lt;/p&gt;
&lt;p&gt;This is the test scene that won:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/frame_hub.png&quot; width=&quot;1440&quot; height=&quot;810&quot; alt=&quot;A grassy hub seen from above: five balloons in coral, yellow, blue, purple and green around a paved circle, a striped stall with a hooded shopkeeper, a glowing portal labelled Pop Race, a pond, signposts and cherry trees, with Score and Tokens panels in the top corners&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The winning test scene. It is a mock-up: the score panels, the Skins stall and the place names on the signposts come from earlier plans.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;h2 id=&quot;why-bother&quot;&gt;Why bother&lt;/h2&gt;
&lt;p&gt;A blind pick sounds fussy, but it stopped me from choosing a style for the wrong reasons. And settling the look on day 2 meant everything after it, from the Popmate to the logo, could follow one set of rules. By day 3 the winning balloon had moved into the game itself, matching the test scene pixel for pixel. The next posts are about those things.&lt;/p&gt;
</content>
</entry>
<entry>
<title>Hello, Popmates</title>
<id>https://popmates.pages.dev/posts/hello-popmates/</id>
<link rel="alternate" type="text/html" href="https://popmates.pages.dev/posts/hello-popmates/"/>
<published>2026-11-07T00:00:00Z</published>
<updated>2026-11-07T00:00:00Z</updated>
<summary>A first hello from a balloon party game that is one week old and not playable yet.</summary>
<content type="html">&lt;p&gt;Hello! This is the devlog for Popmates, a pixel-art party game in the making. It is one week old. This first post is a quick hello and covers days 1 to 7 in broad strokes; the next few posts go into the details.&lt;/p&gt;
&lt;h2 id=&quot;the-plan-in-one-breath&quot;&gt;The plan in one breath&lt;/h2&gt;
&lt;p&gt;You are a balloon, called a Popmate. You float around a world of small islands in the sky with other players. When you fancy a game, you step through a portal, a category pops up (&amp;quot;things in a kitchen&amp;quot;), and everyone has 30 seconds to type as many answers as they can. An answer only you thought of is worth 2 points; one somebody else also found is worth 1. Then you drift back out, maybe buy a silly hat, and go again.&lt;/p&gt;
&lt;p&gt;The &lt;a href=&quot;https://popmates.pages.dev/about/&quot;&gt;What is Popmates&lt;/a&gt; page has the longer version.&lt;/p&gt;
&lt;h2 id=&quot;what-a-week-gets-you&quot;&gt;What a week gets you&lt;/h2&gt;
&lt;p&gt;Here is the title screen as it stands today:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&quot;https://popmates.pages.dev/img/screen_title.png&quot; width=&quot;1440&quot; height=&quot;810&quot; alt=&quot;The Popmates title screen: a gold POPMATES logo with a red balloon as the O, three greyed-out buttons reading Play as Guest, Create Account and Sign in with Google, a purple Settings button, the line Sign-in arrives in Stage 2, and five balloons in coral, blue, green, yellow and purple, some in test hats, bobbing over a meadow with trees&quot; loading=&quot;lazy&quot;&gt;
&lt;figcaption&gt;The title screen today. The sign-in buttons are placeholders: there is nothing to sign in to yet.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;That one picture is most of what exists. By the end of the first week the art style was settled, the Popmate came in five colours with five moods, and there was a logo, three skies, a set of island edges, a title and settings screen, and a Popmate that walks around a test map in a web browser.&lt;/p&gt;
&lt;p&gt;What does not exist yet is everything you would actually play: there is no server, no accounts, no categories and no matches. &lt;strong&gt;Popmates is not playable yet&lt;/strong&gt;, and I am not going to guess at a date.&lt;/p&gt;
&lt;h2 id=&quot;how-this-blog-works&quot;&gt;How this blog works&lt;/h2&gt;
&lt;p&gt;The build is split into stages, and I plan to write one short post each time a stage is finished. The &lt;a href=&quot;https://popmates.pages.dev/progress/&quot;&gt;Progress&lt;/a&gt; page lists every stage and marks each one done, up next or later. It has no dates on purpose, because I would rather be late on nothing than late on a promise.&lt;/p&gt;
&lt;p&gt;When I describe something in a post, I will say whether it is &lt;strong&gt;built&lt;/strong&gt; (it exists and was tested), &lt;strong&gt;planned&lt;/strong&gt; (it is only in the plan so far) or &lt;strong&gt;still open&lt;/strong&gt; (not decided). Place names like the islands&amp;#39; are working names and may change.&lt;/p&gt;
&lt;p&gt;If you want to follow along, the &lt;a href=&quot;https://popmates.pages.dev/feed.xml&quot;&gt;RSS feed&lt;/a&gt; is the way. There is no newsletter and no comments, just posts.&lt;/p&gt;
&lt;p&gt;Thanks for floating by.&lt;/p&gt;
</content>
</entry>
</feed>
