Basics 001
import hype.*;
void setup() {
size(640,640);
H.init(this).background(#242424);
// ************************************************************************************ ROW 1
HRect s1 = new HRect(100); // set proportional width and height of 100
s1
.noStroke()
.fill(#ECECEC) // set fill color
.loc(50,50) // set x and y location
;
H.add(s1);
HRect s2 = new HRect(100);
s2
.rounding(10) // round the edges of the rect
.noStroke()
.fill(#ECECEC)
.loc(200,50)
;
H.add(s2);
HRect s3 = new HRect(100);
s3
.rounding(10)
.noStroke()
.fill(#ECECEC)
.anchorAt(H.CENTER) // setting where the objects registration point, important for animation
.rotation(45) // rotating the rect 45 degrees
.loc(400,100)
;
H.add(s3);
HRect s4 = new HRect(100);
s4
.rounding(10)
.noStroke()
.fill(236) // so many different ways to set color / 236, grayscale applied to RGB
.loc(500,50)
;
H.add(s4);
// ************************************************************************************ ROW 2
HRect s5 = new HRect(); // proportional size removed from here
s5
.rounding(10)
.noStroke()
.fill(#ECECEC)
.size(50, 100) // seperate width and height sizes set here
.loc(50,200)
;
H.add(s5);
HRect s6 = new HRect();
s6
.rounding(10)
.strokeWeight(3) // set stroke weight to 3
.stroke(#666666) // set color to #666666
.fill(#ECECEC)
.size(150, 100)
.loc(150,200)
;
H.add(s6);
HRect s7 = new HRect(100);
s7
.rounding(10)
.noStroke()
.fill(#ECECEC)
.loc(350,200)
.visibility(false) // rect is hidden from stage
;
H.add(s7);
HRect s8 = new HRect(100);
s8
.rounding(10)
.noStroke()
.fill(255, 51, 0) // so many different ways to set color / 255 red, 51 green, 0 blue
.loc(500,200)
;
H.add(s8);
// ************************************************************************************ ROW 3
HRect s9 = new HRect(100);
s9
.rounding(10)
.strokeWeight(6)
.stroke(#000000)
.fill(#ECECEC)
.alpha(100) // alpha 100 is applied globally to both fill and stroke
.loc(50,350)
;
H.add(s9);
HRect s10 = new HRect(100);
s10
.rounding(10)
.strokeWeight(6)
.stroke(#000000, 150) // stroke with alpha 200
.fill(#ECECEC, 50) // fill with alpha 50
.loc(200,350)
;
H.add(s10);
HRect s11 = new HRect(100);
s11
.rounding(10)
.strokeWeight(6)
.stroke(#000000, 100)
.fill(#ECECEC) // no fill color alpha
.loc(350,350)
;
H.add(s11);
HRect s12 = new HRect(100);
s12
.rounding(10)
.noStroke()
.fill(#FF6600) // so many different ways to set color / #FF6600 hex value or #FF6600, 50 hex value and alpha
.loc(500,350)
;
H.add(s12);
// ************************************************************************************ ROW 4
HRect s13 = new HRect(100);
s13
.rounding(10)
.strokeWeight(6)
.stroke(#ECECEC)
.noFill()
.loc(50,500)
;
H.add(s13);
HEllipse s14 = new HEllipse(50);
s14
.noStroke()
.fill(#ECECEC)
.loc(200,500)
;
H.add(s14);
HEllipse s15 = new HEllipse(50);
s15
.stroke(#ECECEC)
.noFill()
.loc(350,500)
;
H.add(s15);
HRect s16 = new HRect(100);
s16
.rounding(10)
.noStroke()
.fill(0xFFFF9900) // so many different ways to set color / 0xFFFF9900 hex value 0xAARRGGBB or 0xFFFF9900, 100 (crazy but true)
.loc(500,500)
;
H.add(s16);
H.drawStage();
noLoop();
}
void draw() {
}
Â