How to Draw Better Rooms

From AGI Wiki
Revision as of 23:16, 26 December 2013 by Andrew Branscom (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search

Tutorials and Guides Table of Contents

How to Draw Better Rooms
By unknown

 

This is a step-by-step tutorial of drawing a room

1: It really helps if you start your work by drawing priority lines or by adding them to background via command line. See Juha Terho's AGI Background Creation Tutorial.

BetterRmsTut Pic1.jpg

2: Most of AGI rooms have 3 walls and a floor plus ceiling to see, so we're gonna draw this "basic" room too. I made the back wall about 50 pixels high (ego is 36 pixels tall).

BetterRmsTut Pic2.jpg

3: Plan your room, so that you know how many "objects" need priority function. For example, make sure how many doors, walls where you can walk behind or other objects you're going to draw. If you have a total number then try to fit these objects into priority lines, so that everything would function perfectly. As well, think about other objects you're going to draw to the picture.

This one right here has two doors, a cupboard, TV set, a plant with it's "something" (I don't know how is it called in English) and a trophy. In center of floor there is a sofa.

So only two doors and a sofa will need a work with priorities.

BetterRmsTut Pic3.jpg

4: I use the way of "from dark to light", that means that first you draw the darkest (black) lines and objects, then you move to lighter color (dark gray) till you've reached the lightest colors. Seems confusing?. Look at the picture below. I simply draw extra dark gray lines next to black lines, causing shadow and shade effects.

BetterRmsTut Pic4.jpg BetterRmsTut Pic5.jpg

5: I thought that it would look more interesting if I'd use a bit more unusual wall "type". So I drew a wooden covering to the lower part of walls. And I continued with my "from dark to light" project.

Notice: Since I don't deal with logics in this tutorial, I draw the door to the picture. That way, ego can't open it. I you want to be able to operate the door you have to: 1) draw empty doorway instead of this door 2) draw a door in view editor with same size as the doorway 3) write logic to make the door open.

BetterRmsTut Pic6.jpg

6:Now I finish drawing of the rest of the objects, with color that matches the interior and rest of the picture. Due to the fact that I drew the wall green, the plant can't use regular green any more and can only use light green. It would be easier to just paint walls another color, but who said drawing rooms is easy?;)

To make green walls more interesting, I added a cracks and a "piece" of brick wall to it. I also shaded the corners of walls bit more.

BetterRmsTut Pic7.jpg

And finally, Sofa to violet and floor to red color.

BetterRmsTut Pic8.jpg

 

Tutorials and Guides Table of Contents