Pages

Monday, May 29, 2017

CoFFeeLands Ep1 - Creating a Random World Generator Using Algo Code Part 1

Hello and welcome to the first episode of the new series CoFFeeLands.

Today, I am going to program a random world generator using Algo Code. If you want to do this, you have to download Algo Code (unless you already have it).

Okay. Now we are going to design the blocks.

Here are the blocks that I am going to use.

1. Grass Patch /Ground
2. Long Grass
3. Tree
4. Flower Patch
5. Rock
6. Water
7. Sand

First, I am going to design the objects. The objects are going to be pixelated into 16 X 16 form.

Here are the designs that I  came up with:

1. Grass Patch /Ground                                                            
2. Long Grass









3. Tree








4. Flower Patch








5. Rock








6. Water









7. Sand









I'm going to start with programming Grass Patch.
________________________________________________________________________________
drawGrassPatch=function(x,y,w,h) {
cngCol('lime');
rect(x,y,w,h);
}
_________________________________________________________________________________

Done.

Next, I'm going for Long Grass.
________________________________________________________________________________
drawLongGrass=function(x,y,w,h) {
var blockw=w*5/8;

cngCol('lime');
rect(x,y,w,h);
cngCol('green');
//grass1
rect(x+2*blockw,y+5*blockw,9*blockw,blockw);
rect(x+4*blockw,y+2*blockw,blockw,4*blockw);
rect(x+6*blockw,y+2*blockw,blockw,4*blockw);
rect(x+8*blockw,y+2*blockw,blockw,4*blockw);
rect(x+10*blockw,y+2*blockw,blockw,4*blockw);
//grass2
rect(x+4*blockw,y+10*blockw,9*blockw,blockw);
rect(x+6*blockw,y+7*blockw,blockw,4*blockw);
rect(x+8*blockw,y+7*blockw,blockw,4*blockw);
rect(x+10*blockw,y+7*blockw,blockw,4*blockw);
rect(x+12*blockw,y+7*blockw,blockw,4*blockw);
//grass3
rect(x+2*blockw,y+14*blockw,8*blockw,blockw);
rect(x+4*blockw,y+11*blockw,blockw,4*blockw);
rect(x+6*blockw,y+11*blockw,blockw,4*blockw);
rect(x+8*blockw,y+11*blockw,blockw,4*blockw);
rect(x+10*blockw,y+11*blockw,blockw,4*blockw);
}
_________________________________________________________________________________

Tree:
_________________________________________________________________________________
drawTree=function(x,y,w,h) {
var blockw=w*5/8;

cngCol('lime');
rect(x,y,w,h);

cngCol('green');
rect(x+7*blockw,y+blockw,blockw,blockw);
rect(x+6*blockw,y+2*blockw,3*blockw,blockw);
rect(x+5*blockw,y+3*blockw,5*blockw,2*blockw);
rect(x+4*blockw,y+5*blockw,7*blockw,2*blockw);
rect(x+3*blockw,y+7*blockw,9*blockw,2*blockw);
rect(x+2*blockw,y+9*blockw,11*blockw,1*blockw);

cngCol('tan');
rect(x+6*blockw,y+10*blockw,3*blockw,5*blockw);
}
_________________________________________________________________________________

Flower patch is:
_________________________________________________________________________________
drawFlowerPatch=function(x,y,w,h) {
var blockw=w*5/8;

cngCol('lime');
rect(x,y,w,h);

//red flowers
cngCol('red');
//flower1
rect(x+3*blockw,y+2*blockw,3*blockw,blockw);
rect(x+4*blockw,y+blockw,blockw,3*blockw);
//flower2
rect(x+6*blockw,y+10*blockw,3*blockw,blockw);
rect(x+7*blockw,y+9*blockw,blockw,3*blockw);
//flower3
rect(x+11*blockw,y+7*blockw,3*blockw,blockw);
rect(x+12*blockw,y+6*blockw,blockw,3*blockw);

//blue flowers
cngCol('blue');
//flower4
rect(x+3*blockw,y+7*blockw,3*blockw,blockw);
rect(x+4*blockw,y+6*blockw,blockw,3*blockw);
//flower5
rect(x+blockw,y+11*blockw,3*blockw,blockw);
rect(x+2*blockw,y+10*blockw,blockw,3*blockw);

//purple flowers
cngCol('purple');
//flower6
rect(x+13*blockw,y+7*blockw,3*blockw,blockw);
rect(x+12*blockw,y+6*blockw,blockw,3*blockw);

//orange flowers
cngCol('orange');
//flower7
rect(x+8*blockw,y+3*blockw,3*blockw,blockw);
rect(x+9*blockw,y+2*blockw,blockw,3*blockw);

//flower middles
cngCol('yellow');
//flower1
rect(x+4*blockw,y+2*blockw,blockw,blockw);
//flower2
rect(x+7*blockw,y+10*blockw,blockw,blockw);
//flower3
rect(x+12*blockw,y+7*blockw,blockw,blockw);
//flower4
rect(x+4*blockw,y+7*blockw,blockw,blockw);
//flower5
rect(x+2*blockw,y+11*blockw,blockw,blockw);
}
//flower6
rect(x+14*blockw,y+7*blockw,blockw,blockw);
//flower7
rect(x+9*blockw,y+3*blockw,blockw,blockw);
}
_________________________________________________________________________________

Go ahead and do the rest yourself.
If you do not like my pictures, you can create your own.

Thanks.

29-05-2017


No comments:

Post a Comment