<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Uboot Game</title>
    <description>The latest articles on DEV Community by Uboot Game (@uboot-game).</description>
    <link>https://dev.to/uboot-game</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F8227%2F47ebacdc-54bd-4b80-87cd-c13ae4a7c0a3.jpeg</url>
      <title>DEV Community: Uboot Game</title>
      <link>https://dev.to/uboot-game</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/uboot-game"/>
    <language>en</language>
    <item>
      <title>Meet the Captain</title>
      <dc:creator>Joost van Wollingen</dc:creator>
      <pubDate>Sat, 27 Jan 2024 22:52:43 +0000</pubDate>
      <link>https://dev.to/uboot-game/meet-the-captain-18ie</link>
      <guid>https://dev.to/uboot-game/meet-the-captain-18ie</guid>
      <description>&lt;p&gt;Since I’m &lt;strong&gt;no artist&lt;/strong&gt; , we’re starting from AI generated images, and from there try to modify them to fit the game. Today, I started on a first draft for a character: &lt;em&gt;The Captain&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;First I generated some portraits of &lt;em&gt;“seasoned navy captains, with a scar, smoking a cigar, cartoony”&lt;/em&gt;. I’ll have to up my prompt engineering in the coming time.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WC1lWx6P--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://ubootgame.github.io/ubootgame/blog/images/portraits.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WC1lWx6P--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://ubootgame.github.io/ubootgame/blog/images/portraits.png" alt="Portraits of the Captain" width="800" height="330"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;This is what the Captain could look like according to AI&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I threw the portrait I liked most into &lt;a href="https://www.aseprite.com"&gt;aseprite&lt;/a&gt;, a sprite editor &amp;amp; pixel art tool. It came up as a good tool to do the graphics in for our kind of game, and I got myself a license through &lt;a href="https://www.steampowered.com"&gt;Steam&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;My first goal was to take the AI generated still, and make a speech animation. I grabbed the Captain’s mustache and lowerlip, added a frame where these part and painted in some basic teeth. For a draft, in a tool I never used before, it’s good enough for now.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GVvkSaLH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ubootgame.github.io/ubootgame/blog/images/cap_talking.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GVvkSaLH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ubootgame.github.io/ubootgame/blog/images/cap_talking.gif" alt="More mustache than man" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;More mustache than man&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Next, I wanted to simulate some sort of &lt;a href="https://en.wikipedia.org/wiki/Scan_line"&gt;scanlines&lt;/a&gt;, for the videocall sequences where we’d use these portraits. I’ve probably overcomplicated things, used too many layers and animated it clumsily, but the end result I was pretty happy with. Reminds me of those old, green, monochrome monitors.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--yfuWTL8i--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ubootgame.github.io/ubootgame/blog/images/cap_talking_scanlines.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yfuWTL8i--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ubootgame.github.io/ubootgame/blog/images/cap_talking_scanlines.gif" alt="Scanlines" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;The Captain uses some old naval technology for video conferencing.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Finally, I tried my hand at an overlay for the portrait + scanlines, to have somewhat of a border around it, and tried some more animations, such as the blinking light and the scrolling letters. That’s far too clumsy to do neatly in aseprite as far as I can tell for now.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--M_PsDzEo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ubootgame.github.io/ubootgame/blog/images/cap_talking_border.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--M_PsDzEo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://ubootgame.github.io/ubootgame/blog/images/cap_talking_border.gif" alt="Dukey pick up the phone" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Here’s the Captain on the phone with you, giving orders.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Doing these in &lt;a href="https://www.aseprite.com"&gt;aseprite&lt;/a&gt; is a lot of fun, although I should probably take some time to study the tool and read the documentation. For now, I’ve been going by experience from other graphical editors I’ve worked with throughout the years. We’ll get there!&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Surfacing</title>
      <dc:creator>Joost van Wollingen</dc:creator>
      <pubDate>Sat, 27 Jan 2024 08:22:42 +0000</pubDate>
      <link>https://dev.to/uboot-game/surfacing-2dlf</link>
      <guid>https://dev.to/uboot-game/surfacing-2dlf</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;Lightning cracks, thick rain drops fall down relentlessly, making it almost impossible to see outside. The wind howls around the bridge, rolling the ship in the giant waves. We’re being hunted.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  Building in Public
&lt;/h2&gt;

&lt;p&gt;It’s a game we’ve dreamed about for years now. We never started development, but that changes today. At this stage, it’s not much more than a few loosely related thoughts, ideas and experiments we want to run. There is a million things to learn, such as &lt;a href="https://go.dev/"&gt;Golang&lt;/a&gt;, &lt;a href="https://ebitengine.org/"&gt;Ebitenengine&lt;/a&gt;, game design, sound design, music, graphics, &lt;a href="https://www.aseprite.org/"&gt;aseprite&lt;/a&gt;, entity component system, artificial intelligence.&lt;/p&gt;

&lt;p&gt;This blog will be used to document our journey, the things we learn along the way, and the progress the game is making. We’ll be building in public, to keep us on our toes.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Game
&lt;/h2&gt;

&lt;p&gt;In the game the player will pilot a destroy-class ship, with a unique, challenging control-scheme. Fights will take place in the air and with submerged enemies. You can expect updates as we refine our thinking around the game, its design and gameplay loop.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Latest
&lt;/h2&gt;

&lt;p&gt;We publish every build at the following url, fully playable in your browser thanks to WASM !&lt;/p&gt;

&lt;p&gt;Play the game at &lt;a href="https://ubootgame.github.io/ubootgame/"&gt;https://ubootgame.github.io/ubootgame/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
