The Land Of Light and Shadows (Part 3)



Attached Files

The following files have been attached to this tutorial:



Download now 192.27 KB


Download now 179.41 KB


Download now 179.75 KB


Download now 428.71 KB


Download now 310.91 KB


Download now 243.97 KB


Download now 248.66 KB


Download now 248.68 KB


Download now 318 KB


Download now 532.27 KB


Download now 318.01 KB


5,798 visits, 14,221 views



This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Link to part 1

Link to part 2

since the 170 release this is mostly now unneeded - although the fog section might still be of interest


In the first couple of these tutorials I went through the basics of using layers and blends to "cut" through the top layer to reveal the images below.

Please ask if anything is not clear - please point out any mistakes.

Method One

(see attached capx - "Part 3 very simple")

Take your object that you wish to have a shadow cast from (for now I am going to call it "the building") .

Create a suitable shadow shape ("the shadow") - for now I will do this outside of construct and import it just like I did with the building.

All we need to do is offset the shadow a small amount from the building on the opposite side to the light (in the next example the mouse will act as our light.

So we need something like

Is the light to the right of the building ?

- YES - move shadow to the left of the building.

Is the light above the building ?

- YES - move shadow below the building.

(also for left and below)

Closer to the event sheet it would look more like :

Is (the Mouse's X position ) less than (the building's X position) ?

- YES - set (the shadows X Position) to be greater then (the building's X position) (by a set amount)

and the actual event sheet :

Note at the bottom of the event sheet we can alter the amount of the shadows offset with mouse clicks.

(we have also hidden the mouse cursor (at the start of the layout with "mouse set cursor to none")

end we also move (all the time) a graphic to represent the light to where ever the mouse is (see line 4)

This example was just to demonstrate the basic idea - the shadow needs to be moved onto the opposite side from the light - in a very easy to understand event sheet.


  • Order by
Want to leave a comment? Login or Register an account!