Coding Adventure: Portals

  Переглядів 1,312,789

Sebastian Lague

Sebastian Lague

День тому

Experimenting with portals, for science.
The project is available here: github.com/SebLague/Portals/t...
If you'd like to get early access to new projects, or simply want to support me in creating more videos, please visit / sebastianlague
Resources I used:
tomhulton.blogspot.com/2015/08...
www.terathon.com/lengyel/Lengy...
www.scratchapixel.com/lessons...
www.turiyaware.com/a-solution...
Chapters:
0:00 Introduction
0:25 Figuring out the cameras
1:41 Test world
3:09 Texture mapping
4:27 Trying to understand perspective divide
5:50 Optimization
6:50 Making a prettier test world
7:18 Teleportation, at last!
9:17 Fixing the flickering
10:00 Slicing
12:15 Oblique projection
13:31 Recursive portals
15:33 Outroduction
3D Models:
Plane: www.turbosquid.com/FullPrevie...
Car: www.turbosquid.com/FullPrevie...
Music:
"Twisting", "Lightless Dawn", "Frost Waltz", "Heart of Nowhere", "At Rest", "Spellbound", "In Your Arms", "Rynos Theme", and "The Builder" by Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0 License
creativecommons.org/licenses/b...

КОМЕНТАРІ: 2 200
@Revv13T
@Revv13T 4 роки тому
"Filled with grief and rage, I began debugging." - Every game developer ever That is such a big mood
@inv41id
@inv41id 4 роки тому
*Every -game- developer ever
@motbus3
@motbus3 4 роки тому
The question always comes from Why it doesn't work ? To How it possibly have worked?
@CodingJedi
@CodingJedi 4 роки тому
motbus i relate to this!
@RegahP
@RegahP 4 роки тому
yes this is me
@FlippRipp
@FlippRipp 4 роки тому
this is so relatable :)
@humter
@humter 4 роки тому
"The reason for the traveler's unfortunate demise is that this function that detects when an object leaves the portal depends on the internal physics loop which runs on its own fixed timestamp" Me, eating unsalted peanuts and has never coded anything: A rookie mistake
@SETHthegodofchaos
@SETHthegodofchaos 4 роки тому
@TF Tingle Thanks, but you forgot to fly away, Captain!
@snwdn
@snwdn 4 роки тому
This is the level of detail I come to the comments section for.
@deneb3525
@deneb3525 4 роки тому
Mann... you have no idea some of the wonky bugs I've had due to those being different loops.
@hazeltree7738
@hazeltree7738 3 роки тому
"The reason for the traveler's unfortunate demise is this weird entity called "Dominus Gaul" spawned in and started wreaking havoc on its code"
@humter
@humter 3 роки тому
Why did this terrible comment get 1k likes
@pythontron8710
@pythontron8710 4 роки тому
Do you think the guys behind supposedly calm and chill programming channels actual freak out and break shit when they've been stuck on a problem for a long time? Like, he says how he had an issue, so he found an article with the solution, when in reality he tore his hair out searching google for hours until he misclicked on a link that luckily had the solution.
@hunterbuns
@hunterbuns 3 роки тому
His voice is far too soothing. I refuse to imagine this possibility.
@bravewagster
@bravewagster 3 роки тому
I think the youtuber 'Code Bullet' is a perfect example of this happening
@subliminalcastillo2126
@subliminalcastillo2126 3 роки тому
I absolutely do. When you make a video you are editing it & planning out & designing an experience for somebody. You can craft that experience to be whatever you want it to be. It's just like a cute girl who uploads a new profile picture on her facebook. Do you really think she didn't take 50 pictures and fix her hair, and adjust the angle, and do a million steps to make the final result look as good as possible?
@gblawrence034
@gblawrence034 3 роки тому
I get disproportionately mad when I can’t figure something out
@thedude4039
@thedude4039 3 роки тому
@@gblawrence034 I've been kind of numbed to the frustration by now. When I can't figure something out I don't get angry, I instead get lazy and stop working on it. Then I come back to it later on again and again when I feel more motivated.
@flitey
@flitey 4 роки тому
I love coding videos for this reason: "I also got sidetracked and started drawing clouds." "No time. 7 min in. gotta get to it."
@alexjoe3267
@alexjoe3267 4 роки тому
"The code for this is actually quite simple." Proceeds to execute rocket science.
@genetichell
@genetichell 4 роки тому
Well that would certainly explain the KSP music in the background :P
@Mafia200100
@Mafia200100 4 роки тому
Rocket science is also pretty simple. It's the rocket *engineering* that's the difficult part.
@alessiobenvenuto5159
@alessiobenvenuto5159 4 роки тому
@@Mafia200100 modestly, I'm a KSP player.
@AndrewFullerton
@AndrewFullerton 4 роки тому
Hoo-ray
@Peak_Stone
@Peak_Stone 4 роки тому
​@@Mafia200100 Rocket Engineering is quite simple, it's the maths thats complicated.
@quaternaryyy
@quaternaryyy 4 роки тому
Portal (the video game) uses a hybrid approach to recursive portals: the first few iterations are drawn using a recursive camera technique (like in your portals), but the initial texture is a scaled and distorted version of the previous frame. The effect looks pretty good, but there are some cases where it breaks down, like when the portals are not at 180 degrees to each other, if they're too close, or if they're drawn at a sharp angle on-screen. It definitely beats having a black texture, though, and looks passable even with only 2 or 3 "real" levels of recursion. It really helps sell the look on low graphics settings, and it's very important in Portal 2's co-op where having player 1's portals + player 2's portals + water reflections + shadows + splitscreen/partnerview means there can be tons and tons of rendering passes. Objects partway through portals use a "clone" approach (also like in your portals). The clone has limited support for physics, and tries to transfer forces applied to it to the real object on the other side of the portal. It doesn't work very well and looks "spongy" if you try to break it, but it at least prevents you from making things intersect and dropping things inside your own hitbox, and works best with simple cubes which is what most of Portal's objects are anyways. There are some physics optimizations: objects close to portals don't collide with anything far from portals, objects far from portals don't collide with any clones, and so on. Oh, and to make the portals appear oval-shaped, it just draws an oval to the stencil buffer and hides the seam with the rim texture and particle system. As far as physics are concerned, the portals are rectangular. (My source for this is a great talk given at some school by Valve graphics and physics programmers, but I can't seem to find it anymore!)
@SebastianLague
@SebastianLague 4 роки тому
That's really interesting thanks! I was wondering what their approach was. Will have to look about for that talk.
@clonkex
@clonkex 4 роки тому
​@@SebastianLague That talk is here if you're wondering: ukposts.info/have/v-deo/oaaqp5uFhIyljmg.html&t=3642 And check out my other comment for more info: ukposts.info/have/v-deo/m4ehepCZoaqEsps.html&lc=UgwV7y6dKJgF-7S44fJ4AaABAg EDIT: Hmm, seems you can't click the comment link. I think if you right-click and open in new tab it will work, but you might have to pause the video and scroll down.
@SebastianLague
@SebastianLague 4 роки тому
@@clonkex Awesome, thanks!
@LegoEddy
@LegoEddy 4 роки тому
This explains how the math challenges actually influenced the game design. That's stunning
@TheBcoolGuy
@TheBcoolGuy 4 роки тому
@@SebastianLague Another idea is to lower the resolution of the cameras with each iteration into it.
@whoisj
@whoisj 3 роки тому
When ever I get frustrated at work (working on the software engines that run artificial intelligence), I come and listen to Sebastian. He's so calm about coding and debugging that I nominate him the "Bob Ross of Software Development" 😁 Combine that with his self-deprecating, deadpan humor and it's a pure delight watching (and re-watching) these videos.
@gdb5549
@gdb5549 2 роки тому
sebastian ross
@rootabeta9015
@rootabeta9015 2 роки тому
I second the nomination
@WinterNox
@WinterNox 2 роки тому
Good bro
@Enderia2
@Enderia2 Рік тому
@@rootabeta9015 I third the nomination
@Brahvim
@Brahvim 9 місяців тому
@@Enderia2 May I fourth?
@rvke3763
@rvke3763 4 роки тому
"The code for this pretty simple..." Me: Sees Vector4
@MichaelPohoreski
@MichaelPohoreski 4 роки тому
Vector4 is just 4 independent numbers. It's how those 4 numbers _interact_ with another 4 numbers that makes it complicated. ;-)
@mateineli209
@mateineli209 3 роки тому
Wach @brackes
@bogiesmigforl1
@bogiesmigforl1 3 роки тому
@@mateineli209 what
@thatboredinternetwanderer140
@thatboredinternetwanderer140 3 роки тому
@@bogiesmigforl1 He means @Brackeys i think
@mateineli209
@mateineli209 3 роки тому
@@thatboredinternetwanderer140 i mean he
@bryantmontgomery2736
@bryantmontgomery2736 4 роки тому
"The maths went way over my head" Me: nods along
@kingpanguan
@kingpanguan 4 роки тому
10 hours?
@guyingrey1072
@guyingrey1072 4 роки тому
Yea how 10 hours ago? Early access of some sort?
@AkshayKumarX
@AkshayKumarX 4 роки тому
@@BigBean916 Patreon users get early access to new video releases I think.
@me.unpredictable280
@me.unpredictable280 4 роки тому
Your comment is 11 hours in past somehow.
@turdle2767
@turdle2767 4 роки тому
@@me.unpredictable280 all comments are from the past
@krasnoiark
@krasnoiark 4 роки тому
This just proved me how insane valve was when they made portal
@ducky8075
@ducky8075 4 роки тому
Funny enough, valve’s implementation was completely different!
@Hoichael
@Hoichael 4 роки тому
*how insane a bunch of college students were when they made portal ;)
@localatticus4748
@localatticus4748 4 роки тому
@@ducky8075 It was actually extremely similar.
@randomcatdude
@randomcatdude 4 роки тому
@@localatticus4748 The difference is that Valve used stencil buffers for their portals, instead of render targets.
@KuraIthys
@KuraIthys 4 роки тому
Portal is nowhere near the first game engine to use this technique. But most of the early ones used this to increase performance (yeah, ironic, right? But with the right setup it does the trick). I don't know if there are earlier examples, but the most prominent game using this technique purely for performance reasons is the Descent series. (came out the same year as Doom, yet could do a fully 3d world on a 386) Another prominent example that used it for a mixture of performance and special effects is the Build engine. (Duke Nukem 3D's engine) Given that the Build engine is not a proper 3d engine and has a lot of similar limitations to DOOM, the portal based rendering system is one of the reasons why you can nonetheless do things that are impossible for Doom, such as having a building with multiple levels. The reason this works is because the windows/doors/whatever into each floor are actually portals that take you to a different portion of what is otherwise a 2d map. An interesting limitation of the Build engine caused by it's 2d nature but use of portals is while you can have a multi-storey building with access to different levels, and windows that show all the levels at once... You cannot have two openings directly above one another. All openings to different locations have to be horizontally seperated. This is because while the portals can be at different heights on a wall that gives the impression of there being multiple levels to a building, in reality the entire world is 2d, and a wall section can only have a single portal on it. So while two portals can be at different apparent heights and be horizontally adjacent, you cannot put a portal on top of another portal... It's weird, and fascinating looking at the strange limitations of older games...
@WannabeCanadianDev
@WannabeCanadianDev 3 роки тому
"I got a bit side tracked by making some low poly clouds" There is something lowkey hilarious about everything you say Seb.
@RagdollGaming_
@RagdollGaming_ 3 роки тому
3:30 It took me a few moments to realize that this was, in fact, not editing, but something you programmed into the game for the sake of visualization Super well done, I learned a lot!
@IrchaMan
@IrchaMan 3 роки тому
Yeah, but he allready coded it, no biggie to display the maths on the screen. Cool visualization anyways :)
@SanyaBane
@SanyaBane Рік тому
Indeed, it's extremely helpful
@ShatabdaRoy115
@ShatabdaRoy115 Рік тому
He is a genius
@bluegreenmagenta
@bluegreenmagenta Рік тому
It's such a cool edit trick
@EDSCello
@EDSCello 4 роки тому
I hate that you made this video after I spent the last four weeks looking how to do it. Also love you thanks.
@mmyesrice2522
@mmyesrice2522 4 роки тому
oh dude i know the feeling
@BlakeGillman
@BlakeGillman 4 роки тому
I felt similarly about his implementation of natural selection. Not that I was looking how to do it, but it was something I was planning on simulating myself and now doesn't seem worthwhile since someone else has done it in such a... quality way. I like to feel original or at the very least that I've improved on the system from which I derived my inspiration.
@r033cx
@r033cx 4 роки тому
I know right... My implementation looks very bad after I've seen this
@thevitulus
@thevitulus 4 роки тому
@@BlakeGillman Well maybe you could find a way to do something even more interesting with it as a base!
@luna010
@luna010 4 роки тому
@Marcello Menezes There’s also this> ukposts.info/have/v-deo/l4OehIhspKx5mKs.html Video
@Danidev
@Danidev 4 роки тому
Whoooaaa that was amazing :o
@justanunknownvillager5754
@justanunknownvillager5754 4 роки тому
He is in a "league of his on" right ? Get it ? Cuz his name is sebastian lague...
@AndersonDosGames
@AndersonDosGames 4 роки тому
Hi
@tastyl2356
@tastyl2356 3 роки тому
yooooooo dani
@sicklysphere8666
@sicklysphere8666 3 роки тому
ngl that portals looking kinda THICC
@unluckypanda5448
@unluckypanda5448 3 роки тому
Why is this comment underrated
@trolmaso
@trolmaso 3 роки тому
Sebastian: *coding 4D planes* Me: *getting errors coding Hello World*
@angelcore1669
@angelcore1669 3 роки тому
Gotta start from somewhere
@thijewissema6412
@thijewissema6412 3 роки тому
lemme guess, ; ?
@thatboredinternetwanderer140
@thatboredinternetwanderer140 3 роки тому
@@thijewissema6412 why is the semicolon necessary
@samfriend3675
@samfriend3675 3 роки тому
@@thatboredinternetwanderer140 It acts as an "End Line of Code" command to the compiler in most languages. Although a new paragraph could be used (as it is in python), there are some situations where you want something the compiler recognises as a new line without a physical new line (For loops do this in some languages), and other situations where a physical new line splitting code may be problematic (eg. small screens, or zooming in for a presentation, or just splitting a long line of code into the things it does for readability). The semicolon is ANNOYING, I agree, but having something there to detect the end of the line can allow for formatting that isn't possible without it. Sure, as an amateur, its annoying, but its worth it for the proffessionals doing massive coding tasks beyond either of our comprehension.
@thatboredinternetwanderer140
@thatboredinternetwanderer140 3 роки тому
@@samfriend3675 yeah i know
@SiegeTales
@SiegeTales 4 роки тому
god bless the internet
@unregulardude
@unregulardude 3 роки тому
Siege Tales! Wow you have great taste in videos!
@octothedog
@octothedog 3 роки тому
Never thought I'd be seeing you here! Love your videos dude or dudette!
@jakematchett8160
@jakematchett8160 3 роки тому
Siege Tales you're literally in the most unexpected places I swear dude
@casualinklingcrusher3005
@casualinklingcrusher3005 3 роки тому
Ikr
@NepNepYT
@NepNepYT 3 роки тому
Ew
@mmyesrice2522
@mmyesrice2522 4 роки тому
I personally think foggy portals is a great solution to the recursion problem! Could also add a blur filter at each subsequent iteration to make the end of the recursion less noticeable. Beautiful work anyhow!
@pixeldust8362
@pixeldust8362 4 роки тому
the portal games detect 3+ portals and just start repeating the already rendered textures, as an idea
@mmyesrice2522
@mmyesrice2522 4 роки тому
​@@pixeldust8362 smart!
@romajimamulo
@romajimamulo 4 роки тому
It could also be used to get away with rendering the back portals at a lower resolution
@romajimamulo
@romajimamulo 4 роки тому
@@pixeldust8362 portal 1 has a setting for how many to do, that goes up to nine. How does that interact with this?
@635574
@635574 4 роки тому
@@romajimamulo isnt that just the cutoff for when its a texture of last frame?
@PKMartin
@PKMartin 4 роки тому
"It's seven minutes into the video and you still can't walk through the portals" "Overcome with grief and rage, I began debugging" "I'll cue up some old-timey music so we can sit back and watch the result" This is not only one of your most educational videos, but one of your funniest to date as well. Coding Adventure is my favourite dev series on UKposts
@yrussq
@yrussq 3 роки тому
"But we have no time for this. We are 7 minutes in the video and still can't walk through portals" (c) I love this man! Each and every tutorial is full of useful stuff, clear explanations and don't waste the viewers' time. I wish all the UKposts tutorials were so awesome and respectful about the time!
@grantsutton7295
@grantsutton7295 4 роки тому
I understand maybe 6% of each coding adventure video and just keep coming back to remind myself how much more I still have to learn
@iamarugin
@iamarugin 4 роки тому
"The maths went way over my head" Me, seeing simple vector multiplication.
@icxonrus
@icxonrus 4 роки тому
Can relate.
@Samudbhava
@Samudbhava 4 роки тому
Relatable
@clonkex
@clonkex 4 роки тому
@@isaacgejames They're pretty simple actually, and once you understand what they really mean you can do some nice stuff with them. In essence they're literally just a set of 3 numbers. You could use the Vector3 class to store whatever numbers you want. Usually they are used to represent a direction, but also commonly used to represent a position. A direction is really just a position _relative_ to another position.
@clonkex
@clonkex 4 роки тому
@@isaacgejames Yeah so to create a direction that points forwards, you'd use 0, 0, 1. That's 0 units on X, 0 units on Y and 1 unit on Z, which means the final location is 1 unit forwards. 0, 0, 2 would also point forwards, as would 0, 0, 6000. The way to picture this is just imagine a point at the centre (so, 0, 0, 0) and a point at your vector (such as 0, 1, 0) and then imagine an arrow pointing from the centre to the vector point.
@SETHthegodofchaos
@SETHthegodofchaos 4 роки тому
@@isaacgejames The Godot Game Engine has a nice documentation on how vectors work and what you can do with them. Have a look here: docs.godotengine.org/en/3.2/tutorials/math/vector_math.html
@darcksage1
@darcksage1 4 роки тому
7:10 those are some nice clouds
@Ugamaflop
@Ugamaflop 4 роки тому
I know you have a Coding Adventure: Clouds, but could you post a tutorial on how you did those Low Poly ones? They're beautiful
@massimookissed1023
@massimookissed1023 3 роки тому
Just my guess: The centre of a cloud moves across a map of perlin noise. The (noise value [above some threshold]) x (proximity to centre of cloud) defines the radii of either: low poly spheres unioned together, or: spheres unioned together with low poly marching cubes algo to create the cloud's surface.
@Aherea
@Aherea 2 роки тому
"While I've been writing this, the car's been struggling tremendously to drive over a little rock. 10/10 for effort, though." This kind of thing is what makes your channel fantastic instead of merely great. :)
@justinflowers9380
@justinflowers9380 4 роки тому
Using a 3D object on a 2D Screen, to project a 3D object onto a smaller 2D Screen, which is apart of the Original 3D object projected on the 2D Screen, projecting a 2D object that projects a 3D Looking object? *Makes sense to me.*
@xGOKOPx
@xGOKOPx 4 роки тому
All that "rendered" on your 2D eyesight plane
@blinded6502
@blinded6502 4 роки тому
​@@xGOKOPx Then it all is used to light up pixels on a monitor, which emits photons, that then pass through the eye lens, converge on your retina, creating smaller inversed image. Then photons pass through the membrane of photoreceptive cone and rod cells and get absorbed by pigment, making it oscillate. Due to that oscillation pigment falls apart, which triggers chain of chemical reaction, which changes salt concentrations inside the cell. That triggers neurons, which encode image to a smaller format, where edges are compressed. Then that signal is transmitted via repeated sequence of releasing chemicals and conducting electricity, until it finally reaches the image processing part of the brain, which was trained to recognize visual patterns in order to feed information to other brain neurons.
@doeverything2615
@doeverything2615 4 роки тому
Pretty sure he mentioned somewhere in the video he made a 4d plane
@elizabethdespair
@elizabethdespair 4 роки тому
@@doeverything2615 literally
@MTandi
@MTandi 4 роки тому
You could add some *magical* distortion instead of the fading out effect . Like water distortion or blur that starts from the second portal and scales up.
@milanstevic8424
@milanstevic8424 4 роки тому
that's not an instant solution. you need to come up with a shader that will sufficiently distort image after N iterations. that might be harder than it sounds, and also might turn out to be messy and/or not cheap. besides, how does the fully distorted image look, is it white noise, is it pink noise, is it black or some other pure color? whatever it is, it doesn't sound that much better. if it's about eye-candy, you could practically add a slight distortion effect only to the second iteration and keep the remainder of the solution intact, and arrive at what you proposed, but arguably much cheaper, and in a controlled manner.
@Benwager12
@Benwager12 4 роки тому
@@milanstevic8424 What MTandi proposed was an idea, it sounds like you're trying to put him down for suggesting a possibility. The kinks can be worked out later.
@avananana
@avananana 4 роки тому
@@milanstevic8424 You're talking as if the portal itself was easy to make. It's fucking obviously the distortion effect would be harder to make than it sounds. Easier said than done, as every god damn coding project goes.
@FPRobber
@FPRobber 4 роки тому
I think the easiest solution would be to just reuse the view from the second to last portal. It's not completely accurate, but probably good enough given it's super small.
@milanstevic8424
@milanstevic8424 4 роки тому
@Ben Wager and @Avana I don't get you two. I have argued my position => i.e. I've offered an educated argument against such an idea, and also offered an alternative solution to introduce a visual effect of what he called a *magical* distortion. If you want to be emotional about it, go watch Twilight.
@Teamotei1
@Teamotei1 4 роки тому
Now you're thinking with portals.
@Silas_MN
@Silas_MN 2 роки тому
Took me longer than I expected to find this comment, but at least *somebody* posted it
@wesleymays1931
@wesleymays1931 4 роки тому
I honestly want you to make a library out of this, so nobody has to repeat this painful endeavor.
@accountdeleted3706
@accountdeleted3706 Рік тому
That would be really cool
@Brahvim
@Brahvim 9 місяців тому
CodyCantEatThis used this code, too! So...
@ArnoldsKtm
@ArnoldsKtm 4 роки тому
Insane work put into this. Writing shaders scare me but this was so great.
@r033cx
@r033cx 4 роки тому
Shaders are not that complicated actually, maybe just a little bit confusing at first Shader cutting out part of the camera view like in the video is very clever, but also very easy to do
@Labiote
@Labiote 4 роки тому
​@@r033cx I'm really interested by learning stuff about shaders. Where should I start digging ?
@squeakybunny2776
@squeakybunny2776 4 роки тому
Shades can be done with nodes right? Maybe start there. Maybe someone with more expertise can highlight the benefits of using nodes compared to writing code
@pineappleparty1624
@pineappleparty1624 4 роки тому
@@Labiote Here is a course from a game dev professor. I already have it purchased so I can't tell what the current price is. These go on sale for 10 bucks all the time. I have done her other courses and they are amazingly programming rich. www.udemy.com/course/unity-shaders/
@sapumalkalutota
@sapumalkalutota 4 роки тому
This was a triumph! I'm making a note here: Huge success!
@EdgePR0
@EdgePR0 4 роки тому
It's hard to overstate my satisfaction!
@You-qe6qb
@You-qe6qb 4 роки тому
Aperture Science:
@ShaunDreclin
@ShaunDreclin 4 роки тому
We do what we must, because we can.
@KrzysztofGnutek
@KrzysztofGnutek 4 роки тому
Except the ones who are dead.
@renfrew24ify
@renfrew24ify 4 роки тому
But there's no sense crying over every mistake
@amir_hossainoroujlou3001
@amir_hossainoroujlou3001 2 роки тому
this guy is a legend in mathematics and programming, super inspiring for everyone such as me
@BinaryVectorJr
@BinaryVectorJr 4 роки тому
Videos like these are one of the reasons why I constantly keep falling in love with game development. I just discovered your channel, and within 2 minutes, I was subbed. What a well done video!
@jupitersky
@jupitersky 4 роки тому
The fading to black is how mirrors work IRL, so that makes a lot of sense. Edit, for all of you saying "but it's not a mirror." The point is to make be more sensible than "oh it just cuts off at a certain distance." It doesn't even have to fade to black across so many iterations, maybe just the last four fade to black.
@seekyunbounded9273
@seekyunbounded9273 4 роки тому
well mirrors don't perfectly reflect the light so they eat up the energy, proper portal wouldn't eat it up so it wouldn't lose any light
@nimphilia
@nimphilia 4 роки тому
fading to greenish black makes more sense
@muuubiee
@muuubiee 4 роки тому
@@nimphilia Because of red shifting?
@lars0me
@lars0me 4 роки тому
@@muuubiee Because of what Seeky Unbounded said. Mirrors are not perfectly reflective, so with every reflection they absorb a tiny bit of light matching their own true color. Which for most happens to be green. (Look through a thick piece of glass at its side) For portals you could probably either do a similar thing in any given color (e.g. based on player team) or simulate the color of air/fog.
@DanielEidi
@DanielEidi 4 роки тому
It's not a mirror though.
@Madderthanjoker
@Madderthanjoker 4 роки тому
"Alleviate the GPUs suffering...." Chuck that bad boy into even more complex math solutions.
@IrchaMan
@IrchaMan 3 роки тому
Yeah, alleviate the gpu so the cpu can suffer xD To be fair, that's what the cpu is for anyways :)
@gamehero5651
@gamehero5651 4 роки тому
Sebastian, you're hands down the best Unity resource on UKposts. Keep doing what you're doing!
@Ch17638
@Ch17638 3 роки тому
Absolutely amazing watching you chip away at the issue you face when creating something like this , I have been coding information systems for 13 years now , but this is next level
@Emeralve
@Emeralve 4 роки тому
The editing on this video is phenomenal absolutely enjoyed everysingle part of this video
@chakflying1
@chakflying1 4 роки тому
Amazing! When I was doing my course project on game development, I wanted to implement portals. I researched for many weeks, arriving to the same conclusion as you for the camera movements, clone on teleport and the screen texture cutout, but you went above and beyond in implementing the portal within portals rendering, and the trick of making the portal surface a cube without back-face culling absolutely blew my mind! Thank you for all this great education.
@milanstevic8424
@milanstevic8424 4 роки тому
it is awesome indeed. rich in IQ and well investigated so that we can all have a quality discussion and at least some concrete troubleshooting experience from a dev perspective. Seb's channel doesn't hold your hand, but instead grabs you up by the collar.
@nitroflap
@nitroflap 3 роки тому
Valve: our Portal series was really hard to develop and unique! Sebastian: hold my adventure.
@Enderia2
@Enderia2 Рік тому
Valve, actually: we hired like 10/20 college students and they made portal so we threw 40 people at portal 2
@Magnogen
@Magnogen 3 роки тому
I wonder how he's going to add this concept to his solar system project... Wait. WORMHOLES!
@redaipo
@redaipo Рік тому
quantum tunnels
@anselme198
@anselme198 4 роки тому
Still not perfect, the hardest part remains : lighting. Let light go through portals
@alejolab
@alejolab 4 роки тому
As the video progressed I assumed he would get to this eventually. Those are great portals anyway
@RoboDK7
@RoboDK7 4 роки тому
I think that could just be done with having cloned lights for if the light is close enough. I dont know if there is a way to check for that but would propally give a really good effect
@MateHomolya
@MateHomolya 4 роки тому
yeah I would love to see an episode on lighting and physics through portals!
@alejolab
@alejolab 4 роки тому
@@RoboDK7 Simply cloning lights wouldn't work. You still need to block the light so only the light that goes through the portal is rendered. One way would be to have an invisible object around the portal that can block the light and layers or similar to assign lights to specific layers, but then if the portals are close to each other you could still see double lights in some places. It's very tricky. But probably Sebastian would find some transformation matrix or whatever that saves the day 😂
@rv8891
@rv8891 4 роки тому
@@alejolab That sounds like a such a nightmare for dynamic portal. You might have to construct some in-between space that contains the geometry and lightsources as clones, and merge the results somehow. But I'm very happy to be proven wrong on that, especially with working code examples :P
@blackasthesky
@blackasthesky 4 роки тому
For the recursion problem: The guys from Valve "solved" it by just re-using the rendered texture from a certain point on, e.g. from a depth of 3. They then distort them to make them warp out of frame. This does not look very realistic, but People won't see it if you start re-use at a depth of 5 or so... Depends on the size of the portals and the details in the scene of course.
@NikHem343
@NikHem343 Рік тому
There „camera box“ absolutely blew my mind
@MaharshiPandyaJanam
@MaharshiPandyaJanam 4 роки тому
You are doing a really great job! To make people UNDERSTAND something instead of just showing what you know! One of the best channels I found in these days to keep learning. Keep growing.
@yourcommander3412
@yourcommander3412 4 роки тому
I lost my mind at the model cutoff , you go way beyond ! Cheers !
@Plafintarr
@Plafintarr 4 роки тому
That old automobile casually rolling off the cliff with the classy relaxing oldtimey music in the background... Lmao
@herouxandrew
@herouxandrew 3 роки тому
This is by far the most comprehensive portal implementation I have seen. An area of improvement would be lighting through portals. Very nice work!
@thiamath
@thiamath 4 роки тому
Genious! I love how you document every special case and point that I'm completely unable to guess at first glance making yours, the best tutorials I've ever seen. Congrats dude! You makes this feel so easy to do!
@MrBricks148
@MrBricks148 4 роки тому
Almost thought I had KSP open in the background >___>
@MrBricks148
@MrBricks148 4 роки тому
Also, relative velocity with portals could be fun.
@LinOGGaming
@LinOGGaming 4 роки тому
same lol
@PKMartin
@PKMartin 4 роки тому
I was about to ask what the music at 6:30 was, I knew I recognised it from a game but couldn't place which one.
@gernyiblazs
@gernyiblazs 4 роки тому
I actually have a modded to hell version running. I don"t close it just disable the sound so I can watch videos while eating because it takes like 5 min to start. I was really confused how it re enabled the sound by itself :D
@kairon156
@kairon156 4 роки тому
While I'm only a simple gamer I really enjoy how you show what goes on behind a game mechanic. The most coding I've ever done was visual coding with the Unreal Engine. Following tutorials and messing around with what I learned.
@To-mos
@To-mos 3 роки тому
I love how simple and straight forward this guys work is. Nice job sticking with the KISS method!
@alextrollip7707
@alextrollip7707 4 роки тому
You're a mad lad. Thank you for displaying your journey for each coding adventure. It's really interesting work.
@eryberto87
@eryberto87 4 роки тому
My reaction when i see a new coding adventure: *screams*, "Wow another one!"
@gen157
@gen157 4 роки тому
I love the approach he takes to learn some of these things, going so far to demonstrate using an entire scrap of a scene to show us, the viewers, a better idea before actually showing it implemented. It works great to learn from and it works great to teach from. Always looking forward to the next adventure from him. It's great.
@artemgusev2826
@artemgusev2826 4 роки тому
6:20 KSP music then you acheve space)))))) So many memories.......
@jomy10-games
@jomy10-games 2 роки тому
This is amazing! I’ve seen many people code their own portals, but this is by far the best one I’ve seen!
@subject2749
@subject2749 Рік тому
The music for this video is set up like a horror movie, love it.
@dr.unventor
@dr.unventor 3 роки тому
When you think when he explains stuff with animations and you see that he actually coded it to explain
@champagnesupernova1839
@champagnesupernova1839 2 роки тому
Aperture Science's computing department is really going above and beyond
@emlyndewar
@emlyndewar 4 роки тому
This blows my mind. Explained like it’s so simple. Great effect.
@ClosingIris
@ClosingIris 4 роки тому
Thank you for the tidbit about `w`, I haven't seen such a casual / clear presentation of the mechanics presented anywhere else.
@pineappleanimates
@pineappleanimates 4 роки тому
11:10 imagine a game that's only shadows like that would be really cool
@NexysStormcloud
@NexysStormcloud 4 роки тому
I wonder how you would solve the problem of the possibility of AI seeing through the portal. Nevertheless, thanks for the great video!
@GermanTopGameTV
@GermanTopGameTV 4 роки тому
Just get your AI to interprete what is seen on screen. a simple solution to this is to draw the world in a simplified way for the AI. Example: First person shooter The AI sees pathing decals as a simple green spots that fade away when they reach them, enemies as red boxes (shoot here when visible after x amount of time to simulate reaction time), allies as blue (do not shoot) and the environment as yellow. This can be rendered at a really low resolution, but using the exact same setup as the world render uses. The AI then just needs to be trained (by you or by some learning algorithm, depending on your prefered behavior) to use the camera output to perform desirable actions. Something along the lines of "If green can be seen, move towards green", "if red can be seen, stop and fire your weapon towards red", "if blue can be seen, follow blue" and "else move randomly". This would give you a zomby like AI that can use portals, runs around in groups and, whenever it sees a checkpoint, moves towards it - so it could patrol an area or follow a certain course through a level, but also adapt whenever a portal happens to open infront of them to rethink it's movement and actions.
@TMtheScratcher
@TMtheScratcher 4 роки тому
@@GermanTopGameTV Much simpler without training: Just loop trough the pixels of the image, the AI would receive (with simplified environment) and just check whether the color is seen on it or not. Then do desired action based on these and other factores. Aiming at a specific pixel is also easy calculatable. Or make it move towards until the target color is at the center of the AI's screen, to simulate movement and reaction time
@Pinkhair3d
@Pinkhair3d 4 роки тому
A lot depends on how your AI sees in the first place- if it is raycasting, you can do the same sort of matrix transformation to deflect the rays they cast out when those rays hit a portal. If you are using a pathfinding based solution, you'd want to link up the portals' nodes on the pathfinding graph.
@Chris_t0
@Chris_t0 4 роки тому
AI site wouldnt be very hard in comparison to all he did for the player to be able to see. The math is simple the hard part is shaders and artifacts etc..
@anonanon3066
@anonanon3066 4 роки тому
@@GermanTopGameTVnah lol. Even if you could manage to train an NN (which you would absolutely need) to actually do this well, you would have like .4 fps
@jacktjong1266
@jacktjong1266 3 роки тому
I love watching random Unity videos with random cool mechanics, cause even though this portal stuff is something that I'm probably not going to implement into the game I'm working on, you actually gave me a perfect solution for an issue I was running into with deciding which way my player should be moving down a zipline when hooking onto the zipline from anywhere that's not either end point!
@shadowflame45
@shadowflame45 Рік тому
im just making this a comment for whatever fix i find shader fix in the properties section below the _InactiveColour ("Inactive Colour", Color) = (1, 1, 1, 1) just paste in: _MainTex("Base (RGB)", 2D) = "white" { } teleport rotation fix if you walk through a portal and your rotation snaps, thats normal, but likely not wanted. if you copied the project directly from the repo, you shouldn't have this problem, but here's the solution: in your movement script, switch the inheritance to PortalTraveller then paste this function somewhere public override void Teleport(Transform fromPortal, Transform toPortal, Vector3 pos, Quaternion rot) { transform.position = pos; Vector3 eulerRot = rot.eulerAngles; float delta = Mathf.DeltaAngle(rotationY, eulerRot.y); rotationY += delta; transform.eulerAngles = Vector3.up * rotationY; Physics.SyncTransforms(); } if you paste this and do nothing with it, it likely wont work. this is because i might use a different variable name than you the rotationY is probably going to be the only different variable, this variable is for the camera's Mouse X: rotationY += Input.GetAxisRaw("Mouse X") * sensitivity * Time.deltaTime; also, the Physics.SyncTransforms() fixes another problem, which was if you used a character controller, you wouldn't teleport :D
@Hawkspire
@Hawkspire 4 роки тому
I always love seeing these in my subbox, great stuff man!
@harpernicholson1
@harpernicholson1 7 місяців тому
the portal game tutorial was the first of your videos i ever watched, and it at the very least got me to think about math and projection in 3D space as a 9 or 10 year old. very fond memories of my early days with unity :) you are an absolute master with your shaders and procedural mesh stuff. such an inspiration, i love the nature of your work.
@introvertio4399
@introvertio4399 4 роки тому
The fact that you share all your project files for free is awesome.... Thanks man.
@mogaming163
@mogaming163 4 роки тому
We are blessed with this video
@Skyteks
@Skyteks 3 роки тому
15:47 GLaDOS voice from somewhere in the Room: "Now you're thinking with portals"
@lesconrads
@lesconrads 3 роки тому
I like how you can make coding and complicated concepts like this into actually interesting and engaging videos. Thank you very much!!
@bejoscha
@bejoscha 4 роки тому
Thanks for walking us through all the issues a seemingly "simple" portal throws at one. I enjoyed it very much.
@KasperSOlesen
@KasperSOlesen 3 роки тому
Awesome... I have been looking into making portals for a few years now, and this is the most complete example and explanation I have found so far dealing with pretty much all the problems you can run into. Except getting light to work through portals... but not sure even Portal got that implemented.
@CosmicComputer
@CosmicComputer 4 роки тому
Those LP clouds though! How? You are awesome Seb, thanks for the video!
@agfd5659
@agfd5659 4 роки тому
This has been an amazing journey. Also, your video editing skills are fenomenal!
@darrinhert9296
@darrinhert9296 4 роки тому
Fantastic stuff! Love the detail and thoroughness you put into your investigations.
@Midnightmarth
@Midnightmarth 3 роки тому
I am so thankful for your documentation of your progress. I really wish I knew how to understand the maths behind all the projects you do accomplish. Im just a simple ReactJS web developer and I have absolutely no clue where to even begin to learn any of this. I really want to become a solo game developer and clearly have a long journey ahead of me. Im happy I subbed as there is so much stupefying content on this platform and it's a breath of fresh air to watch this type of content, keep up the great work.
@mds570
@mds570 2 роки тому
How's it going?
@richtourist
@richtourist 4 роки тому
Apart from this whole video being great and really interesting, I love the end sequence too. The way the blocks fall through the first portal, with the second one angled so they go through the first again, but at a different angle so they exit the second at just the right angle so they fall back through the second out of the first and then, my favorite bit, the yellow one hits the tree with a gentle thud. Absolutely beautiful! Did that take long to set up, or just happy accident?
@JeremyMiranda
@JeremyMiranda 3 роки тому
This is your best video yet. Definitely skill increased in Unity and your production quality.
@DeathByFilmStudios
@DeathByFilmStudios 3 роки тому
I love how condensed your code for moving the camera is. Other tutorials have at lease 8 lines and use quaternions and stuff. You managed to get it done in two lines!
@shenshaw5345
@shenshaw5345 Рік тому
Guys If u want to use this in HDRP or URP its really easy. I got working portals in both. In PortalTravelers change line 56 from foreach (var mat in renderer.materials) to foreach (var mat in renderer.sharedMaterials). In MainCamera change line 11 from void OnPreCull to void LateUpdate for URP enable the Post Processing checkbox under each portal camera. (Main camera doesn't matter) for HDPR I did not change anything. * Found this solution on Github but just wanted to share here. *Using 2021.3.15
@simon.in.motion
@simon.in.motion Рік тому
Thanks a lot man ! I was going to quit haha
@hubagarai3002
@hubagarai3002 Рік тому
Brother, you saved me! I spend 2 hour to find out what is wrong with it. I read waay too many doc, and now I know some new method for SRP, HDRP and LWRP... I just wanted to use URP 😭
@charlestheninja
@charlestheninja 4 роки тому
I just felt completely stupid after watching your programming skills.
@mohamedshaban3174
@mohamedshaban3174 4 роки тому
didnt we all ?
@DeGandalf
@DeGandalf 4 роки тому
Isn't this the case in every video?
@CodingJedi
@CodingJedi 4 роки тому
DeGandalf isn’t that to point to make us feel that way ?
@ThisIsTheInternet
@ThisIsTheInternet 4 роки тому
What's left out is the hours involved in reaching the next iteration
@aikou2886
@aikou2886 4 роки тому
I mean... who didn't?
@amarhussain3342
@amarhussain3342 2 роки тому
I randomly saw one of the videos on my feed. instant subscribe and like! absolutely love all his stuff! super generous too! I cant believe your providing all the code samples! absolute legend! :)
@rampagetv
@rampagetv 3 роки тому
I really love how in-depth this is. Keep it up!
@coderbunny5653
@coderbunny5653 2 роки тому
8:43 me when i try to do literally anything
@AnselmWiercioch
@AnselmWiercioch 4 роки тому
"wait, did I open ksp in the background on accident?" ... "oh, same royalty free music. Got it."
@Swifter1243
@Swifter1243 4 роки тому
I love this video. Please continue with the portal stuff, and the quality is seriously mind blowing. Amazing job :)
@Schwifty95
@Schwifty95 2 роки тому
You are an absolute legend and my idol for problem-solving and coding in general. I agree with what have been said previously in some comments here: "You are the Bob Ross of coding."
@electricanimation3379
@electricanimation3379 4 роки тому
Omg u might be the most hard working dude on yt learns blender and unity how to code and write algorithms to visuallize the code and edit the video all with commentary. Like wow that’s a quick sub
@DispatchCenter
@DispatchCenter 4 роки тому
This is the best implementation of portals I've ever seen in unity. Making the "portal" a cube and slicing the 3D object blew my mind when I saw how well you solved some of the technical limitations I'd ran into previously. Simply amazing.
@flobbinhoodgames8117
@flobbinhoodgames8117 3 роки тому
I'm always amazed at how entertaining these videos are.
@t8xi456
@t8xi456 4 роки тому
This one took me right back into my GC course in university a couple of years ago... I really love your videos and they make me wish for more time to play around with unity too. Sadly my job has no relation to GC stuff at all. I wish I could spare some free time to do such awesome stuff like you! Keep up the good work!
@R3W3W
@R3W3W Рік тому
I come back to this channel often, but I often think Godot is more aligned with Sebastian's vibe. Unity seems like it has more technical support so maybe it's a situation of having less potential road blocks toward ideation. Easier flow state because you avoid running into engine problems. Who knows.
@gaboandres
@gaboandres 4 роки тому
You should do a Shader programing tutorial Series!
@jf3518
@jf3518 3 роки тому
@Sebastian Lague If you want to understand the math behind the projection matrix better, watch this video series: ukposts.info/have/v-deo/oZhjZKJqp4Cgxok.html
@3JL
@3JL 3 роки тому
So much helpful stuff in here!! This helped me immensely with two separate projects.
@sss-tw3jh
@sss-tw3jh 4 роки тому
Can you answer the age old question of what happens when a moving portal falls onto an object? Does the object go flying out the other side with the same velocity of the moving portal, or does it simply plop out the other side?
@AntonioNoack
@AntonioNoack 4 роки тому
The answer is "kinda" simple: there is no definite answer, because of relativity. Is the teleporting process happening in portal space, or in "world space"? Happening in portal space means, that the object just will keep its velocity (negative falling velocity) relatively to the portal, while happening in world space means, that it will keep its velocity (0) relative to the world. If the two portal sides are facing in the same direction, this will be the same result for both cases.
@harbingerofcrazy5189
@harbingerofcrazy5189 4 роки тому
Answer: depends on your implementation, whatever you want to happen happens, or to be more accurate whatever you instruct the computer to do , it'll do.
@r033cx
@r033cx 4 роки тому
When portal is moving objects around it don't gain velocity with it, so I think it would just pop on the other side It's kinda like dropping hula hoop on it I think
@happybunnywabbit
@happybunnywabbit 4 роки тому
There is no reason to think the object would gain the portals velocity. Even though this is complete science fiction, it would be safe to assume you would just ''plop" out from the other side.
@thundersheild926
@thundersheild926 4 роки тому
Not necessarily. If we consider a universe with just an object and a portal, the object having velocity would be indistinguishable from the portal having that velocity. So, if this were happening in the real world, the objects end velocity would be its current velocity - the portals velocity. However, if I'm understanding this specific implementation of portals, it doesn't care about the portals velocity So the object will simply "plop" out the other side.
@lukeystuff
@lukeystuff 3 роки тому
Coding Adventure: Aperture Science Handheld Portal Device
@RobertOSullivan
@RobertOSullivan 3 роки тому
Subscribed to your channel a few days ago. You're videos are really thought out and enjoyable. Learning a lot. Thanks 😊
@huberthoszowski6660
@huberthoszowski6660 4 роки тому
love your videos make more pls. its just soo cool loocking at the effect at the end and the whole process and problems you incounter and the way you solve them is just soo satisfying!!!!
@Lloyd2112DT
@Lloyd2112DT 4 роки тому
This channel is, frankly, too good relative to the number of views it gets. Something is clearly wrong with the world. I'd love to see you cover non-Euclidean space rendering (à la Stanley's Parable) where you can walk down an entire hallway/region where space is compressed or expanded. But it seems like it'd require ray tracing to get the visuals to behave properly. Also, I'd love to know how proper ray-tracing would account for portals.
@alcejaylos.4257
@alcejaylos.4257 4 роки тому
I opine!
@Dimencia
@Dimencia 4 роки тому
I mean, most of that is probably this. If you want an endless hallway, stick a 'portal' on one end that's the size of the hallway, and done. When you want to let them out, get rid of that portal
Coding Adventure: Game Idea Generator
9:25
Sebastian Lague
Переглядів 849 тис.
Coding Adventure: Procedural Moons and Planets
22:48
Sebastian Lague
Переглядів 1,7 млн
Помилка,  яку зробило військове керівництво 🙄
01:00
Радіо Байрактар
Переглядів 420 тис.
Эффект Карбонаро и пончики
01:01
История одного вокалиста
Переглядів 6 млн
Coding Adventure: Simulating Fluids
47:52
Sebastian Lague
Переглядів 1,5 млн
How to Create a Neural Network (and Train it to Identify Doodles)
54:51
Sebastian Lague
Переглядів 1,8 млн
The Bubble Sort Curve
19:18
Lines That Connect
Переглядів 302 тис.
Non-Euclidean Worlds Engine
5:15
CodeParade
Переглядів 11 млн
How were the portals in Portal created? | Bitwise
8:28
DigiDigger
Переглядів 1 млн
Giving Personality to Procedural Animations using Math
15:30
t3ssel8r
Переглядів 2,3 млн
Programming portals for my DOOM-style FPS
17:15
jdh
Переглядів 192 тис.
Coding Adventure: Ant and Slime Simulations
17:54
Sebastian Lague
Переглядів 1,8 млн
The Portal Paradox
5:08
minutephysics
Переглядів 6 млн
I Made Portal 3 Because Valve Wouldn't
8:53
CodyCantEatThis
Переглядів 2,8 млн
🎀@Nastyaloony vs 🦠REZO HULK! #rezo #rezohulk
0:39
RezoHulk
Переглядів 17 млн
ISSEI funny story😂😂😂Strange World | Magic Lips💋
0:36
ISSEI / いっせい
Переглядів 61 млн
🎀@Nastyaloony vs 🦠REZO HULK! #rezo #rezohulk
0:39
RezoHulk
Переглядів 17 млн
Нашёл МИЛЛИОН ДОЛЛАРОВ в ПЛИТЕ 😱 #shorts
0:59
Лаборатория Разрушителя
Переглядів 8 млн