Pixel Art Challenge: Parallax Window


Gecimen challenges you to create a 100 x 100 animation that clearly depicts a parallax scrolling background.

The image should consist of at least two layers moving at different speeds to be considered as parallax.

Optional bonus challenge:
Add a moving unit (vehicle, infantry etc.) in the foreground.

Canvas Size - Exactly 100 x 100.
Colors - Max 24.
Transparency - No.
Animation - Required; max 30 frames.

The challenge thread will have all the challenge updates. The thread is also a great place to post your WIPs.

Posted by skamocore @ 4/16/2012   |    17


If you would like to comment you will need to be logged in. Register now. It only takes a moment and it's free.

|||| (Level 8 Marshal) @ 4/20/2012 08:59

Went with 24 frames and went with 96 pixels wide by bordering it in a bit. Just seemed easier for me to plan.

LuckyF (Level 3 Hatchet Man) @ 4/17/2012 15:37

 It's not that. 30 frames and100x is fine. It's that when I read the challenge I got this idea, but it needs like 100 frames ))) Then I saw 30 restriction and exitment went away )))

Gecimen (Level 11 Master Assassin) @ 4/17/2012 14:58

30 frame limit and 100x100 canvas size were not really my ideas but I find them positive restrictions together. You can basicly do many things within 30 frames in such a small window. I can perfectly imagine a simple scene where mountains pass in 30 frames, trees pass in 15 frames and the platforms in 6 or 10 frames.

Adarias (Level 11 Special Agent) @ 4/17/2012 13:44

 pro tip 1 : 30 frames offers loop times at 2, 3, 5, 6, 10, 15, and 30 frames, and you can have multiple layers scrolling on the same timing if the distance traveled is greater or smaller, creating different speeds.

pro tip 2 : 96px is more evenly divisible than 100px, with clean multiples at 2, 3, 4, 6, 8, 12, 16, 24, 32, 48, and 96 pixels across.

protip 2.5 : though it offers fewer frames, 24 frames instead of 30 has cleaner counts as well (2, 3, 4, 6, 8, 12, 24), which happen to align very well with the cleanly divisible distances on the 96px frame, allowing you to make much more regular panning without becoming mired in subpixel work.

philippejugnet (Level 6 Hitman) @ 4/17/2012 12:34

 it looks like mrmo is gonna get:

1st place shoggoth by mrmo

2st place shoggoth by mrmo

3st place shoggoth by mrmo

Sohei (Level 7 Ichikyu) @ 4/17/2012 02:12

At first I was excited, but then I saw restrictions: 100x100, 30 frame limit.

A.B. Lazer (Level 2 Flatfoot) @ 4/17/2012 01:48

Seems like eBoy tried to join the challenge, ha.

Chibiwing (Level 4 Deputy) @ 4/17/2012 00:49

30 frames?  Guess I'll be working on my own projects this week.

eclep (Level 5 Detective) @ 4/16/2012 18:08

 Why the 30 frames limitation? Parallax require more frames than other animations

Jinn (Level 11 Godfather) @ 4/16/2012 17:28

All good examples are larger than 100x100 and have more frames than 30 ;/

ultimaodin (Level 3 Corporate Drone) @ 4/16/2012 16:39

30 frames only? O_o

Oh well I have Uni work to do anyway. =/

Nevercreature (Level 9 Vice President) @ 4/16/2012 14:53

A good example of parallax.

Reo (Level 11 Sensei) @ 4/16/2012 14:26

 Here are some examples of parallax scrolling.

As the text says. it is two or more layers of background moving at different speeds giving it an 'illusion' of depth.

Yielmo (Level 4 Lieutenant) @ 4/16/2012 13:07


philippejugnet (Level 6 Hitman) @ 4/16/2012 08:31

 how do I create a challenge? O.o

Jinn (Level 11 Godfather) @ 4/16/2012 08:09

And I noticed 100x100 canvas ;(

LuckyF (Level 3 Hatchet Man) @ 4/16/2012 06:01

At first I was exited< but then I noticed 30 frame limit. =\

This Week's Pixel Art

Flora in Bed icon/pixelartKnight Placeholder icon/pixelartPistol upgrade icon/pixelart32 Beach Girl icon/pixelart
Play party games with QuizBash app
Play party games with QuizBash app

Recent News


Want to give some dough back to all those amazing pixel artists? Donations provide prize money for contests, help cover hosting costs and support new initiatives.