@@ -1360,7 +1360,7 @@ p5.prototype.noStroke = function() {
* @param {Number} v1 red value if color mode is RGB or hue value if color mode is HSB.
* @param {Number} v2 green value if color mode is RGB or saturation value if color mode is HSB.
* @param {Number} v3 blue value if color mode is RGB or brightness value if color mode is HSB.
- * @param {Number} [alpha]
+ * @param {Number} [alpha] alpha value, controls transparency (0 - transparent, 255 - opaque).
* @chainable
*
* @example
diff --git a/src/core/reference.js b/src/core/reference.js
index 52ff833fd8..3ee337f7f8 100644
--- a/src/core/reference.js
+++ b/src/core/reference.js
@@ -1428,7 +1428,7 @@
* // Assign the frog variable a new Frog object.
* fifi = new Frog(50, 50, 20);
*
- * describe('A frog face drawn on a gray background.');
+ * describe('A frog face drawn on a blue background.');
* }
*
* function draw() {
@@ -1467,7 +1467,7 @@
* frog1 = new Frog(25, 50, 10);
* frog2 = new Frog(75, 50, 20);
*
- * describe('Two frog faces drawn next to each other on a gray background.');
+ * describe('Two frog faces drawn next to each other on a blue background.');
* }
*
* function draw() {
@@ -1510,7 +1510,7 @@
* // Slow the frame rate.
* frameRate(1);
*
- * describe('Two frog faces on a gray background. The frogs hop around randomly.');
+ * describe('Two frog faces on a blue background. The frogs hop around randomly.');
* }
*
* function draw() {
@@ -1566,46 +1566,6 @@
*
*
*
- * // Declare two frog variables.
- * let frog1;
- * let frog2;
- *
- * function setup() {
- * createCanvas(100, 100);
- *
- * // Assign the frog variables a new Frog object.
- * frog1 = new Frog(25, 50, 10);
- * frog2 = new Frog(75, 50, 20);
- *
- * describe('Two frog faces drawn next to each other on a gray background.');
- * }
- *
- * function draw() {
- * background('cornflowerblue');
- *
- * // Show the frogs.
- * frog1.show();
- * frog2.show();
- * }
- *
- * class Frog {
- * constructor(x, y, size) {
- * this.x = x;
- * this.y = y;
- * this.size = size;
- * }
- *
- * show() {
- * textAlign(CENTER, CENTER);
- * textSize(this.size);
- * text('🐸', this.x, this.y);
- * }
- * }
- *
- *
- *
- *
- *
* // Create an array that will hold frogs.
* let frogs = [];
*
@@ -1630,7 +1590,7 @@
* frameRate(1);
*
* describe(
- * 'Five frog faces on a gray background. The frogs hop around randomly.'
+ * 'Five frog faces on a blue background. The frogs hop around randomly.'
* );
* }
*
diff --git a/src/events/keyboard.js b/src/events/keyboard.js
index 9e336022a9..f6e3b04703 100644
--- a/src/events/keyboard.js
+++ b/src/events/keyboard.js
@@ -441,15 +441,25 @@ p5.prototype.keyCode = 0;
*
*/
p5.prototype._onkeydown = function(e) {
- if (this._downKeys[e.which]) {
- // prevent multiple firings
+ if (e.repeat) {
+ // Ignore repeated key events when holding down a key
return;
}
+
this._setProperty('isKeyPressed', true);
this._setProperty('keyIsPressed', true);
this._setProperty('keyCode', e.which);
this._downKeys[e.which] = true;
this._setProperty('key', e.key || String.fromCharCode(e.which) || e.which);
+
+ // Track keys pressed with meta key
+ if (e.metaKey) {
+ if (!this._metaKeys) {
+ this._metaKeys = [];
+ }
+ this._metaKeys.push(e.which);
+ }
+
const context = this._isGlobal ? window : this;
if (typeof context.keyPressed === 'function' && !e.charCode) {
const executeDefault = context.keyPressed(e);
@@ -458,6 +468,7 @@ p5.prototype._onkeydown = function(e) {
}
}
};
+
/**
* A function that's called once when any key is released.
*
@@ -615,18 +626,21 @@ p5.prototype._onkeydown = function(e) {
*
