Pixelation

Critique => Pixel Art => Pixel Art Feature Chest => Topic started by: Sidereal on August 11, 2014, 09:43:03 pm

Title: GR#207 - Houses - Perspective & Projection
Post by: Sidereal on August 11, 2014, 09:43:03 pm
Updated
Title: Re: Perspective Homework - Help
Post by: Kosvid on August 11, 2014, 10:26:02 pm
?
Title: Re: Perspective Homework - Help
Post by: Sidereal on August 11, 2014, 10:28:17 pm
Its a shop inside the structure, the perspective of the table its okay?
Title: Re: Perspective Homework - Help
Post by: Kosvid on August 11, 2014, 10:49:03 pm
No, it`s not. The table has no perspective at all. Perspective means that all the straight lines of a certain plane /dimesion aim to one or two (may be even more) points. That is to say, in case when perspective is not used (in isometric pictures, for example), parallel lines never meet; in case when it is used, they meet in one certain point.
The simplest examples:
http://ic.pics.livejournal.com/intuit_school/14488280/157870/157870_original.gif
http://upload.wikimedia.org/wikipedia/ru/2/26/Obratnaya_perspektiva.gif (reversal perspective)
http://sv-scena.ru/athenaeum/osnovy-risunka-dlya-uchashhikhsya-5-8-klassov.pic-187.jpg

Thus, you should define the point where your parallel lines cross, and then... you know what to do.

P.S. Is your house supposed to seem round? If you want to learn the basics about perspective, you should begin with standard "blocky" shapes. That`s all what I can say for now.
Title: Re: Perspective Homework - Help
Post by: Sidereal on August 12, 2014, 12:11:15 am
Its better now?

(http://i58.tinypic.com/14kk6xj.png)
Title: Re: Perspective Homework - Help
Post by: Zia on August 12, 2014, 02:19:06 am
It has a better shape to it. It actually looks recognizably like a building now! :) I will say that I think traditional art might be a bit better suited to gaining a general understanding of perspective in this way than pixel art it - try looking at some pictures of buildings from different angles and sketching them yourself to get a feel for how you look at things from angles.

Title: Re: Perspective Homework - Help
Post by: Sidereal on August 12, 2014, 02:43:55 am
Update:

(http://i57.tinypic.com/sdz6gm.png)



Hello! I did a sprite 32x64
Im bad with pixel art :,( you probably hate noobs like me

Here is it:
(http://i1258.photobucket.com/albums/ii531/Techcoolest/IMG_20140811_2309381.png)



No, it`s not. The table has no perspective at all. Perspective means that all the straight lines of a certain plane /dimesion aim to one or two (may be even more) points. That is to say, in case when perspective is not used (in isometric pictures, for example), parallel lines never meet; in case when it is used, they meet in one certain point.
The simplest examples:
http://ic.pics.livejournal.com/intuit_school/14488280/157870/157870_original.gif
http://upload.wikimedia.org/wikipedia/ru/2/26/Obratnaya_perspektiva.gif (reversal perspective)
http://sv-scena.ru/athenaeum/osnovy-risunka-dlya-uchashhikhsya-5-8-klassov.pic-187.jpg

Thus, you should define the point where your parallel lines cross, and then... you know what to do.

P.S. Is your house supposed to seem round? If you want to learn the basics about perspective, you should begin with standard "blocky" shapes. That`s all what I can say for now.


WOW xD

TY VERY MUCH
i improved the table

(http://i1258.photobucket.com/albums/ii531/Techcoolest/asasa.png)



UPDATE:

(http://i1258.photobucket.com/albums/ii531/Techcoolest/asasa-2.png)

Title: Re: Perspective Homework - Help
Post by: Kosvid on August 13, 2014, 12:22:58 pm
You`re doing it wrong. Here`s sort of an example how it should be.

(http://i.imgur.com/Vtcepsd.png)
Title: Re: Perspective Homework - Help
Post by: Sidereal on August 13, 2014, 06:44:55 pm
You`re doing it wrong. Here`s sort of an example how it should be.

(http://i.imgur.com/Vtcepsd.png)

I cant get it :(

(http://i1258.photobucket.com/albums/ii531/Techcoolest/asasa-3.png)
Title: Re: Perspective Homework - Help
Post by: Kosvid on August 13, 2014, 07:37:27 pm
1. You choose a point at your picture. Let it be the middle of the picture for the first time.
2. You think what you want to draw and where you want it to be. And I know that you want to draw a block. Not a building or fence, just the simplest block you can ever imagine.
3. You draw it letting all the horizontal lines horizontal and vertical lines - vertical, but all the other lines - aimed at the chosen point in the middle of the picture.
4. ? ? ?
5. Success!
Title: Re: Perspective Homework - Help
Post by: Sidereal on August 13, 2014, 07:53:09 pm
(http://i1258.photobucket.com/albums/ii531/Techcoolest/asaosaoksoaksoaks.png)

What about this?

Should it be like this then?
Title: Re: Perspective Homework - Help
Post by: Kosvid on August 13, 2014, 08:35:27 pm
Yep, that`s how perspective works. Go ahead and make something beautiful.  :)
Title: Re: Perspective Homework - Help
Post by: Sidereal on August 13, 2014, 11:55:08 pm
I love you dude, i love you both for helping me

Btw i want a rpg so i change the perspective

(http://i1258.photobucket.com/albums/ii531/Techcoolest/asaosaoksoaksoaks-1.png)

Its bad? or what?
Title: Re: Perspective Homework - Help
Post by: HarveyDentMustDie on August 14, 2014, 12:42:13 am
Problem with realistic perspective in side scroller games is that you can't stack those object. Realistic perspective is based on stationary view. If you walk to the left or right perspective of one object is changed and therefore it should be drawn again which is impossible. This is the reason game perspective is just an approximation of real perspective.

For example this looks wrong.
(http://i.imgur.com/Lw8OLAf.png)

This is why you should base your work on examples of game perspective and not realistic perspective. Find game which look and perspective you like and learn from it.  :)
Title: Re: Perspective Homework - Help
Post by: Sidereal on August 14, 2014, 12:54:41 am
So, this one is wrong too?

(http://i1258.photobucket.com/albums/ii531/Techcoolest/Example.png)

Edit: I found this on my pb account, i should use this perspective?

(http://i1258.photobucket.com/albums/ii531/Techcoolest/Pixel%20Art/blah-1.png)
Title: Re: Perspective Homework - Help
Post by: lachrymose on August 14, 2014, 03:15:10 am
What type of RPG?

Top down like old JRPG games?
A side-scroller like castlevania?

The house where you can see the top of the roof, could be used for a top down RPG
The flat house can be used for a side-scroller.

 
Title: Re: Perspective Homework - Help
Post by: r1k on August 14, 2014, 04:59:11 am
(http://i.imgur.com/xqaK8RI.png)
ya thats wrong to, it would look like that.  As you can see each box is a different shape, so its unreasonable to use one point perspective for a game because you couldnt reuse any assets that way.  Which is why 2d games dont use realistic perspective.
Title: Re: Perspective Homework - Help
Post by: Sidereal on August 14, 2014, 07:13:31 pm
I would like a top down view


(http://i1258.photobucket.com/albums/ii531/Techcoolest/asaosaoksoaksoaks-2.png)
Title: Re: Perspective Homework - Help
Post by: Cyangmou on August 15, 2014, 01:15:31 am
I would like a top down view

that's not topdown
topdown looks like that:
(http://abload.de/img/hotline-miamik8x9d.jpg)
example from Hotline Miami

What you currently have there is an orthogonal axonometric projection with a viewing angle of 45°
The more handy term usually used for that kind of graphical representation is "RPG-projection" (because it was established and used by most of the classic early RPGs)

the difference between perspective and projection are the vanishing points.
For any projection the vanishing point(s) is approximating infinity, which means that the consequence is that all the axis are parallel.
Although since we are operating in a 2D space, rather than in a 3D space, we can deliberately break rules to enhance the form, like you did with the counter top of the shop.
 
Title: Re: Perspective Homework - Help
Post by: Sidereal on August 15, 2014, 03:08:06 am
I learn a lot with people like you helping me :,)

So, if i use 45º

What i should change in my Pixel art, i mean: whats wrong with this one?


I found an example of the perspective im trying to use

Here:

(http://img2.wikia.nocookie.net/__cb20120806012154/goldensunsaga/es/images/8/84/Bilibin.png)



(http://i1258.photobucket.com/albums/ii531/Techcoolest/Building1.png)