I Made a Program That Turns Drawings into Portal 2 Levels

Yep, this thing can turn a drawing on paper into a Portal 2 test chamber.
Thanks to dustyhobo for the amazing music, and thank you for watching.
Streamed live on / portalrunner
Join our Discord server! / discord
Become a channel member! / @portalrunner
Tracks used in order:
/ rnb
/ blood
/ depths
/ from-you

[@braindeadenthusiast7159]

I love this idea so much, and it's very creative. I'm so glad you're back! Top notch.
I'm imagining you getting a bunch of fan mail that's literally just portal maps lmfao-

[@gingerphoenix10]

What a great game of Super Paper Portal: The Thousandth Test Chamber Door

[@thezipcreator]

I think a way you could do this is to run multiple different kernels along the whole image. assuming stroke width is the same across the entire image, this should work. as for connecting buttons to doors and what have you, you could have the borders be filled, and in the center draw an arbitrary symbol. then, you make a kernel from that symbol, and try to match it whenever you encounter a door or other connectable object. this should work as long as the symbol is drawn carefully so that it looks the same across both objects.
also, you could probably have differently drawn shapes represent different objects. like a square could be a cube, triangle could be a door, etc. then different colored versions of those objects could represent different things; like a red triangle could be an entrance and a blue triangle could be an exit.
also, looking at the documentation for the VMF format, it doesn't look that complicated? like it doesn't look much more complicated than json is. I guess there's some simple vector math you have to do to derive the normal vectors for the planes?
I kinda wanna try doing this now, but I don't have a scanner unfortunately. also could you post the source code somewhere?

[@PortalRunner]

sure! aligning kernels is not a bad idea.
as for vmfs - constructing the planes, aligning textures, and laying out the entities all in a way that compiles would've taken much longer for me than vscript. that's not to say vscript is any simpler, i'm just incredibly comfortable with it due to years of experience.

[@Delt_666]

Seeing you so excited and happy about your code actually working was just amazing

[@rubix_44]

Pancake eats cement

[@commander_snake]

I see the blajah in the back so... :3 Also amazing work you have done here! can't wait for a whole game drawn by you. /j

[@ManOfDuck]

This makes me so happy bc as I kid I would draw portal 2 levels with crayons on the kids menu. Child me loves this so much

[@Minefnafer22]

Valve should really hire ya mate. Very cool creation and video as always!

[@theblunius]

Thats very creative idea. I have never though that I see this in Portal.
Good job ❤

[@PancakeTAS]

i eat cement

[@Lilacslols]

@@PancakeTAS me to

[@roy11gg]

@@PancakeTASremove the last "t"

[@TheosTechTime]

Nice

[@GigantTech]

i eat pancake

[@Ballistic2770]

I thought i was the only one 🥹

[@Krzyhau]

Very fun concept, but I'm sorely disappointed you haven't made the chamber that shall not be named with this method.

[@lenship2]

test chamber with three lasers

[@MinAbility]

Awesome vid mate, very cool as always, the blahaj and lemon plush make an appearance, today is a good day

[@kripusek]

cant wait for someone to make triple laser EDIT: i wrote this as i clicked onto the video

[@OneLabToRuleThemAll]

BLAHAJ!!!

[@Jesz3n]

Guess we getting PencilTM editor instead of Hammer now

[@nanopone]

nice shark! :3

[@Susul-lj2wm]

i am thinking about this a bit. You should be able to detect more colors by picking a color space they are far apart in and then basically sampling that like a high dimensional voronoi partition. oklab might work well for this, since its a CAM, so colors that look different to you as a human should be far apart in the space. I dont quite get what exactly you were doing to figure out which color was which in the image and i cant examine your code, so if you were already doing this disregard. Using the L a and b components of oklab seems like it should be good since all of those are unbounded, which should make misidentifications rarer.
for connections i would intuitively just put them on a different spot on the paper (a different "layer" but translated horizontally) and then just also making it fully shaded cells that act like "redstone", so you have the map twice, once as a physical blueprint and once as a wiring diagram.

[@PortalRunner]

all fine ideas! i didn't put that much effort into this project, i'll admit. the color detection was just finding the max between the R, G, B values. complex connections didn't seem that pressing since i was already limiting myself to those three elements. had this not been coded during a one-off livestream, i might've increased the complexity ;)
edit: if you want to explore other ideas, another commenter had thought of matching kernels to the image for elements and connections

[@The_Nordic_Doctor]

now depth and height could be done by adding numbers or some colour assignments to the top corner of the map drawing, so that each depth layer could be drawn to make drops etc
also more precise colours could be done on the pc with programs such as krita and others, but yee props on using an irl paper with irl perhaps not so precise (value) pens, so it's cooler and it's more achieving towards the goal

[@pizzapost1234]

crazy that you have real pens/paper
btw nice idea

[@Typocat]

It would be interesting if you added another piece of paper for a heightmap or more elements, Also you could most likely build a map in hammer for the generator to use, that way you instead of using a pre-existing map you just have to load your own map (with your own properties)

[@chrisolino]

I love your videos
Keep going!

[@PortalRunner]

[@Conduit-SeaWing]

reminds me of an old adventure time game for mobile devices that let you do something like this

[@spartanoah_alt]

actually really cool

[@mugoX2]

Potalrunner is smarter than Wheatley.

[@zeg7_]

Wait you use Linux as your main OS?

[@PortalRunner]

yep, exclusively!

[@gatto_furry]

a video?? holy moly its been a bit

[@eryktuchalski8048]

good job!

[@Amogersuser]

cool stuff!

[@ellinet13]

2:10 ahhhhhh

[@bexilynx]

yippeeeeee !!! getting fed good 🙏

[@real_dimoline]

I eat GigantTech

[@GigantTech]

i eat pancake

[@theslayers7611]

Try playing portal except you can play as 2 characters with one keyboard and you have to get to the elevator with both characters

[@shattre6087]

HES A KRITA USER LETS GOOOOO

[@ImRousev]

Good p2

nice

[@gumballegal]

just ask glados to make it for you

[@gamersunite9026]

🤯

[@TheMagistralKitty]

Oh boi

[@Violet_Knight]

blahaj!!!! :3

[@tinyahhquarks]

next stream do a sequel to portal 2 but chat has console cmds

[@TOHmerkerGT_real]

W upload

[@TheLegacystem]

hihi

[@Potro4]

First

[@sackyoutube]

Im second :L

[@sackyoutube]

At least

[@sackyoutube]

Cool 👍