Name: コーディングチャレンジ #145: 2D レイキャスティング (Coding Challenge #145: 2D Raycasting)
Uploaded: 2021-01-14T10:17:48.000Z
Duration: 36 min 2 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

- Hello, and welcome to a coding challenge:

This is the result of the example that I made,

but before I get started with the coding,

a recent YouTube video from Sebastian Lague

This is part of his coding adventure series.

and gets into also some crazy 3D rendering stuff.

So, I want to explore that algorithm in a later video,

but I wanted to start with something simpler,

and I looked back and Brenda Dowd, back in 2016,

posted a suggestion for me to do 2D raycasting.

So, about 3 years later, I'm getting to it.

So, Nicky Case made a game called Nothing To Hide,

and also an accompanying explorable explantation

this really beautiful 2D shadow effect in the game.

So, I encourage you to check out Nicky Case's work,

but in particular, down the middle of this page

is an example of exactly, basically, what I tried to make

There's also, from Red Blob Games, Amit Patel.

explorable explanation, again, if you will

of a 2D visibility, and there's a source code

There's so much further it could be taken

and share it with me at TheCodingTrain.com

So, I hope you enjoy this coding challenge.

Let's get started with, actually, the coding of this.

So, let me map out what I think I need, first.

where I can make two kinds of objects in my world.

and the boundary really just is line segments

between two points, A and B, or start and end,

Then, I also want to have an idea of a ray,

and a ray has a position, and then maybe a direction.

If I can create this basic ray class, a boundary class,

I can have every ray find its point on the boundary.

Then all of those things that I just showed you

I want to mention one other reason why I'm doing this,

and it might take me a while to get to this,

but in a future video, what I intend to use this for,

I want to use this in an A.I. application.

that's trying to drive along some type of path,

if I can give it sensors, which are like rays

that allow it to see out from in front of it,

into a neural network that would then determine

So, this is where I'm also going with this, eventually.

But right now, in this video, I just want this ray

I have sketch.js with my, sort of, meme stuff in it

I have ray.js, where I want to create a ray class,

字幕リスト動画再生

コーディングチャレンジ #145: 2D レイキャスティング (Coding Challenge #145: 2D Raycasting)

ultimately

sort

multiple

determine