This Turns Drawings into Portal 2 Puzzles…

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

[@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

[@ellestuff]

there's something wrong with my drawing

[@vinfinityremakerguy]

guys im a bad artist

[@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

[@Bupboy]

Is that a mother flipping Paper Mario: The Thousand Year Door reference?? I love that game !!!1!11!

[@coolgameriguess]

I heard that they were gonna make Paper Portal: Aperture Sticker Device Star!

[@rubix_44]

Pancake eats cement

[@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

[@Delt_666]

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

[@MinAbility]

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

[@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.

[@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

[@Minefnafer22]

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

[@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

[@Aantforgetstoexist]

:3

[@albertnotdx]

:3

[@Jayden6969]

:3

[@accueil750]

:3

[@Luizitos_Doritos]

:3

[@theblunius]

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

[@Aimee_mrrow]

omg!! this is how i used to plan my chambers :D nostalgic

[@PancakeTAS]

i eat cement

[@roy11gg]

@@PancakeTASremove the last "t"

[@TheosTechTime]

Nice

[@GigantTech]

i eat pancake

[@Ballistic2770]

I thought i was the only one 🥹

[@panpatata4733]

​@@roy11gglol

[@Carthybp]

This is amazing. I'd love to see you expand on this by adding some other puzzle elements.

[@Droplets21]

I love this videos explaining, it’s something he normally wouldn’t do and I think it’s his best vid so far
You could also make it so the darker the color is the higher or lower it would be in the map

[@kotorybeusz7246]

Knowing that Portal 2 runs on the source engine, I can only imagine the amount of pain and suffering that went into this

[@kripusek]

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

[@pizzapost1234]

crazy that you have real pens/paper
btw nice idea

[@spaaaaaaaaaaaaaaaaaaaaaaaace]

now we need to be able to turn drawings on multiple sheets of paper into 1 3d map

[@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

[@Bupboy]

6:14 mr president, theres a third elephant in the white house

[@Jesz3n]

Guess we getting PencilTM editor instead of Hammer now

[@MarquisKurt]

Super interesting! Almost like a QR Code for Portal maps

[@epicbrady1662]

Portal 2: but flat and white

[@notnoelle7759]

this just proves a point about how much modding u can do to valve games

[@cheesepop7175]

You should have just made a really large map in hammer that has black walls on all sides, that way the lighting or physics wouldn't be broken.

[@chrisolino]

I love your videos
Keep going!

[@PortalRunner]

[@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)

[@lukas20958]

THERES BLÅHAJ IN BACKGROUND!!! :3

[@nanopone]

nice shark! :3

[@Conduit-SeaWing]

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

[@shurikenkat]

Valve, hire this man

[@someone345a3]

5:15 POV my brain: ANTI ALIAS ANTI ALIAS ANTI ALIAS ANTI ALIAS ANTI ALIAS ANTI ALIAS ANTI ALIAS ANTI ALIAS ANTI ALIAS ANTI ALIAS

[@spartanoah_alt]

actually really cool

[@mugoX2]

Potalrunner is smarter than Wheatley.

[@bexilynx]

yippeeeeee !!! getting fed good 🙏

[@eryktuchalski8048]

good job!

[@zegareg]

Wait you use Linux as your main OS?

[@PortalRunner]

yep, exclusively!

[@Bupboy]

Linux mentioned wooooooooooo

[@OrlandoTiquim]

based

[@Unfunnyguy2763]

@@PortalRunner what kind of distro tho

[@gatto_furry]

a video?? holy moly its been a bit

[@TheInGeneralGamer]

you should have people submit maps, you chose one, upload it with your program, then transcribe it yourself to a level that you post.

[@nexarsji]

Before 1 day🗣️🔥🔥🔥

[@Amogersuser]

cool stuff!

[@Violet_Knight]

blahaj!!!! :3

[@darkrozen4110]

it seems a lot easier to do it the other way, just hit the print screen button.

[@PortalRunner]

@@darkrozen4110 you might be onto something…

[@salbyoo]

i want this so bad

[@TOHmerkerGT_real]

W upload

[@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

[@GigantTech]

i eat pancake

[@block_place1232]

Daily driving ThinkPad?

[@PortalRunner]

@@block_place1232 pretty much

[@ellinet13]

2:10 ahhhhhh

[@real_dimoline]

I eat GigantTech

[@ImRousev]

Good p2

[@tinyahhquarks]

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

[@fredkalc8634]

plz upload more

[@gamersunite9026]

🤯

[@OneLabToRuleThemAll]

BLAHAJ!!!

nice

[@TheMagistralKitty]

Oh boi

[@cheesepop7175]

5:45 I just hate people who put nerd emojis on the screen every-time they're talking about something smart it's really distracting

[@shattre6087]

HES A KRITA USER LETS GOOOOO

[@gumballegal]

just ask glados to make it for you

[@Aantforgetstoexist]

shork :3

[@idkbruh95]

i have that displate

[@JATEK0S]

blahaj

[@ilmnhs]

okay

[@PortalRunner]

@@ilmnhs Thank you for your insightful comment, it has made my day.

[@Droplets21]

Portal 3 but not 3D!!!

[@Daragonal]

6:31

[@survival10]

do you use krita?

[@PortalRunner]

@@survival10 yep

[@survival10]

@@PortalRunner 👍

[@Plasticshavings]

could we stop talking about eating cement and cement without the t and stuff and just watch the video

[@TheLegacystem]

hihi

[@mosthardworkingrino]

700th like

[@Potro4]

First

[@sackyoutube]

Im second :L

[@sackyoutube]

At least

[@sackyoutube]

Cool 👍