2022-09-29 15:11:33 +01:00
|
|
|
let canvas;
|
2022-09-29 19:40:57 +01:00
|
|
|
let textbox, timer;
|
2022-09-29 16:22:48 +01:00
|
|
|
|
2022-09-29 15:11:33 +01:00
|
|
|
function setup() {
|
|
|
|
// Creating the canvas
|
|
|
|
canvas = new Canvas();
|
|
|
|
canvas.resize();
|
|
|
|
canvas.center();
|
2022-09-29 16:22:48 +01:00
|
|
|
|
2022-09-29 19:40:57 +01:00
|
|
|
frameRate(60);
|
|
|
|
|
2022-09-29 19:11:20 +01:00
|
|
|
textbox = new Textbox(400, 200, 700);
|
2022-09-29 19:40:57 +01:00
|
|
|
timer = new Timer(100, 100, 0, 0, 0, 0, 0, 0, 0, 0, 15, false);
|
|
|
|
timer.start();
|
2022-09-29 15:11:33 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
function draw() {
|
|
|
|
background(255,100,100);
|
2022-09-29 19:11:20 +01:00
|
|
|
textbox.draw();
|
2022-09-29 19:40:57 +01:00
|
|
|
timer.tick();
|
|
|
|
timer.draw();
|
2022-09-29 19:11:20 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// whenever a key is pressed this function is called
|
|
|
|
function keyPressed() {
|
|
|
|
textbox.letterTyped(key);
|
2022-09-29 12:12:55 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2022-09-29 15:11:33 +01:00
|
|
|
function windowResized() {
|
|
|
|
canvas.resize();
|
|
|
|
canvas.center();
|
2022-09-29 12:12:55 +01:00
|
|
|
}
|