pipboy update

[gnargle.github.io.git] / projects / pipboy.html

diff --git a/projects/pipboy.html b/projects/pipboy.html
index eb782b169ddd1b3503d144202626f1b67dccdc44..87900fdc4f27b196879d84167775a10756a1812d 100644 (file)
--- a/projects/pipboy.html
+++ b/projects/pipboy.html
@@ -421,7 +421,7 @@
               </p>
               <a href="../img/projects/pipboy/errorlowmem.png">
                 <img
-                  class="blog-img"
+                  class="blog-img-lrg"
                   src="../img/projects/pipboy/errorlowmem.png"
                   alt="A screenshot of the espruino terminal reading 'New interpreter error: LOW_MEMORY,MEMORY'"
                 />
@@ -502,7 +502,7 @@
               <b>Code Updated. Check the github link to keep up.</b>
               <a href="../img/projects/pipboy/imgstringdump.png">
                 <img
-                  class="blog-img"
+                  class="blog-img-lrg"
                   src="../img/projects/pipboy/imgstringdump.png"
                   alt="A screenshot of the pipboys serial connection in vscode showing the file read from disk."
                 />
@@ -515,7 +515,13 @@
               </p>
               <p>OK, next up, we swap images on the fly.</p>
               <b>Code Updated. Check the github link to keep up.</b>
-              <video src="../img/projects/pipboy/pipboyperkswitch.mp4"></video>
+              <video width="672" height="378" class="video-embed" controls>
+                <source
+                  src="../img/projects/pipboy/pipboyperkswitch.mp4"
+                  type="video/mp4"
+                />
+                Your browser does not support the video tag.
+              </video>
               <p>
                 Done! Again! Wow we're going win after win today. Apart from the
                 weird bit of artifacting in the top left of the image there,
@@ -575,6 +581,66 @@
                 just filling the rest of the perk data (and fixing whatever is
                 wrong with the action girl image) and presto, that's a screen!
               </p>
+              <b>Code Updated. Check the github link to keep up.</b>
+              <p>
+                OK I lied did a tiny bit more tonight. It's some housekeeping
+                code - I wanted to make sure the images displayed centrally if
+                they were cropped to just their actual data, any rows of empty
+                pixels around them removed.
+              </p>
+              <p>
+                This turned out to be a smart decision - It saves space, it
+                looks nice, and it meant I redid the action girl icon with its
+                bit of corrupted data, a bug I would have otherwise inevtiably
+                ignored until the end. No photos right now because not much has
+                actually changed but it's good and sets us up for just
+                implementing the manual selection now.
+              </p>
+              <div class="title-block">
+                <h3 class="blog-title">Time to solve input</h3>
+                <h3 class="datestamp">22/03/2025</h3>
+              </div>
+              <p>
+                Good morning! I'm up bright and early to continue my vital work.
+              </p>
+              <p>
+                Actually, I've already started. I looked up what the perk menu
+                looks like in Fallout 4 to check if there a) is one other than
+                the chart (there is) and b) if what I'm making is accurate to
+                that.
+              </p>
+              <p>
+                And it mostly is, but the selection box around the perk in the
+                list is actually all green and the text is black, see the below
+                image.
+              </p>
+              <a href="../img/projects/pipboy/pipboyfo4.png">
+                <img
+                  class="blog-img-lrg"
+                  src="../img/projects/pipboy/pipboyfo4.png"
+                  alt="A screenshot of Fallout 4 showing the pipboy open on the perks screen."
+                />
+              </a>
+              <p>
+                So I kinda want to recreate that. Doing so would be useful as
+                it'll also bring my selection menu in line with some of the
+                official submenus on the device as well, making the app look
+                more official :)
+              </p>
+              <p>
+                This is what I've got so far - I couldn't get the text to draw
+                in black so I settled on a halftone selection box instead. I'm
+                still not completely happy with it though and want to get as
+                close to accurate as I can, so I'm going to dive into the
+                firmware and see if I can divine how it does the black on white.
+              </p>
+              <a href="../img/projects/pipboy/halftoneselection.jpg">
+                <img
+                  class="blog-img-lrg"
+                  src="../img/projects/pipboy/halftoneselection.jpg"
+                  alt="A photo of the pipboy on the perks screen, showing the selected perk title with a grey box behind it.."
+                />
+              </a>
             </div>
           </div>
         </div>