The Land Of Light and Shadows (Part 3)

Index

Attached Files

The following files have been attached to this tutorial:

.capx

part-3-simple-with-layers.capx

Download now 192.27 KB
.capx

part-3-simple.capx

Download now 179.41 KB
.capx

part-3-very-simple.capx

Download now 179.75 KB
.capx

ball-shadow.capx

Download now 428.71 KB
.capx

line-of-site-full-grid.capx

Download now 310.91 KB
.capx

line-of-site-cone.capx

Download now 243.97 KB
.capx

cast-light-arc-01.capx

Download now 248.66 KB
.capx

cast-light-arc-reducing-length.capx

Download now 248.68 KB
.capx

cast-forwards-3.capx

Download now 318 KB
.capx

fog-test-01.capx

Download now 532.27 KB
.capx

cut-up-light-length.capx

Download now 318.01 KB

Stats

3,492 visits, 10,317 views

Tools

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

Introduction

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.

  • 0 Comments

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