okayhong

khong

@okayhong

  • they/them

im posting. dev @localghost8088

log in
okayhong
@okayhong
austin
@austin
Corncycle
@Corncycle
coquest!
firefox and chrome only (desktop recommended)
Welcome to my post! Pretty neat, huh? Press A again to close signs!
This thing is so ridiculously hacked together! I'm surprised it's functional at all!
Everything in this post is raw HTML with inline css!
That means I can put anything I want in here! On this last screen I'm going to put the Eraserhead baby and turn you into eggbug!
That's it! Thanks for playing my game :D
Controls:
Use  dpad to move the hero and collect items
Press  A when below a sign to start/stop reading it
INFORMATION
HOW DO YOU MAKE SOMETHING LIKE THIS?
The "smallest" post I found on this site that I had no idea how to replicate at first was this post made by @blackle. If you're able to dissect that post on your own, you'll find that they use the width of a diplay:inline-flex element to "store" a variable that we can access from other elements using calc()!
This is an incredibly clever idea which is the basis of this post. If you understand the css from that post and know how to generate HTML in a programming language, you can probably make a post like this one (not to say that it will be easy, though!)
If you like this post and somehow aren't following blackle yet, you should! It has made various mindblowing posts since then that I can't even begin to understand the creation of.
WHY FIREFOX/CHROME ONLY?
I don't know much about how css is implemented, but in my experience Chrome and Firefox have the most similar implementations and are both widely used. Safari is kind of annoying and requires some special care for some css styling, but this post could work on safari for all I know. I'm just not going to go out of my way to support it. If you are on an iOS device and using "Chrome" or "Firefox" but this post doesn't work on your device, I encourage you to read this article!
BEHIND THE SCENES
I used Python and the xml.etree API to make this post. If you want to see the code that generated this post, you can find it here This code is extremely brittle and I would heavily recommend not using it but you might find it interesting.
You can also see a debug version of this post which (somewhat) shows how it works here.
RESOURCES USED
Hovering animation taken from this post by @oatmealine because I haven't learned how to do css animations yet!
Most sprites from The Legend of Zelda, found at spriters-resource.com
Sign sprite is a recolor of the sign sprite from A Link to the Past
NES controller image taken from this Amazon listing lol (not sponsored, it's just what I found on google)
Eraserhead baby image taken from the "Villains Wiki"
okayhong
@okayhong
jkap
@jkap
blackle
@blackle

desktop firefox and chrome only
click below for hints and solutions

used these models:

10-11-2022 - updated the colours in the tile matching puzzle to be more colourblind friendly.

10-11-2022 - I've heard reports that the lights on game doesn't properly detect completion on some browsers. I can't reproduce it on edge, chrome, or firefox on windows, or chrome and firefox on linux. One person said that zooming in or out can fix it, so please try this. Worst case scenario, right click on the purple button and delete the element, this will reveal the clickable button underneath.

view hints/solutions

step 1:

hintlook for inconsistencies, and click on 'em!
solution click the screw in the bottom left corner, then click the hole just below the "blackle mori 2022" line

step 2:

hintturn on all the lights
solution this is the classic lights out puzzle, except instead of turning off lights, you need to turn them on. you can follow this guide to solve the puzzle, just invert the light-on-edness of all the instructions.

step 3:

hintonce you solve the sudoku puzzle, consider where the numbers in the circled cells could go...
solution completing the sudoku puzzle gives the code 61644, enter this into the combination lock on the top right

step 4:

hintalso called picross, nonograms can be tricky. try to get most of the left side done before moving onto the right
solution this is how the nonogram will look when solved:

step 5:

hintpretty much the same as step 3. try your best!
solution completing the sudoku puzzle gives the code 94427

step 6:

hinttry to figure out which tiles have to go in the corners first. this will whittle down the possibilities for where the rest of the tiles can go.
solution the completed tile matching puzzle looks like this:
okayhong
@okayhong
austin
@austin
LowPolyRobot
@LowPolyRobot

LowPoly's Daily Mecha - Day 65 - Qubeley

Qubeley - Zeta Gundam (1985)

Designed By: Mamoru Nagano

So, on twitter I did a big thread of funnel using suits, and of course, while the Elmeth is the first thing using bits in the way that they'd get used throughout Gundam, I will admit one of the first suits that always pops to mind for me instead is a Qubeley.

Love that last art from the Master Grade manual that makes it look like it has some ancient bird-like effigy underneath it for the inner frame design.

Link to a bunch of funnel animations in various Gundam shows: https://twitter.com/LowPolyRobot/status/1578876802159636481