Invoking a function within a loop

Question

Invoking a function within a loop

In order to complete this assignment with a pop art theme, I have chosen to incorporate pokeballs into the design. The task at hand involves using two for loops, one for the top row and one for the bottom row, while also creating a function. The main challenge I am facing is figuring out how to randomly generate 2 additional pokeballs in the top row (for a total of 6 pokeballs: 3 on top and 3 on the bottom) using a function call.

var RANDCOL = random(0, 400);
var XBALL = 65;
var YBALL = 108;

//dividing tiles
fill(250, 0, 0);
rect(0, 0, 130, 200);
fill(0, 187, 255);
rect(131, 0, 137, 200);
fill(0, 0, 0);
rect(269, 0, 130, 200);
fill(167, 158, 235);
rect(0, 200, 131, 199);
fill(46, 184, 101);
rect(131, 200, 137, 199);
fill(255, 0, 0);
rect(269, 200, 130, 199);

//pokeball specifications
var pokeBall = function(x) {
    stroke(158, 214, 235);
    ellipse(XBALL, YBALL, 99, 97);
    fill(0, 0, 0);
    stroke(0, 0, 0);
    line(15, 109, 56, 109);
    line(116, 109, 72, 109);
    ellipse(64, 108, 19, 16);
};

//loop for top row
for(var i = 0; i < 3; i++) {
    var x = i * 134;
    fill(RANDCOL);
    pokeBall();
}

javascript processing

Answer 1

Answer №1

Initially, the given code will not execute as Processing functions are being used before the setup() function is invoked. It is recommended to provide a concise MCVE that can be easily copied and ran.

To achieve your objective, the pokeBall() function should accept arguments specifying the ball's position, and the ball should be drawn based on those coordinates. You are on the right track by utilizing the XBALL and YBALL variables, but they should be transformed into arguments and passed from the for loops as described.

For example, consider the following function:

function drawBall(){
   ellipse(100, 150, 20, 20);
}

This function consistently draws a circle at coordinates 100,150. To utilize arguments instead:

function drawBall(ballX, ballY){
   ellipse(ballX, ballY, 20, 20);
}

Subsequently, the function can be invoked with arguments to draw circles at different locations:

drawBall(100, 200);
drawBall(200, 300);
drawBall(60, 20);

Answer 2

Initially, the given code will not execute as Processing functions are being used before the setup() function is invoked. It is recommended to provide a concise MCVE that can be easily copied and ran.

To achieve your objective, the pokeBall() function should accept arguments specifying the ball's position, and the ball should be drawn based on those coordinates. You are on the right track by utilizing the XBALL and YBALL variables, but they should be transformed into arguments and passed from the for loops as described.

For example, consider the following function:

function drawBall(){
   ellipse(100, 150, 20, 20);
}

This function consistently draws a circle at coordinates 100,150. To utilize arguments instead:

function drawBall(ballX, ballY){
   ellipse(ballX, ballY, 20, 20);
}

Subsequently, the function can be invoked with arguments to draw circles at different locations:

drawBall(100, 200);
drawBall(200, 300);
drawBall(60, 20);

Invoking a function within a loop

Answer №1

Similar questions

Executing React Fetch API Twice upon loading the page

Is there a way to change the border property of an element when clicked, without causing the displacement of other elements?

What is the most effective approach for managing exceptions at a global level in Node.js using Express 4?

Error: Controller not found when angular.module is called from different files

How to remove a variable definition in Typescript

Maximizing the potential of AFRAME animations: Tips for recycling your animations

Any ideas on how to resolve this ajaxToolkit issue?

Align the image so that it is perfectly positioned along the lower edge of the window

Enhance user experience by implementing an autocomplete feature for a text input field

Having trouble making class changes with ng-class

Changing an AngularJS Protractor promise from a string to a decimal number - how to do it?

ASP updatepanel textbox focusing - Working only with breakpoints, not without them

What causes the return of undefined when accessing an item from an object?

What is the best way to modify the height of a div before fetching an image using Ajax, and then revert it back to its original height once the image has been

Converting objects into JSON format

Guide on combining vendor CSS files in a React application using Webpack

AngularJS Accordion Component: A Handy Tool for Organ

Load Angular scripts only when needed

Guide to flattening a nested array within a parent array using lodash

Execute AngularJS $q.all, regardless of any errors that may occur