X-Git-Url: https://fortfriendship.online/gitweb/gnargle.github.io.git/blobdiff_plain/16f78556ddc2523dcbfc3cac44f31f0b84eab675..b804cb0d4318670e90c95f0c62f5235bba17448c:/projects/pipboy.html?ds=sidebyside diff --git a/projects/pipboy.html b/projects/pipboy.html index adf613c..87900fd 100644 --- a/projects/pipboy.html +++ b/projects/pipboy.html @@ -421,7 +421,7 @@

A screenshot of the espruino terminal reading 'New interpreter error: LOW_MEMORY,MEMORY' @@ -499,6 +499,148 @@ So, first up: storing and loading the image. This is gonna need me to look up how the espruino fs library works. BRB...

+ Code Updated. Check the github link to keep up. +
+ A screenshot of the pipboys serial connection in vscode showing the file read from disk. + +

+ Well that was tremendously easy. First try baby, finally I'm not + completely stupid about something! We're gaming! I would take a + photo of the screen but I didn't change the image's position so + it looks exactly the same. but rest assured it is there! +

+

OK, next up, we swap images on the fly.

+ Code Updated. Check the github link to keep up. + +

+ 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, + but, er... I'm sure that's fine. Let's ignore it for now. We'll + see if it continues with other images. +

+

+ OK, so this is actually a fair cut through the work we need to + do here. So let's structure the screen a bit, and add the name + and descriptions. +

+ Code Updated. Check the github link to keep up. +

+ Hoooo boy I spent a while here huh! So much for 'live' blogging. +

+ + A photo of the pipboy screen showing a decent approximation of the perk menu from FO3/NV. Action Girl is selected and shows its icon and description. + +

+ While I've been gone I basically drew the rest of the fucking + owl. Look! It's the screen from the game! Pretty much + completely! +

+

+ There's some artistic license; in-game the perk description + displays in the same column as the image, but the available area + there is too small to display it readably on screen, so I've + bannered it at the bottom instead. +

+

+ But yeah, we've got the basics of the screen here! The list of + perks, the box around the selected one, the image, the + description. They're all loaded dynamically from the list of + files on the SD card, and I've just gone in and tested the + reselection with a timeout, and hot damn, it works. +

+ + Another photo of the pipboy showing the perk menu. Now Cherchez La femme, second in the list, is selected. + +

+ Additionally, if you're code digging, you'll see I've done a + bunch of reorganisation. While I was hacking before, I've gone + in and refactored and made all of this actually functionally + useful for building up the application proper. +

+

+ Next thing, then, is input. Which hopefully, shouldn't be too + bad? I'll tackle that at some point over the weekend. Then it's + just filling the rest of the perk data (and fixing whatever is + wrong with the action girl image) and presto, that's a screen! +

+ Code Updated. Check the github link to keep up. +

+ 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. +

+

+ 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. +

+
+

Time to solve input

+

22/03/2025

+
+

+ Good morning! I'm up bright and early to continue my vital work. +

+

+ 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. +

+

+ 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. +

+ + A screenshot of Fallout 4 showing the pipboy open on the perks screen. + +

+ 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 :) +

+

+ 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. +

+ + A photo of the pipboy on the perks screen, showing the selected perk title with a grey box behind it.. +