Pixelation

Critique => Pixel Art => Topic started by: jmaslaki on July 09, 2016, 06:58:09 am

Title: House/yard & path/building
Post by: jmaslaki on July 09, 2016, 06:58:09 am
I was aiming for an Earthbound/Undertale look. I know it's bad. I'm here for advice/help

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

(http://i.imgur.com/RYjc4VH.png)
(ignore white background)

larger version of 2nd pic: http://i.imgur.com/TlZEvI1.png (http://i.imgur.com/TlZEvI1.png)

If anyone has any tips that would help improve it and make it look better, I would gladly take it. You can edit them to help show what can be better, but don't edit the one in the hyperlink because I scaled it
Thanks
Title: Re: House/yard & path/building
Post by: 0xDB on July 09, 2016, 08:07:57 am
Looking at the screenshots (http://www.mobygames.com/game/earthbound/screenshots), it appears that Earthbound is using a mix of Cabinet Projection (http://pixelation.org/index.php?topic=19594.0#post_cabinet_projection) and Parallel Projection (http://pixelation.org/index.php?topic=19594.0#post_parallel_projection) (I hope those diagrams help to empower you to re-construct an Earthbound-like perspective more easily) while your second shot appears to show only a plain top view of the road(granted with a slight indication of volume at the sidewalks front plane) and a plain front view of the house which is inconsistent.

This board has a zoom feature (click on an image to zoom in in integral steps, shift-click to zoom out, alt-click to reset) so you don't need to upload scaled versions.
Title: Re: House/yard & path/building
Post by: jmaslaki on July 09, 2016, 08:33:13 am
Thanks for your input. That whole thread actually looks very useful

Regarding the second pic, other than perspective, anything I could improve on to make it more acceptable?
Title: Re: House/yard & path/building
Post by: 0xDB on July 09, 2016, 08:48:19 am
That whole thread actually looks very useful
That was the plan. ;D

Regarding the second pic, other than perspective, anything I could improve on to make it more acceptable?
Of course but you asked to ignore the white background, heh. So to make it feel more alive... add grass, some details, e.g.: flowers, patches of long grass, trees, birds, small rocks, sewer cover, mailbox, picket fence, bushes, little indications of texture on the otherwise flat surfaces, some minimalist cel-shading maybe. Just keep looking at the Earthbound screenshots and get inspired.
Title: Re: House/yard & path/building
Post by: jmaslaki on July 09, 2016, 09:19:04 am
Thanks! I will do that :)
Title: Re: House/yard & path/building
Post by: jmaslaki on July 09, 2016, 11:39:11 am
(http://i.imgur.com/KUQWKYH.png) Is it an okay start?
Title: Re: House/yard & path/building
Post by: 0xDB on July 09, 2016, 11:53:13 am
It looks like you are trying to guess/estimate where things end up in the projection without actually drawing the projection lines. Give me some time, I'll make an edit explaining it...
Title: Re: House/yard & path/building
Post by: jmaslaki on July 09, 2016, 02:04:41 pm
My bad. And alright, thanks, will be looking to it.

I kinda got ahead of myself there
Title: Re: House/yard & path/building
Post by: 0xDB on July 09, 2016, 02:54:59 pm
Ok, this took longer to make than I expected but here we go.

First I derived a side view of a few selected planes from your guesswork version and then continued to derive the corresponding floor plan for the cabinet projection from that. As you can see (though, you can even see that without going through all this trouble :crazy:) the front of the building foundation aligns with the front of the house box while in the back, the foundation extends beyond the house box.

If you would continue this reverse derivation for other planes, you would find that your roof does not fully cover the house box (while in the front it appears to overlap a bit, in the rear it would not extend long enough to hang over the rear wall probably would not even reach it).

Anyway, below I'm illustrating an "easy" (still requires thinking) way to do that kind of projection/construction on the basis of a floor plan and an elevation plan (which are easier to do for most people than to jump right into winging it all in imaginary 3D space).

(https://abload.de/img/2016_07_09_jmaslaki_pctula.png)
Title: Re: House/yard & path/building
Post by: jmaslaki on July 10, 2016, 01:07:13 am
I appreciate that you took the time just to help me, thank you so much. And I apologize if I screwed up again, but here's what I did:
I followed the steps to make an "easy" cabinet view and here's what I got:

(http://i.imgur.com/LvN3QNn.png)(http://i.imgur.com/jQniEf1.png)(http://i.imgur.com/hCs0owc.png)

Erroneous vs new attempt:

(http://i.imgur.com/f98TFGW.png)
Title: Re: House/yard & path/building
Post by: 0xDB on July 10, 2016, 09:01:51 am
Well done, that is a big improvement but check the roof construction again: In the translucent version, draw in the base plane of the roof. Afterwards, can you see that it does not cover the top plane of the box in the rear?

Title: Re: House/yard & path/building
Post by: jmaslaki on July 10, 2016, 11:39:38 am
I see where I went wrong there. The rear isn't overhanging over the housebox, right?

Here's what I did to fix that:
(http://i.imgur.com/dT9edrJ.png) (http://i.imgur.com/ko1J6s0.png) (http://i.imgur.com/QTlIih7.png)
Title: Re: House/yard & path/building
Post by: 0xDB on July 10, 2016, 12:23:15 pm
Yes, that fixes that. It's good that you keep those translucent construction steps around. They'll allow you to track and trace in perspective later when you try to determine where to place all the other stuff.
Title: Re: House/yard & path/building
Post by: jmaslaki on July 10, 2016, 12:44:39 pm
Noted! Thanks for your help. :)