dennis/codewanderer
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Contrib Shape

Browse source
This commit is contained in:
Dennis Schoepf 2021-07-31 02:50:41 +02:00
parent 5803d512da
commit 85214fad3f
2 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/scenes/DetailScene.ts
View file

@ -18,7 +18,7 @@ export class DetailScene {
store.subscribe((state) => { store.subscribe((state) => {
this.contributors = state.currContributors.map( this.contributors = state.currContributors.map(
(contributor) => new Contributor(100, 200, 100) (contributor) => new Contributor(100, 200, 50)
); );
this.legacy = state.currLegacy.map((legacy) => new Legacy(200, 300, 100)); this.legacy = state.currLegacy.map((legacy) => new Legacy(200, 300, 100));
this.packages = state.currPackages.map( this.packages = state.currPackages.map(

9
src/sketchObjects/Contributor.ts
View file

@ -61,10 +61,17 @@ export class Contributor {
mp5.noStroke(); mp5.noStroke();
mp5.rectMode('center'); mp5.rectMode('center');
mp5.ellipseMode('center'); mp5.ellipseMode('center');
mp5.angleMode('degrees');
if (this.contribState === ContribStates.HIDDEN) { if (this.contribState === ContribStates.HIDDEN) {
} else if (this.contribState === ContribStates.REVEALED) { } else if (this.contribState === ContribStates.REVEALED) {
mp5.arc(this.x, this.y, this.size, 80, 0, mp5.PI + mp5.QUARTER_PI, mp5.CHORD); mp5.arc(this.x, this.y, this.size, this.size, 10, 170, mp5.CHORD);
mp5.fill(mp5.color(colors.redDark));
mp5.arc(this.x, this.y, this.size, this.size, 170, 370, mp5.CHORD);
mp5.fill(mp5.color(colors.greyDark));
mp5.ellipse(this.x - this.size / 5, this.y + this.size / 4, this.size / 5);
mp5.ellipse(this.x + this.size / 5, this.y + this.size / 4, this.size / 5);
mp5.arc(this.x, this.y + this.size / 3, this.size / 3, this.size / 5, 0, 180, mp5.CHORD);
} else if (this.contribState === ContribStates.ACTIVE) { } else if (this.contribState === ContribStates.ACTIVE) {
// Check if mouse is over the squares, if so animate and enable click // Check if mouse is over the squares, if so animate and enable click
const mouseOverShape = areasColliding( const mouseOverShape = areasColliding(