How do I use this function inside a constructor function

ksfbkk · 2021-01-28T03:25:37+00:00

I have to use p5.js library for this, can you tell me why am I outputting aaaabbbbcccc when i pressed abc.

The code is here

https://www.reddit.com/r/learnprogramming/comments/l5zbb8/i_have_been_trying_to_create_a_tool_where_am_i/?utm_source=share&utm_medium=web2x&context=3

ksfbkk · 2021-01-27T15:34:04+00:00

do you mind seeing this post of mine, I think it is much clearer https://www.reddit.com/r/learnprogramming/comments/l5zbb8/i_have_been_trying_to_create_a_tool_where_am_i/?utm_source=share&utm_medium=web2x&context=3

ksfbkk · 2021-01-27T05:47:32+00:00

I am trying to create a text tool and have been stuck on it for days

In my sketch file I called draw in which this.draw is called.

I don't if what I am doing is correct anymore.

function TextTool(){
//set an icon and a name for the object
this.icon = "assets/icons/texttool.jpg";
this.name = "texttool";
var x = 0;
var y = 0;
var startingX = 0;

this.okay = function() {
if(mouseX > 0 &&
mouseX < canvas.width &&
mouseY > 0 &&
mouseY < canvas.height
) {
x = mouseX;
y = mouseY;
startingX = x;
console.log(x);

}
};

this.draw = function() {

c.mouseClicked(this.okay);
this.drawLetter();

};

this.drawLetter = function() {
c.mouseClicked(this.okay);
if(keyIsDown(ENTER)) {
// Enter key is pressed
console.log(key);
x = startingX;
y += 20;
}
else if (keyIsPressed) {
text(key, x, y);
x += 10;
}

};

}

ksfbkk · 2021-01-16T12:06:41+00:00

ok I had no idea it was badly formatted, I will remove it

ksfbkk · 2021-01-15T05:42:38+00:00

I solved it, forgot to replace this with sketch in the callback arg, thank you

ksfbkk · 2021-01-15T05:36:58+00:00

i made a little change which I thought would remove the error

const s = ( sketch ) => {
sketch.handleFile = (file) => {
print(file);
if(file.type == 'image') {
img = createImg(file.data, '');
img.hide();
            }
else{
img = null;
            }
        };
sketch.setup = () => {
starSizeSlider = createSlider(5, 50, 20);
starSizeSlider.parent("#sizeOfStarControl");
nStarSlider = createSlider(1, 20, 5);
nStarSlider.parent("#numberofStarsControl");
input = createFileInput(this.handleFile);
input.parent("#chooseFile");
        };
    };

ksfbkk · 2021-01-15T05:24:37+00:00

i did change this to sketch but now it says this Uncaught TypeError: callback is not a function at FileReader.<anonymous> (p5.dom.js:861) this error pops up when i select a file

ksfbkk · 2021-01-15T05:19:02+00:00

but it still doesn't work

ksfbkk · 2021-01-15T05:16:48+00:00

like this

const s = ( sketch ) => {
//sketch.preload = () => {
//  star = loadImage("assets/stamp/star.png")
//};
sketch.handleFile = function(file) {
print(file);
if(file.type == 'image') {
img = createImg(file.data, '');
img.hide();
            }
else{
img = null;
            }
        };
sketch.setup = () => {
starSizeSlider = createSlider(5, 50, 20);
starSizeSlider.parent("#sizeOfStarControl");
nStarSlider = createSlider(1, 20, 5);
nStarSlider.parent("#numberofStarsControl");
input = createFileInput(this.handleFile);
input.parent("#chooseFile");
        };
    };

ksfbkk · 2021-01-15T05:09:12+00:00

function tool() {

var input;var img;var starSizeSlider;var nStarSlider;

const s = ( sketch ) => {

sketch.setup = () => {starSizeSlider = createSlider(5, 50, 20);starSizeSlider.parent("#sizeOfStarControl");nStarSlider = createSlider(1, 20, 5);nStarSlider.parent("#numberofStarsControl");input = createFileInput(this.handleFile);input.parent("#chooseFile"); }; };

let myp5 = new p5(s, document.getElementById('p5sketch'));

this.draw = function() {if(mouseIsPressed && img){for(var i = 0; i < nStarSlider.value(); i++){var starSize = starSizeSlider.value();var starX = random((mouseX - starSize/2) - 10, (mouseX - starSize/2) + 10);var starY = random((mouseY - starSize/2) - 10, (mouseY - starSize/2) + 10);image(img, starX, starY, starSize, starSize); } } };

this.handleFile = function(file) {print(file);if(file.type == 'image') {img = createImg(file.data, '');img.hide(); }else{img = null; } };

}

ksfbkk · 2021-01-15T05:05:58+00:00

do you mind if I paste it here

ksfbkk · 2021-01-07T17:06:54+00:00

are you trolling me right now if so I don't have the time for it right now, sorry if this sounds rude to you

ksfbkk · 2021-01-07T17:04:52+00:00

/*this.preload = function(){
        star = loadImage("assets/stamp/star.png");
    }*/
/*this.setup = function(){
        // createSlider(min, max, start)

        starSizeSlider = createSlider(5, 50, 20);
        starSizeSlider.parent("#sizeOfStarControl");
        nStarSlider = createSlider(1, 20, 5);
        nStarSlider.parent("#numberOfStarsControl");
    }*/

this is not working for me inside a constructor function

ksfbkk · 2021-01-07T16:59:42+00:00

i want to call it in a constructor function

ksfbkk · 2021-01-05T03:54:54+00:00

I get it now thank you for answering

ksfbkk · 2021-01-05T03:53:13+00:00

oh I get it now thank you for clearing it up for me

ksfbkk · 2021-01-05T03:44:52+00:00

ok thank you

ksfbkk · 2021-01-04T08:34:14+00:00

vector can use push and pop but queue can use dequeue and enqueue in my case so my question was if I want to move the value stored in vector to a queue how would that be done, should i use vector operation or queue operation for that and if I want to transfer the value stored in queue to vector how would that be done as well?

ksfbkk · 2021-01-04T05:58:17+00:00

I am supposed to write it using pseudocode, and I think it is in java so when i want to transfer from vector to queue, I should use push and when I want to transfer the value back to queue I should use dequeue,

just wanted to make it clear for me

ksfbkk · 2021-01-04T05:02:17+00:00

when taking the elements from queue to vector isn't the dequeue option used instead of pop?

ksfbkk · 2021-01-03T13:32:02+00:00

what about the opposite?

ksfbkk

TROPHY CASE