C3: Visualizing Line of Sight angles and distance.

Favourite 1 favourite
Tutorial written by graham-sOriginally published on 19th, March 2018 - 1 revision

Line of Sight (LOS) - What can it see?

In an effort to help me 'see' what LOS was seeing, I put together a simple project that shows what is seen and when.
If you need it, you should be able to pull out the line code for use in your own project.
(A link to a C3 project is at the end of the tutorial)

For C2 owners

I've included a screen shot of the events so you can duplicate the project.

The objects are sprites unless self explanatory. The PM sprite requires the Line Of Sight behaviour, and the project will require the Keyboard behaviour for the key presses.

You can edit the parameters of the Line Of Sight behaviour to see how it changes.

While this example doesn't have solid sprites in the way, you can add them and would be able to see the 'cone' used and whether you can see the target sprite.

If you move around the screen, you can adjust the angles to see how it affects the result.

What it does

This project places two lines at the same angle as the PM sprite. (Their image point is changes in an attempt to have the lines start at the sprite we are doing the LOS from).
The length of the lines is set to the RANGE of the LOS behaviour. (This isn't indicative of how far you can see since they are at an angle. The LineRange is set at the actual range from the source sprite + the range of the LOS. This shows how far you can see. If you can imaging this in a maze, it would show you what is outside of the LOS.
The range line is a bit finicky when you start rotating the sprite, but I didn't want to complicate the events to demonstrate the process.

The end result.

When you run it, you should see something like this...


If you would like to see how solids affect the LOS, insert a new sprite (Call it 'Wall') and make it a small rectangle. Place it between the PM sprite and the NME. Give the wall sprite the SOLID behaviour.

Add the following events and you can then toggle the wall with the space bar.

I hope this was somewhat helpful for you!

C3 Project File.

The C3 project file is available HERE.

Unlock your full gamedev potential

Upgrade to the Personal Edition of Construct 2, it has way more features and won't holding back from making money and using your full creativity like the free edition does. It's a one off payment and all Construct 2 editor updates are free for life!

View deals

Plus, it's got a lot of additional features that will help you save time and make more impressive games!

Congratulations on finishing this tutorial!

Did you learn a lot from it? Share it now with your friends!

Share and Copy this Tutorial

You are free to copy, distribute, transmit and adapt this work with correct attribution. Click for more info.

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.