New Rewrite!

Advanced Topics Mods & Extensions
83

Just shrink it and rotate it

84

Look at try this function setup() {
createCanvas(400, 400);
}

function draw() {
background(220);

// Set ellipse mode to center
ellipseMode(CENTER);

// Draw oval with rounded top and bottom, flat on left and right
drawRoundedOval(width / 2, height / 2, 100, 200);
}

function drawRoundedOval(x, y, w, h) {
// Draw the rounded top part
arc(x, y - h / 2, w, h, PI, TWO_PI);

// Draw the flat middle part
rect(x - w / 2, y - h / 2, w, h);

// Draw the rounded bottom part
arc(x, y + h / 2, w, h, 0, PI);
} and Just shrink it and rotate it

85

Or just use HTML, css, and js

86

You might also like function setup() {
createCanvas(400, 400);
}

function draw() {
background(220);

// Set ellipse mode to center
ellipseMode(CENTER);

// Draw oval with rounded top and bottom, flat on left and right
drawRoundedOval(width / 2, height / 2, 100, 200);
}

function drawRoundedOval(x, y, w, h) {
// Draw the rounded top part
arc(x, y - h / 2, w, h, PI, TWO_PI);

// Draw the flat middle part
rect(x - w / 2, y - h / 2, w, h);

// Draw the rounded bottom part
arc(x, y + h / 2, w, h, 0, PI);
}

87

What do ya have? So far???

88

image
image271×551 6.66 KB

working on the pallete

89

Wow can I have the project url? Just to expand upon it and explore it???

90

https://click.bubgamer07.repl.co/

91

Have you improved anything?

92

Have you improved anything???

93

dropdowns
image

94

Wow it’s kinda hard for me to edit it

95 
<script>
    function drag(ev) {
        // Set the data to be transferred during the drag
        ev.dataTransfer.setData("text", ev.target.id);
    }
</script>
96

Nvm

97

Can you add dragging?

98

yeah

99

And convert it from mostly HTML to js ctx

100

Also for some reason it isn’t updating

101

Wait share me the editor url for your project

102

Also Wait share me the editor url for your project