Tanuki-Computing

Tanuki-loving Tanuki Shill

@Tanuki-Computing

♥Be the Freak you want to see♥

  • They/them

☙Mid twenties, 🇩🇪, White, Bi, Enby, English second language, autistic, actual Tanuki❧.

☛18+ Only☚. Will be horny on main.

If there’s a post of mine, that you think is missing a tag— don’t hesitate to ask 😊

Also running the account “SuperSonicoOfficial”

Pfp sprites taken from here♥.
“Pathetic Man lover” blinkie by @CosmicRot
“Twink Lover” blinkie by @pdf
Xenia button taken from here
Button sources— 1, 2, 3, 4, 5

♡♥♡
A red square. Xenia the Linux fox’s face is seen on the left, next to her is the text: “Powered by LINUX”A gif of a shark swimming quickly around a hamburger. The word “Borgor” is written at the topA red square with a smiling face on it. There’s text that says: “I’m gonna eat you”. The image is noticably compressed
··
A black square with a red, blinking outline. Written in the center is: “EVIL AUTISM”
A pink square with a red, blinking outline. Written in the center is: “twink lover”
☻☺☻☺
A gray square. On it is a skull and corssbones with the text: “Piracy Now!”A gray square. On it is the Quake logo spinning, with the text: “Get Quake Now!”A gray square. On it is a spinning cat face from the game Yume Nikki, and the text: “Dream Now!”A gray square. On it is the Copeland OS logo from Serial Experiments Lain, with the text: “copeland os Now!”
A gray square. On it is Hatsune Miku’s face, with the text: “Vocaloid Now!”A gray square. On it is Lilith, from the movie: “End of Evangelion”, with the text: “Third Impact Now!”A gray square. On it is a spinng floppy disk, with the text: “Pass the Shareware please”A gray square. On the right there’s an image of two connected computers, both having a heart on their screens. There’s also text that reads: “Sharing is caring... seed your torents!
A gray square. On it is a graphic of the letter E, with text that reads: “Eat me now!”A gray square. On it is a marijuana leaf, with the text: “Legalize now!”. The image is noticeably compressed.A gray square. On it is a German flag and the text: “This site contains German Blödsinn”.A gray square. On it is a rotating pentagram, to the left is the text: “Google Chrome is evil!”.
I like ComputerA black square. On it are the logos of several diffrent web broswer, with the text: “Best viewed with any Browser”A graphic of a smiley hittting an ape with a hammer. To the left is the text: “No Fucking Thanks”, the first letter of each word is highlighted in red.A gray square. On it is a blue paw print, with the text: “made with my own two paws”
Madotsuki from Yume Nikki, sitting in a field of white flowers. To the right of Madotsuki, the words Yume Nikki are written in hiragana.The words Death Grips, to the left is a figure in a white hoodie.A cat, with the word “Pingus” in the lower left.Bob from Animal Crossing spinning, a happy expression on his face. Next to him are the words: “Powered by Bob”.
A gif of Ralsei from Deltarune smokingA closeup of Lain, from Serial Experiments Lain’s eyes. A TV filter is put over the image.An animation of Kagamine Len rocking his head back and forth.Susie and Kirs from the game Deltarune. At the bottom text reads: “Kris, where tf are we?”
A rainbow flagA bisexuality flag“This User is a Pac-Man Lover”

⚠️This User has the kind of penis autism that causes delusions⚠️

log inask
Tanuki-Computing
@Tanuki-Computing
Matytoonist
@Matytoonist
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"
belugaval
@belugaval

this is insanely impressive

You must log in to comment.

in reply to @Corncycle's post:

Bubbadoo
@Bubbadoo

I get the strangest bug on the last screen and I have no clue why. In that room the right key just starts becoming harder and harder to press (I have to almost pixel hunt for the button) until flat out unable to hit the right key button on that controller entirely when about ~3 spaces away from the final sign

login to reply
Bubbadoo
@Bubbadoo

Oh funny, that was it! For who knows how long, I had cohost zoomed out to 90% and never realized. I must have done that on accident at some point and didn't notice because it was such a slight zoom change.

login to reply
Corncycle
@Corncycle

yep, being zoomed at certain percentages seems completely fine (50%, 150%, 200%) but something like 90% or 110% can break it pretty hard. it must be something about compounded rounding errors since this post has a shitload of calc() calls and percentages like 90% or 110% can't be expressed exactly in binary. glad it wasn't something new i didn't know how to fix :)

login to reply
Bubbadoo
@Bubbadoo

I think the strangest thing about it, to me, is the fact that it works perfectly fine until that last screen. That's when specifically the right button goes weird. The area to click it seems to shrink with each press, until finally it is completely gone and unclickable.

login to reply
noa
@noa

i thought inline css was too limited to make one of those css turing machines in. now i'm not so sure. it needs to have state and to be able to choose the next step to apply based on state and that's maybe possible? i still don't know how this post works yet so idk

login to reply
Corncycle
@Corncycle

not sure. when staff rolls out the archival tools I'll look into archiving the posts on my page. if it's not too much work I'll probably put them on my website, corncycle.com.

also the source code that generates this post has been and will continue to be available on my github, though the image links will presumably need to be fixed when cohost's cdns go down

login to reply
Corncycle
@Corncycle

the only other social media I'm at all active on is tumblr but I just reblog stupid posts and never post anything myself. if you use tumblr and want to follow it's @transparent-oprah but it's really nothing like my cohost account

i only created in small spurts here, but this is the only site I've felt encouraged to create my own posts on at all. going to miss it a lot :( thanks for reaching out, I'm a dedicated lurker online but I loved seeing your posts!

login to reply
Pinned Tags