Skip to content

Files

Jump to bottom
Vinicius Reif Biavatti edited this page Oct 4, 2019 · 2 revisions

HTML

We will use HTML and Javascript to create the projection so, we will need to have two files. The first file will be the HTML page.

Note: You dont need to define anything in the body element because the canvas will be created at runtime. So, if you want to create the canvas already in the HTML directly, you can! It is up to you.

File: raycasting.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>RayCasting Tutorial</title>
</head>
<body>
    
</body>
<script src="raycasting.js"></script>
</html>

Note that the raycasting.js file not exists yet so, lets create this too. This file will has the raycasting logic and everything we need to create the RayCasting projection. Create an empty raycasting.js file in the same directory of your html page.

Ok, with the files created, you can go to the next tutorial part!

Copyright © 2018 Vinícius Reif Biavatti

Clone this wiki locally