project development #2

project one:

Development has been going well, and I have been able to introduce some optional aspects that I was afraid wouldn’t be able to be included. I have fixed the overhang which was the most important addition to the code and added some clouds, grass and some colour to the tower etc. The colour on the towers is dark brown at the bottom and becomes lighter with each block, this is supposed to be reminiscent of my poster design. I’m happy with how it is coming along, but I still worry about my time constraints and I don’t think it will be completely satisfactory. I have to fix some bugs, like how the font that I chose does not show up every time. Next most importantly I have to make it so that the ‘camera’ goes up as the player proceeds so that the game can go on indefinitely. Currently, the max score reaches the top of the canvas and it then becomes unplayable. Below is some of the code from my clouds and the tower colour.

function drawClouds() {
const cloudCount = 3;
const cloudSpeed = 0.7;
const cloudSpacing = (width + 200) / cloudCount;
// cloud loop
for (let i = 0; i < cloudCount; i++) {
const cloudX = (frameCount * cloudSpeed + i * cloudSpacing) % (width + 200) - 200;
const cloudY = noise(i) * (height / 4) +20 ;
// draw cloud
fill(255);
noStroke();
ellipse(cloudX, cloudY, 100, 50);
ellipse(cloudX + 25, cloudY - 15, 70, 75);
ellipse(cloudX + 50, cloudY, 100, 50);
}
}

function drawBlocks() {
  const baseColor = color(139, 69, 19); // og dark brown 
  const colorStep = 10; // makes colours lighter
  
  fill(baseColor);
  rect(currentBlock.x, currentBlock.y, currentBlock.z, block_height);

  for (let i = 0; i < placedBlocks.length; i++) {
    const block = placedBlocks[i];
    const blockColor = baseColor.levels.map((value, index) => value + (i + 1) * colorStep);
    fill(blockColor);
    rect(block.x, block.y, block.z, block_height);
  }

project two:

Development has gone very smoothly on project two and I’m very happy with how it is turning out. I did some sketches in Photoshop and tried to do the finish lining, but I decided I didn’t like how messy it was turning out. In real enlistment posters the shapes are usually very smooth and distinct, so I decided to use Illustrator to create the tower out of shapes instead. It took some time and it was a bit fiddly but I finally managed to do it. Next I just need to add some depth and add it to the final poster and maybe add some post-effects.