The Ultimate Guide to Pixel Arts

Hey everyone! This is the ultimate guide to pixel arts! Here, I have tried to list everything about pixel arts.

BumpSplatGamingCo.’s method

This is a tutorial on how to make BumpSplatGamingCo.’s pixel art method. This way is a lot easier for the maker, although the load time is slower. Here’s how it works!

To make any size of a pixel art, it only requires one object. Create a blank text. Under that text, put in this code:

When Game Starts,
Set “Pixel Size” to “(however big you want your pixels to be)”
Repeat times “Pixel Size”,
Create a Clone if this Object
End
End

When “Object is Cloned”
Set position to X “Original object X position” Y “Original object Y position - self clone index”
Red Pixel
Black Pixel
Set Position to X “Original object X position - Pixel Size X 1,2,3…” Y “Original object Y position - Pixel Size X 1,2,3…”
Teal Pixel
Etc…
End

How to make a pixel:
Create a new rule. Inside the rule, out this code:

Draw a trail color “(pixel color)”
Set position to X “self X position + Pixel Size” Y “Self Y position”
End

So, that was probably really unclear, but that’s how you do it! :grinning:

Here are links to some projects with this method implemented:

https://c.gethopscotch.com/p/10hzfal4k3

https://c.gethopscotch.com/p/10i3okq7ck

https://c.gethopscotch.com/p/10hyu1h4dn

BumpSplatGamingCo.’s method with improvements by FearlessPheonix

This method has a lot faster load time, but is a lot more arduous and harder for the maker than the original method. Each line of pixels requires a new object.

Here’s how:

Create a new blank text. Under that text, put this code:

If it’s the first line of pixels:

When Game starts,
Set “Pixel Size” to “(however big you want your pixels to be)”
Repeat times “Pixel Size”
Create a clone of this object
End
End

If it’s not the first line of pixels:

When Game Starts
Set position to X “”(previous line)” X position” Y “”(Previous Line)” Y position”
Repeat times “Pixel Size”
Create a clone of this object
End
End

Under all objects:

When object is cloned
Set position to X “”Original Object” X position” Y “”Original Object” Y position - self clone index”
Red pixel
Blue pixel
Green pixel
Etc…

How to make a pixel:

Title a new custom block the color you want the pixel to be. Inside that custom block, put this code:

Draw a trail color “(whatever color you want the pixel to be)”
Set position to X “”Self” X position + Pixel Size” Y “”Self” Y position”
End

Projects that use this type of pixel art:

https://c.gethopscotch.com/p/107mjxwr8n

https://c.gethopscotch.com/p/10ggov921f

https://c.gethopscotch.com/p/10e55r9zvs

How to make a pixel counter

A pixel counter will tell you the amount of pixels in a pixel art. Here’s how to make one:

Inside every pixel, put a:
Increase “Pixel Count” by “1”

Create a new blank text. Drag it to the bottom left corner. Add this code inside it:

When Game Starts
Set Size to “50”
Create a clone of this object
End

When Game is playing
Check once if “Self clone index = 1”
Set text to “Round Pixel count :heavy_division_sign: Pixel Size” color “(doesn’t really matter)”
End
End

When Object is cloned
Set text to “Pixel Count:” color “(same as the original object)”
Set Size to “50”
Set position to X “”Original object” X position” Y “”Original Object” Y position”
End

Okay. So, those are the things I know. If you know more things about pixel arts, tag me with them in this topic, and I will add them. Thanks!

Tags:
@omtl @StylishEmojis

@Mindcool24

@tankt2016

@koletsgo

@Rodrik834

@ThatEnglishMuffin

@FearlessPheonix

@GweTV

@TheDeliciousOrange

@BabyButterfly

@Awesomegirl25

@SilverStar

@Eddie

@Azura

@GameCodingCrazy123

@Epic-pizza

@TheOnionSWE

@Bugsby345

22 Likes

First post, saving for later.

2 Likes

Second post, not saving

2 Likes

Cool tutorial! Maybe post some examples?

2 Likes

This is ultimately the ultimate ultimate guide on ultimate pixel arts

2 Likes

Nice tutorial. Maybe include some pictures to make it easier to understand?

2 Likes

Revive, everyone should give a look to this, might help ya (just saying don’t shout at me)

3 Likes

SUPER BUMP!

This is a useful topic

4 Likes

Extremely useful. I second that bump.

4 Likes

I have to third it

2 Likes

I have to forth it

2 Likes

@Heracc This may help you learn pixel art.

1 Like

lol I almost poked heracc here instead – the topic name is super similar to mine haha

Just a couple notes bout my improved method tho, idk why I didn't see this topic before

You don’t use the original object or previous line for positioning at all.
In the start block, you pick the initial start pos and then subtract “self clone index - 1” from the y pos.
Then in each line, you move down by that Line number - 1.

The start is also dependent on the pixel size because it’ll usually always be perfectly centered. Either wha, it’ll be dependent on how big the pixel art is so it’ll always be where you what it in relation to everything else

And then for the pixel punter, you just do “1/pixize” in every pixel block cuz it’s a lot faster and more efficient than the other way

Great guide tho!

4 Likes

Thanks! I’ll add that when I add to the original post.

1 Like

Np :slight_smile:

1 Like

Bumpedy bumpedy bump bump

BuMp
Last one
@0Author-Detective0

1 Like