# Help with a pixelated look

**URL:** <https://forum.kirupa.com/t/help-with-a-pixelated-look/29261>\
**Category:** Uncategorized\
**Created:** [August 25, 2003, 2:38am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261 "2003-08-25T02:38:18Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Joker69](https://avatars.discourse-cdn.com/v4/letter/j/22d042/32.png) [@Joker69](https://forum.kirupa.com/u/Joker69)\
**Post date:** [August 25, 2003, 2:38am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/1 "2003-08-25T02:38:18Z")

</div>

ok, here’s what I started with…, I want to make a website similar to a game I saw, but have a whole site related around the look, the game is called 6ixel, and you can find it here  
[http://ftp.bbc.co.uk/6music/6ixel/02.html](http://ftp.bbc.co.uk/6music/6ixel/02.html)

ok, now, here’s what I got so far lol, I was wondering how the background grid is made… is it a Photoshop image, or is it a movie clip of one grid area duplicated over and over…

that’s the first question…, also, if it were an image, would it be a bitmap? seems like a fairly large bitmap considering the image in the background which is kind of overlaid…, here’s what I was also thinking, maybe it could be a series of duplicated movie clips of just a basic red grid thing right, and maybe it has like a 10 or 20% alpha level black and white bitmap layed over top?

to start with, how would I make a grid like that?

(I have tried the duplicate movie thing… didn’t work well for me, but that’s another story for later if it comes up… right now, I would just like to know whether people feel this would be best done with duplicate movie clips of like a 5 pixel by 5 pixel box, or if it would be better done as a bitmap with any images already in it)

Thanks,  
Chris

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 25, 2003, 10:02pm UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/2 "2003-08-25T22:02:42Z")

</div>

Bump…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 12:37am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/3 "2003-08-26T00:37:00Z")

</div>

do a forum search for ‘platform game’. You will have plenty of options. 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 3:00am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/4 "2003-08-26T03:00:55Z")

</div>

I know how to do a platform style game, it’s not that that I was looking for, I am looking for the best way to make something similar to the background, just the grid with the picture kind of overlaid

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 4:50am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/5 "2003-08-26T04:50:10Z")

</div>

I’d say Illustrator…it’s just a large bitmap. You can check the details more by right-clicking, selecting “Zoom In” and then moving the image around.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 5:20am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/6 "2003-08-26T05:20:08Z")

</div>

ok, I am referring to the grid with the picture of say… Bob Marley in it… not the red blobby lookin thing that it shows before that…, I have zoomed in at the highest zoom, and it doesn’t go all weird and pixelly…, so how are you sure it 'a bitmap?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 5:29am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/7 "2003-08-26T05:29:44Z")

</div>

I agree - it’s just a bitmap. I don’t know of an easy way to do it, but I’m sure that there is an easy way; I would take the picture of Mr.Marley and put the grid on top of it. voila - pixelated pic.

On another thought, you could actionScrpit one movieClip that’s a red line a hundred times from left to right, then another hundred times from the top to the bottom.

OR…you could use the drawing API to draw a bunch of lines over the picture that’s loaded into flash…hmm - then you may have level issues.

Nope - sticking with it’s just a bitmap. 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 5:38am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/8 "2003-08-26T05:38:16Z")

</div>

ya what I was working on doing was basically…, I had a movie clip that was say 5px by 5px, and setting a global variable which counted up, and on load setting the x position property by multiplying 5 (number of pixels) by the global variable, and then if the x position was over 540 then add one to another variable which determines the y poitioning in the same way, and if it’s greater then 400 or whatever, then it stops… haha…, and I was havin some issues with this…, the positioning worked great, but I was having a problem getting more then one of the movie clips to appear, when a new one would come on the screen the old one would disappear, but in any case you can see what my idea was, and then I would have had to individually go over and adjust the RGB levels of particular movie clips… which I never would have done lol, I would been like “f### this” lol, or I could have layed a 20% alpha level black and white image over the grid of movie clips, but you guys now see what all I had in my head, and why I was askin this haha

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 5:42am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/9 "2003-08-26T05:42:56Z")

</div>

I was reading your post where it says duplicating 5x5 squares. Right before I read where you said “f### this” - I said out loud to myself “F THAT!” - lol - that’s funny.

You see what I mean about having the picture underneath and then putting the lines on top, right?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 5:45am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/10 "2003-08-26T05:45:38Z")

</div>

ya I do, I have been playing with the drawing API a bit, and I would much rather just draw up a bitmap in Photoshop or Illustrator, it’s not hard to do a 5 pixel mosaic effect on an image, convert to grayscale, add another layer, copy the image, find edges, change the layer type, merge the layers, then add a coloured hue to the image to get the same effect 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 5:47am UTC](https://forum.kirupa.com/t/help-with-a-pixelated-look/29261/11 "2003-08-26T05:47:28Z")

</div>

There ya go!
