Pixel Art Challenge: Parallax Window


icon

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 at 4/16/2012 12:00:14 AM | 17 comments | Share

What do you think?

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


user
|||| (Level 6 SWAT) at 4/20/2012 8:58:43 AM

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


user
LuckyF (Level 3 Hatchet Man) at 4/17/2012 3:36:39 PM

 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 )))


user
Gecimen (Level 9 Boss) at 4/17/2012 2:58:16 PM

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.


user
Adarias (Level 9 Federal Agent) at 4/17/2012 1:44:07 PM

 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.


user
philippejugnet (Level 5 Sniper) at 4/17/2012 12:34:15 PM

 it looks like mrmo is gonna get:

1st place shoggoth by mrmo

2st place shoggoth by mrmo

3st place shoggoth by mrmo


user
Sohei (Level 5 Captain) at 4/17/2012 2:11:48 AM

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


user
A.B. Lazer (Level 2 Flatfoot) at 4/17/2012 1:47:56 AM

Seems like eBoy tried to join the challenge, ha.


user
Chibiwing (Level 4 Deputy) at 4/17/2012 12:49:19 AM

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


user
eclep (Level 4 Deputy) at 4/16/2012 6:07:48 PM

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


user
Jinn (Level 11 Godfather) at 4/16/2012 5:28:02 PM

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


user
ultimaodin (Level 2 Peon) at 4/16/2012 4:39:15 PM

30 frames only? O_o

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


user
Nevercreature (Level 7 Colonel) at 4/16/2012 2:52:36 PM

A good example of parallax.


user
Reo (Level 11 Admiral) at 4/16/2012 2:25:52 PM

 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.


user
Yielmo (Level 3 Sergeant) at 4/16/2012 1:06:54 PM

 Parallax?


user
philippejugnet (Level 5 Sniper) at 4/16/2012 8:30:38 AM

 how do I create a challenge? O.o


user
Jinn (Level 11 Godfather) at 4/16/2012 8:09:08 AM

And I noticed 100x100 canvas ;(


user
LuckyF (Level 3 Hatchet Man) at 4/16/2012 6:00:44 AM

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


This Week's Pixel Art

Spece Ship icon/pixelartElemental Emissaries icon/pixelartWoofie Mark 2 icon/pixelartPortrait of a Kangaroo Girl icon/pixelart

Recent News

From the News Archives

Pixel Art Links

Donate

Want to give some dough back to all those amazing pixel artists? Donations provide prize money for contests.

Donate!