/* Repo: https://github.com/bmoren/p5.collide2D/ Created by http://benmoren.com Some functions and code modified version from http://www.jeffreythompson.org/collision-detection Version 0.6 | Nov 28th, 2018 CC BY-NC-SA 4.0 */ console.log("### p5.collide ###"),p5.prototype._collideDebug=!1,p5.prototype.collideDebug=function(i){_collideDebug=i},p5.prototype.collideRectRect=function(i,t,e,o,r,l,n,c){return i+e>=r&&i<=r+n&&t+o>=l&&t<=l+c},p5.prototype.collideRectCircle=function(i,t,e,o,r,l,n){var c=r,p=l;return ri+e&&(c=i+e),lt+o&&(p=t+o),this.dist(r,l,c,p)<=n/2},p5.prototype.collideCircleCircle=function(i,t,e,o,r,l){return this.dist(i,t,o,r)<=e/2+l/2},p5.prototype.collidePointCircle=function(i,t,e,o,r){return this.dist(i,t,e,o)<=r/2},p5.prototype.collidePointEllipse=function(i,t,e,o,r,l){var n=r/2,c=l/2;if(i>e+n||io+c||t=-d},p5.prototype.collidePointRect=function(i,t,e,o,r,l){return i>=e&&i<=e+r&&t>=o&&t<=o+l},p5.prototype.collidePointLine=function(i,t,e,o,r,l,n){var c=this.dist(i,t,e,o),p=this.dist(i,t,r,l),s=this.dist(e,o,r,l);return void 0===n&&(n=.1),c+p>=s-n&&c+p<=s+n},p5.prototype.collideLineCircle=function(i,t,e,o,r,l,n){var c=this.collidePointCircle(i,t,r,l,n),p=this.collidePointCircle(e,o,r,l,n);if(c||p)return!0;var s=i-e,d=t-o,u=this.sqrt(s*s+d*d),h=((r-i)*(e-i)+(l-t)*(o-t))/this.pow(u,2),y=i+h*(e-i),f=t+h*(o-t);return!!this.collidePointLine(y,f,i,t,e,o)&&(this._collideDebug&&this.ellipse(y,f,10,10),s=y-r,d=f-l,this.sqrt(s*s+d*d)<=n/2)},p5.prototype.collideLineLine=function(i,t,e,o,r,l,n,c,p){var s=((n-r)*(t-l)-(c-l)*(i-r))/((c-l)*(e-i)-(n-r)*(o-t)),d=((e-i)*(t-l)-(o-t)*(i-r))/((c-l)*(e-i)-(n-r)*(o-t));if(s>=0&&s<=1&&d>=0&&d<=1){if(this._collideDebug||p)var u=i+s*(e-i),h=t+s*(o-t);return this._collideDebug&&this.ellipse(u,h,10,10),!p||{x:u,y:h}}return!!p&&{x:!1,y:!1}},p5.prototype.collideLineRect=function(i,t,e,o,r,l,n,c,p){var s,d,u,h,y;return p?(s=this.collideLineLine(i,t,e,o,r,l,r,l+c,!0),d=this.collideLineLine(i,t,e,o,r+n,l,r+n,l+c,!0),u=this.collideLineLine(i,t,e,o,r,l,r+n,l,!0),h=this.collideLineLine(i,t,e,o,r,l+c,r+n,l+c,!0),y={left:s,right:d,top:u,bottom:h}):(s=this.collideLineLine(i,t,e,o,r,l,r,l+c),d=this.collideLineLine(i,t,e,o,r+n,l,r+n,l+c),u=this.collideLineLine(i,t,e,o,r,l,r+n,l),h=this.collideLineLine(i,t,e,o,r,l+c,r+n,l+c)),!!(s||d||u||h)&&(!p||y)},p5.prototype.collidePointPoly=function(i,t,e){for(var o=!1,r=0,l=0;lt&&c.yt)&&i<(c.x-n.x)*(t-n.y)/(c.y-n.y)+n.x&&(o=!o)}return o},p5.prototype.collideCirclePoly=function(i,t,e,o,r){void 0==r&&(r=!1);for(var l=0,n=0;n0&&y<=n/2&&y>=-n/2)return!0}return!1}; let shapes = []; const MAXshapes = 50; function setup() { createCanvas(windowWidth, windowHeight); textAlign(LEFT, TOP); for (let i = 0; i < MAXshapes; i++) { shapes.push(new Shape(i)); } } function draw() { background(255); for (let i = 0; i < shapes.length; i++) { shapes[i].display(); if (shapes[i].isSmaller()) { shapes[i].relocate(); } } } function mousePressed() { shapes = []; for (var i = 0; i < MAXshapes; i++) { shapes.push(new Shape(i)); } } function Shape(id) { this.pos = createVector(random(width), random(height)); this.size = width > height ? random(width / 20, width / 3) : random(height / 20, height / 3); this.id = id; this.emojiCode = random(10) > 7.75 ? floor(random(128512, 128592)) : floor(random(127744, 128318)); this.emoji = String.fromCodePoint(this.emojiCode); this.hit = false; this.isSmaller = function () { for (let i = 0; i < shapes.length; i++) { if (i != this.id) { this.hit = collideRectRect(this.pos.x, this.pos.y, this.size, this.size, shapes[i].pos.x, shapes[i].pos.y, shapes[i].size, shapes[i].size); if (this.hit && this.size < shapes[i].size) { return true; } } } return false; } this.relocate = function () { this.pos = createVector(random(width), random(height)); this.size *= random(0.85, 0.9); } this.display = function () { // rect(this.pos.x, this.pos.y,this.size,this.size); textSize(this.size); text(this.emoji, this.pos.x, this.pos.y + this.size * 0.05); } }