From 23ee392ea061a380e094134421373d2345c4edef Mon Sep 17 00:00:00 2001 From: Swapnil Sengupta Date: Sat, 3 Apr 2021 00:51:18 +0530 Subject: [PATCH 001/308] Improve documentation for recursion example --- .../examples/en/00_Structure/08_Recursion.js | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/src/data/examples/en/00_Structure/08_Recursion.js b/src/data/examples/en/00_Structure/08_Recursion.js index 2a7a486036..a16e46b054 100644 --- a/src/data/examples/en/00_Structure/08_Recursion.js +++ b/src/data/examples/en/00_Structure/08_Recursion.js @@ -1,8 +1,10 @@ /* *@name Recursion *@description A demonstration of recursion, which means functions call themselves. - * Notice how the drawCircle() function calls itself at the end of its block. - * It continues to do this until the variable "level" is equal to 1. + * A recursive function must have a terminating condition, without which it will + * go into an infinite loop. Notice how the drawCircle() function calls itself + * at the end of its block. It continues to do this until the variable "level" is + * equal to 1. */ function setup() { @@ -16,11 +18,17 @@ function draw() { } function drawCircle(x, radius, level) { + // 'level' is the variable that terminates the recursion once it reaches + // a certain value (here, 1). If a terminating condition is not + // specified, a recursive function keeps calling itself again and again + // until it runs out of stack space - not a favourable outcome! const tt = (126 * level) / 4.0; fill(tt); ellipse(x, height / 2, radius * 2, radius * 2); - if (level > 1) { - level = level - 1; + if (level > 1) { + // 'level' decreases by 1 at every step and thus makes the terminating condition + // attainable + level = level - 1; drawCircle(x - radius / 2, radius / 2, level); drawCircle(x + radius / 2, radius / 2, level); } From c977066815270a933aa75c0057049c0278065769 Mon Sep 17 00:00:00 2001 From: Sanjay Singh Rajpoot Date: Sun, 4 Apr 2021 09:29:14 +0530 Subject: [PATCH 002/308] Added v to p5.js url --- src/templates/pages/download/index.hbs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/templates/pages/download/index.hbs b/src/templates/pages/download/index.hbs index d9ac8e4470..6f63720569 100644 --- a/src/templates/pages/download/index.hbs +++ b/src/templates/pages/download/index.hbs @@ -38,7 +38,7 @@ slug: download/

{{#i18n "complete-library-title"}}{{/i18n}}

{{#i18n "complete-library-intro1"}}{{/i18n}} {{#i18n "complete-library-intro2"}}{{/i18n}}{{#i18n "complete-library-intro3"}}{{/i18n}}

- +
{{#i18n "p5.js-complete"}}{{/i18n}} From 60209026e099cde480da5b2976225cdfce32ea6b Mon Sep 17 00:00:00 2001 From: Sanjay Singh Rajpoot Date: Sun, 4 Apr 2021 23:35:00 +0530 Subject: [PATCH 003/308] Download Page link fixed on line 62 and 72 --- src/templates/pages/download/index.hbs | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/templates/pages/download/index.hbs b/src/templates/pages/download/index.hbs index 6f63720569..bc4d585444 100644 --- a/src/templates/pages/download/index.hbs +++ b/src/templates/pages/download/index.hbs @@ -59,7 +59,7 @@ slug: download/

{{#i18n "single-files-intro"}}{{/i18n}}

  • - +
    p5.js

    {{#i18n "single-file"}}{{/i18n}} @@ -69,7 +69,7 @@ slug: download/

  • - +
    p5.min.js

    {{#i18n "single-file"}}{{/i18n}} From 6377e1ad8b382f0894364c4aafb4c49027e7170b Mon Sep 17 00:00:00 2001 From: JetStarBlues Date: Thu, 8 Apr 2021 21:45:06 -0600 Subject: [PATCH 004/308] Removed incorrect faces from 'octahedron.obj' --- src/templates/pages/reference/assets/octahedron.obj | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/templates/pages/reference/assets/octahedron.obj b/src/templates/pages/reference/assets/octahedron.obj index 61f0cdb73c..fed774d32a 100644 --- a/src/templates/pages/reference/assets/octahedron.obj +++ b/src/templates/pages/reference/assets/octahedron.obj @@ -12,5 +12,4 @@ f 1 5 2 f 6 5 4 f 6 4 3 f 6 3 2 -f 6 2 1 -f 6 1 5 +f 6 2 5 From 2c32413c252b21a8f771731f707c67ef38b298f4 Mon Sep 17 00:00:00 2001 From: Rahulm2310 Date: Tue, 20 Apr 2021 13:06:13 +0530 Subject: [PATCH 005/308] added dark background to library names --- src/assets/css/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 4674278e54..0cf87b9261 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -919,6 +919,11 @@ h3 { list-style: disc; } +#libraries-page .label h3{ + background-color: black; + padding:0px 5px; +} + #learn-page .label .nounderline img { height: fit-content; } From 5a37cf631a8b805add8b0305150563d8f0c00147 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Fri, 7 May 2021 11:37:51 +0000 Subject: [PATCH 006/308] Bump grunt from 1.0.4 to 1.3.0 in /src/data/examples/build_examples Bumps [grunt](https://github.com/gruntjs/grunt) from 1.0.4 to 1.3.0. - [Release notes](https://github.com/gruntjs/grunt/releases) - [Changelog](https://github.com/gruntjs/grunt/blob/main/CHANGELOG) - [Commits](https://github.com/gruntjs/grunt/compare/v1.0.4...v1.3.0) Signed-off-by: dependabot[bot] --- .../examples/build_examples/package-lock.json | 1599 +++++++++++++---- src/data/examples/build_examples/package.json | 2 +- 2 files changed, 1252 insertions(+), 349 deletions(-) diff --git a/src/data/examples/build_examples/package-lock.json b/src/data/examples/build_examples/package-lock.json index d5beb41c26..cce80a03e2 100644 --- a/src/data/examples/build_examples/package-lock.json +++ b/src/data/examples/build_examples/package-lock.json @@ -10,11 +10,11 @@ "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==" }, "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "requires": { - "color-convert": "^1.9.0" + "color-convert": "^2.0.1" } }, "argparse": { @@ -32,21 +32,106 @@ } } }, - "array-find-index": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz", - "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=" + "arr-diff": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=" + }, + "arr-flatten": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", + "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==" + }, + "arr-union": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", + "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=" + }, + "array-each": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz", + "integrity": "sha1-p5SvDAWrF1KEbudTofIRoFugxE8=" + }, + "array-slice": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz", + "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==" + }, + "array-unique": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", + "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=" + }, + "assign-symbols": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", + "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=" }, "async": { "version": "0.9.2", "resolved": "https://registry.npmjs.org/async/-/async-0.9.2.tgz", "integrity": "sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0=" }, + "atob": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", + "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" + }, "balanced-match": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" }, + "base": { + "version": "0.11.2", + "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", + "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", + "requires": { + "cache-base": "^1.0.1", + "class-utils": "^0.3.5", + "component-emitter": "^1.2.1", + "define-property": "^1.0.0", + "isobject": "^3.0.1", + "mixin-deep": "^1.2.0", + "pascalcase": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, "brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -56,103 +141,191 @@ "concat-map": "0.0.1" } }, - "camelcase": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz", - "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=" + "braces": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", + "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", + "requires": { + "arr-flatten": "^1.1.0", + "array-unique": "^0.3.2", + "extend-shallow": "^2.0.1", + "fill-range": "^4.0.0", + "isobject": "^3.0.1", + "repeat-element": "^1.1.2", + "snapdragon": "^0.8.1", + "snapdragon-node": "^2.0.1", + "split-string": "^3.0.2", + "to-regex": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } }, - "camelcase-keys": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz", - "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=", + "cache-base": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", + "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", "requires": { - "camelcase": "^2.0.0", - "map-obj": "^1.0.0" + "collection-visit": "^1.0.0", + "component-emitter": "^1.2.1", + "get-value": "^2.0.6", + "has-value": "^1.0.0", + "isobject": "^3.0.1", + "set-value": "^2.0.0", + "to-object-path": "^0.3.0", + "union-value": "^1.0.0", + "unset-value": "^1.0.0" } }, "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz", + "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==", "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" } }, - "coffeescript": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/coffeescript/-/coffeescript-1.10.0.tgz", - "integrity": "sha1-56qDAZF+9iGzXYo580jc3R234z4=" + "class-utils": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", + "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", + "requires": { + "arr-union": "^3.1.0", + "define-property": "^0.2.5", + "isobject": "^3.0.0", + "static-extend": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + } + } + }, + "collection-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", + "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=", + "requires": { + "map-visit": "^1.0.0", + "object-visit": "^1.0.0" + } }, "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "requires": { - "color-name": "1.1.3" + "color-name": "~1.1.4" } }, "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" }, "colors": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz", "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=" }, + "component-emitter": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz", + "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==" + }, "concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" }, + "copy-descriptor": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", + "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" + }, "csv": { "version": "0.0.10", "resolved": "https://registry.npmjs.org/csv/-/csv-0.0.10.tgz", "integrity": "sha1-fb4nb2B8Gg9BKinel3gZsuz9jqs=" }, - "currently-unhandled": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz", - "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=", + "dateformat": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-3.0.3.tgz", + "integrity": "sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "requires": { - "array-find-index": "^1.0.1" + "ms": "2.0.0" } }, - "dateformat": { - "version": "1.0.12", - "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-1.0.12.tgz", - "integrity": "sha1-nxJLZ1lMk3/3BpMuSmQsyo27/uk=", + "decode-uri-component": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", + "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=" + }, + "define-property": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", + "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", "requires": { - "get-stdin": "^4.0.1", - "meow": "^3.3.0" + "is-descriptor": "^1.0.2", + "isobject": "^3.0.1" + }, + "dependencies": { + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } } }, - "decamelize": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", - "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=" + "detect-file": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz", + "integrity": "sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc=" }, "ejs": { "version": "2.6.1", "resolved": "https://registry.npmjs.org/ejs/-/ejs-2.6.1.tgz", "integrity": "sha512-0xy4A/twfrRCnkhfk8ErDi5DqdAsAqeGxht4xkCUrsvhhbQNs7E+4jV0CN7+NKIY0aHE72+XvqtBIXzD31ZbXQ==" }, - "error-ex": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", - "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", - "requires": { - "is-arrayish": "^0.2.1" - } - }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" - }, "esprima": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", @@ -168,13 +341,148 @@ "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=" }, - "find-up": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", - "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=", + "expand-brackets": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", + "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", + "requires": { + "debug": "^2.3.3", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "posix-character-classes": "^0.1.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "expand-tilde": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz", + "integrity": "sha1-l+gBqgUt8CRU3kawK/YhZCzchQI=", + "requires": { + "homedir-polyfill": "^1.0.1" + } + }, + "extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==" + }, + "extend-shallow": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", + "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=", + "requires": { + "assign-symbols": "^1.0.0", + "is-extendable": "^1.0.1" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "requires": { + "is-plain-object": "^2.0.4" + } + } + } + }, + "extglob": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", + "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", + "requires": { + "array-unique": "^0.3.2", + "define-property": "^1.0.0", + "expand-brackets": "^2.1.4", + "extend-shallow": "^2.0.1", + "fragment-cache": "^0.2.1", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "fill-range": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", + "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", "requires": { - "path-exists": "^2.0.0", - "pinkie-promise": "^2.0.0" + "extend-shallow": "^2.0.1", + "is-number": "^3.0.0", + "repeat-string": "^1.6.1", + "to-regex-range": "^2.1.0" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } } }, "findup-sync": { @@ -199,20 +507,63 @@ } } }, + "fined": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/fined/-/fined-1.2.0.tgz", + "integrity": "sha512-ZYDqPLGxDkDhDZBjZBb+oD1+j0rA4E0pXY50eplAAOPg2N/gUBSSk5IM1/QhPfyVo19lJ+CvXpqfvk+b2p/8Ng==", + "requires": { + "expand-tilde": "^2.0.2", + "is-plain-object": "^2.0.3", + "object.defaults": "^1.1.0", + "object.pick": "^1.2.0", + "parse-filepath": "^1.0.1" + } + }, + "flagged-respawn": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-1.0.1.tgz", + "integrity": "sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q==" + }, + "for-in": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", + "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=" + }, + "for-own": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz", + "integrity": "sha1-xjMy9BXO3EsE2/5wz4NklMU8tEs=", + "requires": { + "for-in": "^1.0.1" + } + }, + "fragment-cache": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", + "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=", + "requires": { + "map-cache": "^0.2.2" + } + }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" }, - "get-stdin": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz", - "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=" + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" + }, + "get-value": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", + "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=" }, "getobject": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/getobject/-/getobject-0.1.0.tgz", - "integrity": "sha1-BHpEl4n6Fg0Bj1SG7ZEyC27HiFw=" + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/getobject/-/getobject-1.0.0.tgz", + "integrity": "sha512-tbUz6AKKKr2YiMB+fLWIgq5ZeBOobop9YMMAU9dC54/ot2ksMXt3DOFyBuhZw6ptcVszEykgByK20j7W9jHFag==" }, "glob": { "version": "7.1.3", @@ -227,63 +578,93 @@ "path-is-absolute": "^1.0.0" } }, - "graceful-fs": { - "version": "4.1.15", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", - "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==" + "global-modules": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz", + "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==", + "requires": { + "global-prefix": "^1.0.1", + "is-windows": "^1.0.1", + "resolve-dir": "^1.0.0" + } + }, + "global-prefix": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz", + "integrity": "sha1-2/dDxsFJklk8ZVVoy2btMsASLr4=", + "requires": { + "expand-tilde": "^2.0.2", + "homedir-polyfill": "^1.0.1", + "ini": "^1.3.4", + "is-windows": "^1.0.1", + "which": "^1.2.14" + } }, "grunt": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/grunt/-/grunt-1.0.4.tgz", - "integrity": "sha512-PYsMOrOC+MsdGEkFVwMaMyc6Ob7pKmq+deg1Sjr+vvMWp35sztfwKE7qoN51V+UEtHsyNuMcGdgMLFkBHvMxHQ==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/grunt/-/grunt-1.3.0.tgz", + "integrity": "sha512-6ILlMXv11/4cxuhSMfSU+SfvbxrPuqZrAtLN64+tZpQ3DAKfSQPQHRbTjSbdtxfyQhGZPtN0bDZJ/LdCM5WXXA==", "requires": { - "coffeescript": "~1.10.0", - "dateformat": "~1.0.12", + "dateformat": "~3.0.3", "eventemitter2": "~0.4.13", - "exit": "~0.1.1", + "exit": "~0.1.2", "findup-sync": "~0.3.0", - "glob": "~7.0.0", - "grunt-cli": "~1.2.0", + "glob": "~7.1.6", + "grunt-cli": "~1.3.2", "grunt-known-options": "~1.1.0", - "grunt-legacy-log": "~2.0.0", - "grunt-legacy-util": "~1.1.1", + "grunt-legacy-log": "~3.0.0", + "grunt-legacy-util": "~2.0.0", "iconv-lite": "~0.4.13", - "js-yaml": "~3.13.0", - "minimatch": "~3.0.2", - "mkdirp": "~0.5.1", + "js-yaml": "~3.14.0", + "minimatch": "~3.0.4", + "mkdirp": "~1.0.4", "nopt": "~3.0.6", - "path-is-absolute": "~1.0.0", - "rimraf": "~2.6.2" + "rimraf": "~3.0.2" }, "dependencies": { "glob": { - "version": "7.0.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.0.6.tgz", - "integrity": "sha1-IRuvr0nlJbjNkyYNFKsTYVKz9Xo=", + "version": "7.1.7", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz", + "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==", "requires": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", "inherits": "2", - "minimatch": "^3.0.2", + "minimatch": "^3.0.4", "once": "^1.3.0", "path-is-absolute": "^1.0.0" } }, "grunt-cli": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/grunt-cli/-/grunt-cli-1.2.0.tgz", - "integrity": "sha1-VisRnrsGndtGSs4oRVAb6Xs1tqg=", + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/grunt-cli/-/grunt-cli-1.3.2.tgz", + "integrity": "sha512-8OHDiZZkcptxVXtMfDxJvmN7MVJNE8L/yIcPb4HB7TlyFD1kDvjHrb62uhySsU14wJx9ORMnTuhRMQ40lH/orQ==", "requires": { - "findup-sync": "~0.3.0", "grunt-known-options": "~1.1.0", - "nopt": "~3.0.6", - "resolve": "~1.1.0" + "interpret": "~1.1.0", + "liftoff": "~2.5.0", + "nopt": "~4.0.1", + "v8flags": "~3.1.1" + }, + "dependencies": { + "nopt": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.3.tgz", + "integrity": "sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==", + "requires": { + "abbrev": "1", + "osenv": "^0.1.4" + } + } } }, - "resolve": { - "version": "1.1.7", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz", - "integrity": "sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=" + "rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "requires": { + "glob": "^7.1.3" + } } } }, @@ -293,61 +674,109 @@ "integrity": "sha512-cHwsLqoighpu7TuYj5RonnEuxGVFnztcUqTqp5rXFGYL4OuPFofwC4Ycg7n9fYwvK6F5WbYgeVOwph9Crs2fsQ==" }, "grunt-legacy-log": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/grunt-legacy-log/-/grunt-legacy-log-2.0.0.tgz", - "integrity": "sha512-1m3+5QvDYfR1ltr8hjiaiNjddxGdQWcH0rw1iKKiQnF0+xtgTazirSTGu68RchPyh1OBng1bBUjLmX8q9NpoCw==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/grunt-legacy-log/-/grunt-legacy-log-3.0.0.tgz", + "integrity": "sha512-GHZQzZmhyq0u3hr7aHW4qUH0xDzwp2YXldLPZTCjlOeGscAOWWPftZG3XioW8MasGp+OBRIu39LFx14SLjXRcA==", "requires": { "colors": "~1.1.2", - "grunt-legacy-log-utils": "~2.0.0", + "grunt-legacy-log-utils": "~2.1.0", "hooker": "~0.2.3", - "lodash": "~4.17.5" + "lodash": "~4.17.19" } }, "grunt-legacy-log-utils": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/grunt-legacy-log-utils/-/grunt-legacy-log-utils-2.0.1.tgz", - "integrity": "sha512-o7uHyO/J+i2tXG8r2bZNlVk20vlIFJ9IEYyHMCQGfWYru8Jv3wTqKZzvV30YW9rWEjq0eP3cflQ1qWojIe9VFA==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/grunt-legacy-log-utils/-/grunt-legacy-log-utils-2.1.0.tgz", + "integrity": "sha512-lwquaPXJtKQk0rUM1IQAop5noEpwFqOXasVoedLeNzaibf/OPWjKYvvdqnEHNmU+0T0CaReAXIbGo747ZD+Aaw==", "requires": { - "chalk": "~2.4.1", - "lodash": "~4.17.10" + "chalk": "~4.1.0", + "lodash": "~4.17.19" } }, "grunt-legacy-util": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/grunt-legacy-util/-/grunt-legacy-util-1.1.1.tgz", - "integrity": "sha512-9zyA29w/fBe6BIfjGENndwoe1Uy31BIXxTH3s8mga0Z5Bz2Sp4UCjkeyv2tI449ymkx3x26B+46FV4fXEddl5A==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/grunt-legacy-util/-/grunt-legacy-util-2.0.1.tgz", + "integrity": "sha512-2bQiD4fzXqX8rhNdXkAywCadeqiPiay0oQny77wA2F3WF4grPJXCvAcyoWUJV+po/b15glGkxuSiQCK299UC2w==", "requires": { - "async": "~1.5.2", - "exit": "~0.1.1", - "getobject": "~0.1.0", + "async": "~3.2.0", + "exit": "~0.1.2", + "getobject": "~1.0.0", "hooker": "~0.2.3", - "lodash": "~4.17.10", - "underscore.string": "~3.3.4", - "which": "~1.3.0" + "lodash": "~4.17.21", + "underscore.string": "~3.3.5", + "which": "~2.0.2" }, "dependencies": { "async": { - "version": "1.5.2", - "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz", - "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=" + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/async/-/async-3.2.0.tgz", + "integrity": "sha512-TR2mEZFVOj2pLStYxLht7TyfuRzaydfpxr3k9RpHIzMgw7A64dzsdqCxH1WJyQdoe8T10nDXd9wnEigmiuHIZw==" + }, + "which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "requires": { + "isexe": "^2.0.0" + } } } }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "requires": { + "function-bind": "^1.1.1" + } + }, "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==" + }, + "has-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", + "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=", + "requires": { + "get-value": "^2.0.6", + "has-values": "^1.0.0", + "isobject": "^3.0.0" + } + }, + "has-values": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", + "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=", + "requires": { + "is-number": "^3.0.0", + "kind-of": "^4.0.0" + }, + "dependencies": { + "kind-of": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", + "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "homedir-polyfill": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz", + "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==", + "requires": { + "parse-passwd": "^1.0.0" + } }, "hooker": { "version": "0.2.3", "resolved": "https://registry.npmjs.org/hooker/-/hooker-0.2.3.tgz", "integrity": "sha1-uDT3I8xKJCqmWWNFnfbZhMXT2Vk=" }, - "hosted-git-info": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.7.1.tgz", - "integrity": "sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w==" - }, "iconv-lite": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", @@ -356,14 +785,6 @@ "safer-buffer": ">= 2.1.2 < 3" } }, - "indent-string": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz", - "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=", - "requires": { - "repeating": "^2.0.0" - } - }, "inflight": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", @@ -378,84 +799,257 @@ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" }, - "is-arrayish": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", - "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=" + "ini": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==" }, - "is-finite": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz", - "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=", + "interpret": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.1.0.tgz", + "integrity": "sha1-ftGxQQxqDg94z5XTuEQMY/eLhhQ=" + }, + "is-absolute": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz", + "integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==", "requires": { - "number-is-nan": "^1.0.0" + "is-relative": "^1.0.0", + "is-windows": "^1.0.1" } }, - "is-utf8": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", - "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=" + "is-accessor-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", + "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-buffer": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", + "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==" + }, + "is-core-module": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.3.0.tgz", + "integrity": "sha512-xSphU2KG9867tsYdLD4RWQ1VqdFl4HTO9Thf3I/3dLEfr0dbPTWKsuCKrgqMljg4nPE+Gq0VCnzT3gr0CyBmsw==", + "requires": { + "has": "^1.0.3" + } + }, + "is-data-descriptor": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", + "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", + "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "requires": { + "is-accessor-descriptor": "^0.1.6", + "is-data-descriptor": "^0.1.4", + "kind-of": "^5.0.0" + }, + "dependencies": { + "kind-of": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" + } + } + }, + "is-extendable": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=" + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=" + }, + "is-glob": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "requires": { + "is-extglob": "^2.1.0" + } + }, + "is-number": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", + "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "requires": { + "isobject": "^3.0.1" + } + }, + "is-relative": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz", + "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==", + "requires": { + "is-unc-path": "^1.0.0" + } + }, + "is-unc-path": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz", + "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==", + "requires": { + "unc-path-regex": "^0.1.2" + } + }, + "is-windows": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", + "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==" + }, + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" }, "isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=" }, + "isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" + }, "js-yaml": { - "version": "3.13.1", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz", - "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==", + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", + "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", "requires": { "argparse": "^1.0.7", "esprima": "^4.0.0" } }, - "load-json-file": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", - "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", + "kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==" + }, + "liftoff": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-2.5.0.tgz", + "integrity": "sha1-IAkpG7Mc6oYbvxCnwVooyvdcMew=", "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0", - "strip-bom": "^2.0.0" + "extend": "^3.0.0", + "findup-sync": "^2.0.0", + "fined": "^1.0.1", + "flagged-respawn": "^1.0.0", + "is-plain-object": "^2.0.4", + "object.map": "^1.0.0", + "rechoir": "^0.6.2", + "resolve": "^1.1.7" + }, + "dependencies": { + "findup-sync": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-2.0.0.tgz", + "integrity": "sha1-kyaxSIwi0aYIhlCoaQGy2akKLLw=", + "requires": { + "detect-file": "^1.0.0", + "is-glob": "^3.1.0", + "micromatch": "^3.0.4", + "resolve-dir": "^1.0.1" + } + } } }, "lodash": { - "version": "4.17.19", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz", - "integrity": "sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==" + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, - "loud-rejection": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz", - "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=", + "make-iterator": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz", + "integrity": "sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==", "requires": { - "currently-unhandled": "^0.4.1", - "signal-exit": "^3.0.0" + "kind-of": "^6.0.2" } }, - "map-obj": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", - "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=" - }, - "meow": { - "version": "3.7.0", - "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz", - "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=", - "requires": { - "camelcase-keys": "^2.0.0", - "decamelize": "^1.1.2", - "loud-rejection": "^1.0.0", - "map-obj": "^1.0.1", - "minimist": "^1.1.3", - "normalize-package-data": "^2.3.4", - "object-assign": "^4.0.1", - "read-pkg-up": "^1.0.1", - "redent": "^1.0.0", - "trim-newlines": "^1.0.0" + "map-cache": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", + "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=" + }, + "map-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", + "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=", + "requires": { + "object-visit": "^1.0.0" + } + }, + "micromatch": { + "version": "3.1.10", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", + "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "braces": "^2.3.1", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "extglob": "^2.0.4", + "fragment-cache": "^0.2.1", + "kind-of": "^6.0.2", + "nanomatch": "^1.2.9", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.2" } }, "minimatch": { @@ -466,26 +1060,53 @@ "brace-expansion": "^1.1.7" } }, - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" - }, - "mkdirp": { - "version": "0.5.1", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", - "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", + "mixin-deep": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", + "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==", "requires": { - "minimist": "0.0.8" + "for-in": "^1.0.2", + "is-extendable": "^1.0.1" }, "dependencies": { - "minimist": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", - "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=" + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "requires": { + "is-plain-object": "^2.0.4" + } } } }, + "mkdirp": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==" + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "nanomatch": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", + "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "fragment-cache": "^0.2.1", + "is-windows": "^1.0.2", + "kind-of": "^6.0.2", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + } + }, "nopt": { "version": "3.0.6", "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", @@ -494,26 +1115,69 @@ "abbrev": "1" } }, - "normalize-package-data": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", - "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", + "object-copy": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", + "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=", "requires": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" + "copy-descriptor": "^0.1.0", + "define-property": "^0.2.5", + "kind-of": "^3.0.3" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } } }, - "number-is-nan": { + "object-visit": { "version": "1.0.1", - "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", - "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=" + "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", + "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=", + "requires": { + "isobject": "^3.0.0" + } }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + "object.defaults": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz", + "integrity": "sha1-On+GgzS0B96gbaFtiNXNKeQ1/s8=", + "requires": { + "array-each": "^1.0.1", + "array-slice": "^1.0.0", + "for-own": "^1.0.0", + "isobject": "^3.0.0" + } + }, + "object.map": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object.map/-/object.map-1.0.1.tgz", + "integrity": "sha1-z4Plncj8wK1fQlDh94s7gb2AHTc=", + "requires": { + "for-own": "^1.0.0", + "make-iterator": "^1.0.0" + } + }, + "object.pick": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", + "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=", + "requires": { + "isobject": "^3.0.1" + } }, "once": { "version": "1.4.0", @@ -523,22 +1187,45 @@ "wrappy": "1" } }, - "parse-json": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", - "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=", + "os-homedir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" + }, + "os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" + }, + "osenv": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz", + "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", "requires": { - "error-ex": "^1.2.0" + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.0" } }, - "path-exists": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", - "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=", + "parse-filepath": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz", + "integrity": "sha1-pjISf1Oq89FYdvWHLz/6x2PWyJE=", "requires": { - "pinkie-promise": "^2.0.0" + "is-absolute": "^1.0.0", + "map-cache": "^0.2.0", + "path-root": "^0.1.1" } }, + "parse-passwd": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz", + "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=" + }, + "pascalcase": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", + "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=" + }, "path-is-absolute": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", @@ -549,78 +1236,79 @@ "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" }, - "path-type": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", - "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=", + "path-root": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz", + "integrity": "sha1-mkpoFMrBwM1zNgqV8yCDyOpHRbc=", "requires": { - "graceful-fs": "^4.1.2", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0" + "path-root-regex": "^0.1.0" } }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" - }, - "pinkie": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", - "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=" - }, - "pinkie-promise": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", - "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", + "path-root-regex": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz", + "integrity": "sha1-v8zcjfWxLcUsi0PsONGNcsBLqW0=" + }, + "posix-character-classes": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", + "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=" + }, + "rechoir": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", + "integrity": "sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=", "requires": { - "pinkie": "^2.0.0" + "resolve": "^1.1.6" } }, - "read-pkg": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", - "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=", + "regex-not": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", + "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", "requires": { - "load-json-file": "^1.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^1.0.0" + "extend-shallow": "^3.0.2", + "safe-regex": "^1.1.0" } }, - "read-pkg-up": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", - "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=", - "requires": { - "find-up": "^1.0.0", - "read-pkg": "^1.0.0" - } + "repeat-element": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz", + "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==" }, - "redent": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz", - "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=", - "requires": { - "indent-string": "^2.1.0", - "strip-indent": "^1.0.1" - } + "repeat-string": { + "version": "1.6.1", + "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", + "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=" }, - "repeating": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", - "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", + "resolve": { + "version": "1.20.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz", + "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==", "requires": { - "is-finite": "^1.0.0" + "is-core-module": "^2.2.0", + "path-parse": "^1.0.6" } }, - "resolve": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.10.0.tgz", - "integrity": "sha512-3sUr9aq5OfSg2S9pNtPA9hL1FVEAjvfOC4leW0SNf/mpnaakz2a9femSd6LqAww2RaFctwyf1lCqnTHuF1rxDg==", + "resolve-dir": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz", + "integrity": "sha1-eaQGRMNivoLybv/nOcm7U4IEb0M=", "requires": { - "path-parse": "^1.0.6" + "expand-tilde": "^2.0.0", + "global-modules": "^1.0.0" } }, + "resolve-url": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", + "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=" + }, + "ret": { + "version": "0.1.15", + "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", + "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==" + }, "rimraf": { "version": "2.6.3", "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", @@ -629,82 +1317,241 @@ "glob": "^7.1.3" } }, + "safe-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", + "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", + "requires": { + "ret": "~0.1.10" + } + }, "safer-buffer": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" }, - "semver": { - "version": "5.7.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", - "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==" + "set-value": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", + "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==", + "requires": { + "extend-shallow": "^2.0.1", + "is-extendable": "^0.1.1", + "is-plain-object": "^2.0.3", + "split-string": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } }, - "signal-exit": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz", - "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=" + "snapdragon": { + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", + "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", + "requires": { + "base": "^0.11.1", + "debug": "^2.2.0", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "map-cache": "^0.2.2", + "source-map": "^0.5.6", + "source-map-resolve": "^0.5.0", + "use": "^3.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } }, - "spdx-correct": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz", - "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==", + "snapdragon-node": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", + "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", "requires": { - "spdx-expression-parse": "^3.0.0", - "spdx-license-ids": "^3.0.0" + "define-property": "^1.0.0", + "isobject": "^3.0.0", + "snapdragon-util": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } } }, - "spdx-exceptions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz", - "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==" + "snapdragon-util": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", + "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", + "requires": { + "kind-of": "^3.2.0" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } }, - "spdx-expression-parse": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz", - "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==", + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" + }, + "source-map-resolve": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz", + "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==", "requires": { - "spdx-exceptions": "^2.1.0", - "spdx-license-ids": "^3.0.0" + "atob": "^2.1.2", + "decode-uri-component": "^0.2.0", + "resolve-url": "^0.2.1", + "source-map-url": "^0.4.0", + "urix": "^0.1.0" } }, - "spdx-license-ids": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz", - "integrity": "sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA==" + "source-map-url": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz", + "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==" + }, + "split-string": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", + "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", + "requires": { + "extend-shallow": "^3.0.0" + } }, "sprintf-js": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz", "integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==" }, - "strip-bom": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", - "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", + "static-extend": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", + "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=", "requires": { - "is-utf8": "^0.2.0" + "define-property": "^0.2.5", + "object-copy": "^0.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + } } }, - "strip-indent": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz", - "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=", + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "requires": { - "get-stdin": "^4.0.1" + "has-flag": "^4.0.0" } }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "to-object-path": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", + "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=", "requires": { - "has-flag": "^3.0.0" + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } } }, - "trim-newlines": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz", - "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=" + "to-regex": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", + "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", + "requires": { + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "regex-not": "^1.0.2", + "safe-regex": "^1.1.0" + } + }, + "to-regex-range": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", + "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", + "requires": { + "is-number": "^3.0.0", + "repeat-string": "^1.6.1" + } + }, + "unc-path-regex": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz", + "integrity": "sha1-5z3T17DXxe2G+6xrCufYxqadUPo=" }, "underscore.string": { "version": "3.3.5", @@ -715,18 +1562,74 @@ "util-deprecate": "^1.0.2" } }, + "union-value": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz", + "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==", + "requires": { + "arr-union": "^3.1.0", + "get-value": "^2.0.6", + "is-extendable": "^0.1.1", + "set-value": "^2.0.1" + } + }, + "unset-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", + "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", + "requires": { + "has-value": "^0.3.1", + "isobject": "^3.0.0" + }, + "dependencies": { + "has-value": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", + "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", + "requires": { + "get-value": "^2.0.3", + "has-values": "^0.1.4", + "isobject": "^2.0.0" + }, + "dependencies": { + "isobject": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", + "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", + "requires": { + "isarray": "1.0.0" + } + } + } + }, + "has-values": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", + "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=" + } + } + }, + "urix": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", + "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=" + }, + "use": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", + "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==" + }, "util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=" }, - "validate-npm-package-license": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", - "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "v8flags": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.1.3.tgz", + "integrity": "sha512-amh9CCg3ZxkzQ48Mhcb8iX7xpAfYJgePHxWMQCBWECpOSqJUXgY26ncA61UTV0BkPqfhcy6mzwCIoP4ygxpW8w==", "requires": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" + "homedir-polyfill": "^1.0.1" } }, "which": { diff --git a/src/data/examples/build_examples/package.json b/src/data/examples/build_examples/package.json index 8fa0a2cf4a..669a50291c 100644 --- a/src/data/examples/build_examples/package.json +++ b/src/data/examples/build_examples/package.json @@ -10,7 +10,7 @@ "async": "^0.9.0", "csv": "^0.0.10", "ejs": "^2.5.7", - "grunt": "^1.0.4", + "grunt": "^1.3.0", "rimraf": "^2.2.8" }, "devDependencies": {} From feb58c18fdf9aa7d538f2dc7bccd3a8f03e812c2 Mon Sep 17 00:00:00 2001 From: Rahulm2310 Date: Fri, 7 May 2021 23:19:23 +0530 Subject: [PATCH 007/308] add alt text for teach page images --- i18n-tracking.yml | 42 ++++++++++++++--------------- src/data/en.yml | 7 +++++ src/templates/pages/teach/index.hbs | 16 +++++------ 3 files changed, 36 insertions(+), 29 deletions(-) diff --git a/i18n-tracking.yml b/i18n-tracking.yml index 8e6765d467..cdb6d9fccc 100644 --- a/i18n-tracking.yml +++ b/i18n-tracking.yml @@ -1,5 +1,12 @@ es: src/data/en.yml: + line 1536: ' teach-case2-image-alt' + line 1544: ' teach-case4-image-alt' + line 1552: ' teach-case6-image-alt' + line 1560: ' teach-case8-image-alt' + line 1568: ' teach-case9-image-alt' + line 1576: ' teach-case11-image-alt' + line 1584: ' teach-case12-image-alt' line 1123: ' book-6-title' line 1124: ' book-6-authors' line 1125: ' book-6-publisher' @@ -1056,7 +1063,6 @@ es: line 1533: ' Diversity' line 1534: ' the Internet' line 1535: ' 2015contributors-conference-diversity3' - line 1536: ' 2015contributors-conference-diversity4' line 1537: ' 2015contributors-conference-diversity5' line 1538: ' 2015contributors-conference-diversity6' line 1539: ' 2015contributors-conference-diversity7' @@ -1064,7 +1070,6 @@ es: line 1541: ' Mellon University. Speakers included' line 1542: ' 2015contributors-conference-diversity8' line 1543: ' 2015contributors-conference-diversity9' - line 1544: ' 2015cc_1' line 1545: ' 2015cc_2' line 1546: ' 2015cc_3' line 1547: ' 2015cc_4' @@ -1072,7 +1077,6 @@ es: line 1549: ' look on' line 1550: ' 2015cc_5' line 1551: ' 2015cc_6' - line 1552: ' 2015cc_7' line 1553: ' Participants sit in a circle around a white board with sticky notes on it' line 1554: ' while a female student speaks into a microphone' line 1555: ' 2015cc_8' @@ -1080,7 +1084,6 @@ es: line 1557: ' code' line 1558: ' 2015cc_9' line 1559: ' 2015cc_10' - line 1560: ' Woman speaking into a microphone about valuing different skill sets while a' line 1561: ' group of participants with laptops look at her powerpoint in a classroom' line 1562: ' 2015cc_11' line 1563: ' Woman speaks at a podium in an auditorium while three participants sit on' @@ -1088,7 +1091,6 @@ es: line 1565: ' 2015cc_12' line 1566: ' 2015cc_13' line 1567: ' 2015cc_14' - line 1568: ' 2015cc_15' line 1569: ' 2019contributors-conference-title' line 1570: ' 2019contributors-conference-date' line 1571: ' 2019contributors-conference1' @@ -1096,7 +1098,6 @@ es: line 1573: ' , advancing the code, documentation, and community outreach tools and' line 1574: ' exploring the current landscape of the p5.js programming environment.' line 1575: ' Comprising a diverse range of participants within the fields of creative' - line 1576: ' technology, interaction design, and new media arts, the conference was aimed' line 1577: ' at fostering dialogue through a multidisciplinary lens. Working groups' line 1578: ' focused on several topic areas' line 1579: ' Landscape of Creative Tech; and Internationalization.' @@ -1104,7 +1105,6 @@ es: line 1581: ' 2019contributors-conference4' line 1582: ' outputs' line 1583: ' output1' - line 1584: ' . An implementation of highly flexible triangle, square, hexagon, and' line 1585: ' octagon girds for p5.js. Created by Aren Davey.' line 1586: ' output2' line 1587: ' . A set of template files for building a multi-device, multiplayer game' @@ -1834,6 +1834,13 @@ es: line 604: ' color-custom-ranges-li3x2' ko: src/data/en.yml: + line 1536: ' teach-case2-image-alt' + line 1544: ' teach-case4-image-alt' + line 1552: ' teach-case6-image-alt' + line 1560: ' teach-case8-image-alt' + line 1568: ' teach-case9-image-alt' + line 1576: ' teach-case11-image-alt' + line 1584: ' teach-case12-image-alt' line 1123: ' book-6-title' line 1124: ' book-6-authors' line 1125: ' book-6-publisher' @@ -2890,7 +2897,6 @@ ko: line 1533: ' Diversity' line 1534: ' the Internet' line 1535: ' 2015contributors-conference-diversity3' - line 1536: ' 2015contributors-conference-diversity4' line 1537: ' 2015contributors-conference-diversity5' line 1538: ' 2015contributors-conference-diversity6' line 1539: ' 2015contributors-conference-diversity7' @@ -2898,7 +2904,6 @@ ko: line 1541: ' Mellon University. Speakers included' line 1542: ' 2015contributors-conference-diversity8' line 1543: ' 2015contributors-conference-diversity9' - line 1544: ' 2015cc_1' line 1545: ' 2015cc_2' line 1546: ' 2015cc_3' line 1547: ' 2015cc_4' @@ -2906,7 +2911,6 @@ ko: line 1549: ' look on' line 1550: ' 2015cc_5' line 1551: ' 2015cc_6' - line 1552: ' 2015cc_7' line 1553: ' Participants sit in a circle around a white board with sticky notes on it' line 1554: ' while a female student speaks into a microphone' line 1555: ' 2015cc_8' @@ -2914,7 +2918,6 @@ ko: line 1557: ' code' line 1558: ' 2015cc_9' line 1559: ' 2015cc_10' - line 1560: ' Woman speaking into a microphone about valuing different skill sets while a' line 1561: ' group of participants with laptops look at her powerpoint in a classroom' line 1562: ' 2015cc_11' line 1563: ' Woman speaks at a podium in an auditorium while three participants sit on' @@ -2922,7 +2925,6 @@ ko: line 1565: ' 2015cc_12' line 1566: ' 2015cc_13' line 1567: ' 2015cc_14' - line 1568: ' 2015cc_15' line 1569: ' 2019contributors-conference-title' line 1570: ' 2019contributors-conference-date' line 1571: ' 2019contributors-conference1' @@ -2930,7 +2932,6 @@ ko: line 1573: ' , advancing the code, documentation, and community outreach tools and' line 1574: ' exploring the current landscape of the p5.js programming environment.' line 1575: ' Comprising a diverse range of participants within the fields of creative' - line 1576: ' technology, interaction design, and new media arts, the conference was aimed' line 1577: ' at fostering dialogue through a multidisciplinary lens. Working groups' line 1578: ' focused on several topic areas' line 1579: ' Landscape of Creative Tech; and Internationalization.' @@ -2938,7 +2939,6 @@ ko: line 1581: ' 2019contributors-conference4' line 1582: ' outputs' line 1583: ' output1' - line 1584: ' . An implementation of highly flexible triangle, square, hexagon, and' line 1585: ' octagon girds for p5.js. Created by Aren Davey.' line 1586: ' output2' line 1587: ' . A set of template files for building a multi-device, multiplayer game' @@ -3668,6 +3668,13 @@ ko: line 604: ' color-custom-ranges-li3x2' zh-Hans: src/data/en.yml: + line 1536: ' teach-case2-image-alt' + line 1544: ' teach-case4-image-alt' + line 1552: ' teach-case6-image-alt' + line 1560: ' teach-case8-image-alt' + line 1568: ' teach-case9-image-alt' + line 1576: ' teach-case11-image-alt' + line 1584: ' teach-case12-image-alt' line 1123: ' book-6-title' line 1124: ' book-6-authors' line 1125: ' book-6-publisher' @@ -4724,7 +4731,6 @@ zh-Hans: line 1533: ' Diversity' line 1534: ' the Internet' line 1535: ' 2015contributors-conference-diversity3' - line 1536: ' 2015contributors-conference-diversity4' line 1537: ' 2015contributors-conference-diversity5' line 1538: ' 2015contributors-conference-diversity6' line 1539: ' 2015contributors-conference-diversity7' @@ -4732,7 +4738,6 @@ zh-Hans: line 1541: ' Mellon University. Speakers included' line 1542: ' 2015contributors-conference-diversity8' line 1543: ' 2015contributors-conference-diversity9' - line 1544: ' 2015cc_1' line 1545: ' 2015cc_2' line 1546: ' 2015cc_3' line 1547: ' 2015cc_4' @@ -4740,7 +4745,6 @@ zh-Hans: line 1549: ' look on' line 1550: ' 2015cc_5' line 1551: ' 2015cc_6' - line 1552: ' 2015cc_7' line 1553: ' Participants sit in a circle around a white board with sticky notes on it' line 1554: ' while a female student speaks into a microphone' line 1555: ' 2015cc_8' @@ -4748,7 +4752,6 @@ zh-Hans: line 1557: ' code' line 1558: ' 2015cc_9' line 1559: ' 2015cc_10' - line 1560: ' Woman speaking into a microphone about valuing different skill sets while a' line 1561: ' group of participants with laptops look at her powerpoint in a classroom' line 1562: ' 2015cc_11' line 1563: ' Woman speaks at a podium in an auditorium while three participants sit on' @@ -4756,7 +4759,6 @@ zh-Hans: line 1565: ' 2015cc_12' line 1566: ' 2015cc_13' line 1567: ' 2015cc_14' - line 1568: ' 2015cc_15' line 1569: ' 2019contributors-conference-title' line 1570: ' 2019contributors-conference-date' line 1571: ' 2019contributors-conference1' @@ -4764,7 +4766,6 @@ zh-Hans: line 1573: ' , advancing the code, documentation, and community outreach tools and' line 1574: ' exploring the current landscape of the p5.js programming environment.' line 1575: ' Comprising a diverse range of participants within the fields of creative' - line 1576: ' technology, interaction design, and new media arts, the conference was aimed' line 1577: ' at fostering dialogue through a multidisciplinary lens. Working groups' line 1578: ' focused on several topic areas' line 1579: ' Landscape of Creative Tech; and Internationalization.' @@ -4772,7 +4773,6 @@ zh-Hans: line 1581: ' 2019contributors-conference4' line 1582: ' outputs' line 1583: ' output1' - line 1584: ' . An implementation of highly flexible triangle, square, hexagon, and' line 1585: ' octagon girds for p5.js. Created by Aren Davey.' line 1586: ' output2' line 1587: ' . A set of template files for building a multi-device, multiplayer game' diff --git a/src/data/en.yml b/src/data/en.yml index cbd83a8b38..daf61a2d01 100644 --- a/src/data/en.yml +++ b/src/data/en.yml @@ -1533,6 +1533,7 @@ teach: Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js teach-case2-lead-name: Priti Pandurangan & Ajith Ranka + teach-case2-image-alt: A group of participants collaborating to create some designs using the p5.js web editor on their laptops. teach-case2-content1: 'National Institute of Design, Bangalore' teach-case2-content1-1: '2020 February 8, 2:30-4:00 PM' teach-case2-content2: >- @@ -1569,6 +1570,7 @@ teach: teach-case3-content5-3: More photos teach-case4-title: Taller Introducción a la Programación Creativa con p5.js teach-case4-lead-name: Aarón Montoya-Moraga + teach-case4-image-alt: A group of 20 people sitting on a large shared table with their laptops looking at a projected screen. teach-case4-speech: 'p5.js is my happy place ' teach-case4-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' teach-case4-content1-1: ' 2018 November 14, 3 hours' @@ -1606,6 +1608,7 @@ teach: teach-case5-content5-3: Introduction to Generative Drawing Booklet PDF teach-case6-title: 'Open Lecture, Creative Coding: 2020' teach-case6-lead-name: Shunsuke Takawo + teach-case6-image-alt: A table on which there is a laptop, some sheets of papers, colorful pens and two automatic machines drawing something with a pen on a sheet. teach-case6-speech: >- I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life! @@ -1634,6 +1637,7 @@ teach: teach-case7-content5-1: Syllabus & Material teach-case8-title: Generative Typography teach-case8-lead-name: Dae In Chung + teach-case8-image-alt: A image with black background displaying the letter 'b' in 5 different styles along with a menu with various styling options to choose. teach-case8-content1: ' Baltimore, Maryland, USA & Virtual-Online ' teach-case8-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' teach-case8-content2: 14 undergrads and grad students who had little to no experience in coding. @@ -1644,6 +1648,7 @@ teach: teach-case8-content5-2: Works of participants teach-case9-title: Machine Learning for the Web teach-case9-lead-name: Yining Shi + teach-case9-image-alt: A group of 16 people sitting around tables with their laptops, mobile phones and some other accessories, facing towards a large television screen. teach-case9-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' teach-case9-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' teach-case9-content2: >- @@ -1676,6 +1681,7 @@ teach: teach-case10-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' teach-case11-title: Digital Weaving & Physical Computing Workshop Series teach-case11-lead-name: Qianqian Ye & Evelyn Masso + teach-case11-image-alt: This image is divided in two parts. The left part shows a group of 15 women sitting on chairs with their laptops and looking at a presentor who is explaining a code on a projected screen. The right part of the image shows a person learning weaving using a physical pattern and a weaving tool. teach-case11-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' teach-case11-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' teach-case11-content2: '15 women and non-binary artists, designer, makers, programers. ' @@ -1695,6 +1701,7 @@ teach: teach-case11-content5-5: ' on WCCW website.' teach-case12-title: Signing Coders teach-case12-lead-name: Taeyoon Choi + teach-case12-image-alt: Two volunteers explaining concepts using a white board and a screen to a bunch of deaf and hard of hearing students, each student facing a computer screen. teach-case12-speech: >- I'm working on a new series of coding class for Disabled students in South Korea. I'm researching about the pedagogy and translation. I plan to hold diff --git a/src/templates/pages/teach/index.hbs b/src/templates/pages/teach/index.hbs index e8164f3cca..9c4673eb99 100644 --- a/src/templates/pages/teach/index.hbs +++ b/src/templates/pages/teach/index.hbs @@ -185,7 +185,7 @@ slug: teach/

  • -
    • +
  • {{#i18n

  • {{#i18n "teach-case-subtitle1"}}{{/i18n}}

    📍 {{#i18n "teach-case2-content1"}}{{/i18n}}

    📅 {{#i18n "teach-case2-content1-1"}}{{/i18n}}

  • @@ -268,7 +268,7 @@ slug: teach/
  • -
  • Eighteen people sitting at a shared table with their computers, learning p5.js.
    • +
  • {{#i18n

  • {{#i18n "teach-case-subtitle1"}}{{/i18n}}

    📍 {{#i18n "teach-case4-content1"}}{{/i18n}} 🌐

    📅{{#i18n "teach-case4-content1-1"}}{{/i18n}}

  • @@ -352,7 +352,7 @@ slug: teach/
  • -
    • +
  • {{#i18n

  • {{#i18n "teach-case-subtitle1"}}{{/i18n}}

    📍{{#i18n "teach-case6-content1"}}{{/i18n}}🌐

    📅{{#i18n "teach-case6-content1-1"}}{{/i18n}}

  • @@ -436,7 +436,7 @@ slug: teach/
  • -
    • +
  • {{#i18n

  • {{#i18n "teach-case-subtitle1"}}{{/i18n}}

    📍{{#i18n "teach-case8-content1"}}{{/i18n}}🌐

    📅{{#i18n "teach-case8-content1-1"}}{{/i18n}}

    • @@ -479,7 +479,7 @@ slug: teach/
  • -
    • +
  • {{#i18n

  • {{#i18n "teach-case-subtitle1"}}{{/i18n}}

    📍{{#i18n "teach-case9-content1"}}{{/i18n}}

    📅{{#i18n "teach-case9-content1-1"}}{{/i18n}}

  • @@ -557,10 +557,10 @@ slug: teach/
  • -
    • +
  • {{#i18n
    • -

  • {{#i18n "teach-case-subtitle1"}}{{/i18n}}

    📍{{#i18n "teach-case11-content1"}}{{/i18n}}

    📅{{#i18n "teach-case11-content101"}}{{/i18n}}

    • +

  • {{#i18n "teach-case-subtitle1"}}{{/i18n}}

    📍{{#i18n "teach-case11-content1"}}{{/i18n}}

    📅{{#i18n "teach-case11-content1-1"}}{{/i18n}}

  • {{#i18n "teach-case-subtitle2"}}{{/i18n}}

    {{#i18n "teach-case11-content2"}}{{/i18n}}

    • @@ -603,7 +603,7 @@ slug: teach/
  • -
    • +
  • {{#i18n

  • {{#i18n "teach-case-subtitle1"}}{{/i18n}}

    📍 {{#i18n "teach-case12-content1"}}{{/i18n}}

    {{#i18n "teach-case12-content1-1"}}{{/i18n}}

  • From d4a19a22a1a966fc37cd65c3c9eca1fc9bf20f48 Mon Sep 17 00:00:00 2001 From: Rahulm2310 Date: Fri, 7 May 2021 17:51:49 +0000 Subject: [PATCH 008/308] Automatic update of translation files (feb58c18fdf9aa7d538f2dc7bccd3a8f03e812c2) --- src/data/es.yml | 24 ++++++++++++++++++++++++ src/data/ko.yml | 24 ++++++++++++++++++++++++ src/data/zh-Hans.yml | 24 ++++++++++++++++++++++++ 3 files changed, 72 insertions(+) diff --git a/src/data/es.yml b/src/data/es.yml index 48d9dd1d1b..348afb721d 100644 --- a/src/data/es.yml +++ b/src/data/es.yml @@ -1628,6 +1628,9 @@ teach: Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js teach-case2-lead-name: Priti Pandurangan & Ajith Ranka + teach-case2-image-alt: >- + A group of participants collaborating to create some designs using the p5.js + web editor on their laptops. teach-case2-content1: 'National Institute of Design, Bangalore' teach-case2-content1-1: '2020 February 8, 2:30-4:00 PM' teach-case2-content2: >- @@ -1664,6 +1667,9 @@ teach: teach-case3-content5-3: More photos teach-case4-title: Taller Introducción a la Programación Creativa con p5.js teach-case4-lead-name: Aarón Montoya-Moraga + teach-case4-image-alt: >- + A group of 20 people sitting on a large shared table with their laptops + looking at a projected screen. teach-case4-speech: 'p5.js is my happy place ' teach-case4-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' teach-case4-content1-1: ' 2018 November 14, 3 hours' @@ -1701,6 +1707,9 @@ teach: teach-case5-content5-3: Introduction to Generative Drawing Booklet PDF teach-case6-title: 'Open Lecture, Creative Coding: 2020' teach-case6-lead-name: Shunsuke Takawo + teach-case6-image-alt: >- + A table on which there is a laptop, some sheets of papers, colorful pens and + two automatic machines drawing something with a pen on a sheet. teach-case6-speech: >- I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life! @@ -1729,6 +1738,9 @@ teach: teach-case7-content5-1: Syllabus & Material teach-case8-title: Generative Typography teach-case8-lead-name: Dae In Chung + teach-case8-image-alt: >- + A image with black background displaying the letter 'b' in 5 different + styles along with a menu with various styling options to choose. teach-case8-content1: ' Baltimore, Maryland, USA & Virtual-Online ' teach-case8-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' teach-case8-content2: 14 undergrads and grad students who had little to no experience in coding. @@ -1739,6 +1751,9 @@ teach: teach-case8-content5-2: Works of participants teach-case9-title: Machine Learning for the Web teach-case9-lead-name: Yining Shi + teach-case9-image-alt: >- + A group of 16 people sitting around tables with their laptops, mobile phones + and some other accessories, facing towards a large television screen. teach-case9-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' teach-case9-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' teach-case9-content2: >- @@ -1771,6 +1786,11 @@ teach: teach-case10-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' teach-case11-title: Digital Weaving & Physical Computing Workshop Series teach-case11-lead-name: Qianqian Ye & Evelyn Masso + teach-case11-image-alt: >- + This image is divided in two parts. The left part shows a group of 15 women + sitting on chairs with their laptops and looking at a presentor who is + explaining a code on a projected screen. The right part of the image shows a + person learning weaving using a physical pattern and a weaving tool. teach-case11-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' teach-case11-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' teach-case11-content2: '15 women and non-binary artists, designer, makers, programers. ' @@ -1790,6 +1810,10 @@ teach: teach-case11-content5-5: ' on WCCW website.' teach-case12-title: Signing Coders teach-case12-lead-name: Taeyoon Choi + teach-case12-image-alt: >- + Two volunteers explaining concepts using a white board and a screen to a + bunch of deaf and hard of hearing students, each student facing a computer + screen. teach-case12-speech: >- I'm working on a new series of coding class for Disabled students in South Korea. I'm researching about the pedagogy and translation. I plan to hold diff --git a/src/data/ko.yml b/src/data/ko.yml index 60e503c5a9..d717831114 100644 --- a/src/data/ko.yml +++ b/src/data/ko.yml @@ -1262,6 +1262,9 @@ teach: Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js teach-case2-lead-name: Priti Pandurangan & Ajith Ranka + teach-case2-image-alt: >- + A group of participants collaborating to create some designs using the p5.js + web editor on their laptops. teach-case2-content1: 'National Institute of Design, Bangalore' teach-case2-content1-1: '2020 February 8, 2:30-4:00 PM' teach-case2-content2: >- @@ -1298,6 +1301,9 @@ teach: teach-case3-content5-3: More photos teach-case4-title: Taller Introducción a la Programación Creativa con p5.js teach-case4-lead-name: Aarón Montoya-Moraga + teach-case4-image-alt: >- + A group of 20 people sitting on a large shared table with their laptops + looking at a projected screen. teach-case4-speech: 'p5.js is my happy place ' teach-case4-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' teach-case4-content1-1: ' 2018 November 14, 3 hours' @@ -1335,6 +1341,9 @@ teach: teach-case5-content5-3: Introduction to Generative Drawing Booklet PDF teach-case6-title: 'Open Lecture, Creative Coding: 2020' teach-case6-lead-name: Shunsuke Takawo + teach-case6-image-alt: >- + A table on which there is a laptop, some sheets of papers, colorful pens and + two automatic machines drawing something with a pen on a sheet. teach-case6-speech: >- I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life! @@ -1363,6 +1372,9 @@ teach: teach-case7-content5-1: Syllabus & Material teach-case8-title: Generative Typography teach-case8-lead-name: Dae In Chung + teach-case8-image-alt: >- + A image with black background displaying the letter 'b' in 5 different + styles along with a menu with various styling options to choose. teach-case8-content1: ' Baltimore, Maryland, USA & Virtual-Online ' teach-case8-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' teach-case8-content2: 14 undergrads and grad students who had little to no experience in coding. @@ -1373,6 +1385,9 @@ teach: teach-case8-content5-2: Works of participants teach-case9-title: Machine Learning for the Web teach-case9-lead-name: Yining Shi + teach-case9-image-alt: >- + A group of 16 people sitting around tables with their laptops, mobile phones + and some other accessories, facing towards a large television screen. teach-case9-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' teach-case9-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' teach-case9-content2: >- @@ -1405,6 +1420,11 @@ teach: teach-case10-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' teach-case11-title: Digital Weaving & Physical Computing Workshop Series teach-case11-lead-name: Qianqian Ye & Evelyn Masso + teach-case11-image-alt: >- + This image is divided in two parts. The left part shows a group of 15 women + sitting on chairs with their laptops and looking at a presentor who is + explaining a code on a projected screen. The right part of the image shows a + person learning weaving using a physical pattern and a weaving tool. teach-case11-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' teach-case11-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' teach-case11-content2: '15 women and non-binary artists, designer, makers, programers. ' @@ -1424,6 +1444,10 @@ teach: teach-case11-content5-5: ' on WCCW website.' teach-case12-title: Signing Coders teach-case12-lead-name: Taeyoon Choi + teach-case12-image-alt: >- + Two volunteers explaining concepts using a white board and a screen to a + bunch of deaf and hard of hearing students, each student facing a computer + screen. teach-case12-speech: >- I'm working on a new series of coding class for Disabled students in South Korea. I'm researching about the pedagogy and translation. I plan to hold diff --git a/src/data/zh-Hans.yml b/src/data/zh-Hans.yml index 81c935e1bf..8932453c78 100644 --- a/src/data/zh-Hans.yml +++ b/src/data/zh-Hans.yml @@ -1211,6 +1211,9 @@ teach: Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js teach-case2-lead-name: Priti Pandurangan & Ajith Ranka + teach-case2-image-alt: >- + A group of participants collaborating to create some designs using the p5.js + web editor on their laptops. teach-case2-content1: 'National Institute of Design, Bangalore' teach-case2-content1-1: '2020 February 8, 2:30-4:00 PM' teach-case2-content2: >- @@ -1247,6 +1250,9 @@ teach: teach-case3-content5-3: More photos teach-case4-title: Taller Introducción a la Programación Creativa con p5.js teach-case4-lead-name: Aarón Montoya-Moraga + teach-case4-image-alt: >- + A group of 20 people sitting on a large shared table with their laptops + looking at a projected screen. teach-case4-speech: 'p5.js is my happy place ' teach-case4-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' teach-case4-content1-1: ' 2018 November 14, 3 hours' @@ -1284,6 +1290,9 @@ teach: teach-case5-content5-3: Introduction to Generative Drawing Booklet PDF teach-case6-title: 'Open Lecture, Creative Coding: 2020' teach-case6-lead-name: Shunsuke Takawo + teach-case6-image-alt: >- + A table on which there is a laptop, some sheets of papers, colorful pens and + two automatic machines drawing something with a pen on a sheet. teach-case6-speech: >- I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life! @@ -1312,6 +1321,9 @@ teach: teach-case7-content5-1: Syllabus & Material teach-case8-title: Generative Typography teach-case8-lead-name: Dae In Chung + teach-case8-image-alt: >- + A image with black background displaying the letter 'b' in 5 different + styles along with a menu with various styling options to choose. teach-case8-content1: ' Baltimore, Maryland, USA & Virtual-Online ' teach-case8-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' teach-case8-content2: 14 undergrads and grad students who had little to no experience in coding. @@ -1322,6 +1334,9 @@ teach: teach-case8-content5-2: Works of participants teach-case9-title: Machine Learning for the Web teach-case9-lead-name: Yining Shi + teach-case9-image-alt: >- + A group of 16 people sitting around tables with their laptops, mobile phones + and some other accessories, facing towards a large television screen. teach-case9-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' teach-case9-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' teach-case9-content2: >- @@ -1354,6 +1369,11 @@ teach: teach-case10-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' teach-case11-title: Digital Weaving & Physical Computing Workshop Series teach-case11-lead-name: Qianqian Ye & Evelyn Masso + teach-case11-image-alt: >- + This image is divided in two parts. The left part shows a group of 15 women + sitting on chairs with their laptops and looking at a presentor who is + explaining a code on a projected screen. The right part of the image shows a + person learning weaving using a physical pattern and a weaving tool. teach-case11-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' teach-case11-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' teach-case11-content2: '15 women and non-binary artists, designer, makers, programers. ' @@ -1373,6 +1393,10 @@ teach: teach-case11-content5-5: ' on WCCW website.' teach-case12-title: Signing Coders teach-case12-lead-name: Taeyoon Choi + teach-case12-image-alt: >- + Two volunteers explaining concepts using a white board and a screen to a + bunch of deaf and hard of hearing students, each student facing a computer + screen. teach-case12-speech: >- I'm working on a new series of coding class for Disabled students in South Korea. I'm researching about the pedagogy and translation. I plan to hold From 7097a212e2841475860ee6edb34fe76422069452 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?aar=C3=B3n=20montoya-moraga?= Date: Sun, 9 May 2021 00:20:21 -0400 Subject: [PATCH 009/308] delete extra space fixes #1029 --- src/data/examples/en/19_Typography/02_Text_Rotation.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/data/examples/en/19_Typography/02_Text_Rotation.js b/src/data/examples/en/19_Typography/02_Text_Rotation.js index 07ec47321c..39074faed3 100644 --- a/src/data/examples/en/19_Typography/02_Text_Rotation.js +++ b/src/data/examples/en/19_Typography/02_Text_Rotation.js @@ -1,5 +1,5 @@ /* - * @name Text Rotation + * @name Text Rotation * @description Draws letters to the screen and rotates them at different angles. * (ported from https://processing.org/examples/textrotation.html) */ @@ -59,4 +59,4 @@ let font, point(100, 180); point(200, 180); point(440, 180); - } \ No newline at end of file + } From 1d74bc62be7fa45a6c8ec5ce1c27a85a0818381c Mon Sep 17 00:00:00 2001 From: Tyler Jordan <71571453+TylersGit@users.noreply.github.com> Date: Thu, 27 May 2021 15:45:50 +0300 Subject: [PATCH 010/308] Fixed typos in 15_Noise2D.js --- src/data/examples/en/08_Math/15_Noise2D.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/data/examples/en/08_Math/15_Noise2D.js b/src/data/examples/en/08_Math/15_Noise2D.js index 2aec0d5690..78f68d9751 100644 --- a/src/data/examples/en/08_Math/15_Noise2D.js +++ b/src/data/examples/en/08_Math/15_Noise2D.js @@ -17,7 +17,7 @@ function draw() { // Draw the left half of image for (let y = 0; y < height - 30; y++) { for (let x = 0; x < width / 2; x++) { - // noiceDetail of the pixels octave count and falloff value + // noiseDetail of the pixels octave count and falloff value noiseDetail(2, 0.2); noiseVal = noise((mouseX + x) * noiseScale, (mouseY + y) * noiseScale); stroke(noiseVal * 255); @@ -27,7 +27,7 @@ function draw() { // Draw the right half of image for (let y = 0; y < height - 30; y++) { for (let x = width / 2; x < width; x++) { - // noiceDetail of the pixels octave count and falloff value + // noiseDetail of the pixels octave count and falloff value noiseDetail(5, 0.5); noiseVal = noise((mouseX + x) * noiseScale, (mouseY + y) * noiseScale); stroke(noiseVal * 255); @@ -37,6 +37,6 @@ function draw() { //Show the details of two partitions textSize(18); fill(255, 255, 255); - text('Noice2D with 2 octaves and 0.2 falloff', 10, 350); - text('Noice2D with 1 octaves and 0.7 falloff', 330, 350); + text('Noise2D with 2 octaves and 0.2 falloff', 10, 350); + text('Noise2D with 1 octaves and 0.7 falloff', 330, 350); } From b4c8e99a3b5b3d7eab1d5e83f8510b52e290516e Mon Sep 17 00:00:00 2001 From: Buddy Date: Fri, 28 May 2021 09:49:56 +0530 Subject: [PATCH 011/308] Monospace font edited to edit-area --- src/assets/css/main.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 0cf87b9261..1d11f08314 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -661,6 +661,9 @@ div.reference-subgroup { width: 30.5em; padding-top: 1.5rem; display: none; + font-family: monospace; + padding: 1.5em 0.5em 0.5em 0.5em; + font-size: 15pt; } .display_button { From ebf6ac264b201f1f5e1a5191e08907bebb66ffc0 Mon Sep 17 00:00:00 2001 From: jhongover9000 <57396665+jhongover9000@users.noreply.github.com> Date: Mon, 7 Jun 2021 14:41:28 +0900 Subject: [PATCH 012/308] trying to get translations to display debugging pages that don't display --- src/assets/js/reference.js | 16 ++++++++-------- ...Comments.js => 00_Statements_and_Comments.js} | 6 ++++-- .../{00_Coordinates.js => 01_Coordinates.js} | 1 + src/templates/partials/sidebar.hbs | 2 +- 4 files changed, 14 insertions(+), 11 deletions(-) rename src/data/examples/ko/00_Structure/{01_Statements_and_Comments.js => 00_Statements_and_Comments.js} (56%) rename src/data/examples/ko/00_Structure/{00_Coordinates.js => 01_Coordinates.js} (99%) diff --git a/src/assets/js/reference.js b/src/assets/js/reference.js index 499651487e..37150da749 100644 --- a/src/assets/js/reference.js +++ b/src/assets/js/reference.js @@ -448,10 +448,10 @@ define('text',['module'], function (module) { }); -define('text!tpl/search.html',[],function () { return '

    search

    \r\n
    \r\n \r\n \r\n
    \r\n\r\n';}); +define('text!tpl/search.html',[],function () { return '

    search

    \n
    \n \n \n
    \n\n';}); -define('text!tpl/search_suggestion.html',[],function () { return '

    \r\n\r\n <%=name%>\r\n\r\n \r\n <% if (final) { %>\r\n constant\r\n <% } else if (itemtype) { %>\r\n <%=itemtype%> \r\n <% } %>\r\n\r\n <% if (className) { %>\r\n in <%=className%>\r\n <% } %>\r\n\r\n <% if (typeof is_constructor !== \'undefined\' && is_constructor) { %>\r\n constructor\r\n <% } %>\r\n \r\n\r\n

    ';}); +define('text!tpl/search_suggestion.html',[],function () { return '

    \n\n <%=name%>\n\n \n <% if (final) { %>\n constant\n <% } else if (itemtype) { %>\n <%=itemtype%> \n <% } %>\n\n <% if (className) { %>\n in <%=className%>\n <% } %>\n\n <% if (typeof is_constructor !== \'undefined\' && is_constructor) { %>\n constructor\n <% } %>\n \n\n

    ';}); /*! * typeahead.js 0.10.2 @@ -2303,7 +2303,7 @@ define('searchView',[ }); -define('text!tpl/list.html',[],function () { return '<% _.each(groups, function(group){ %>\r\n
    \r\n

    <%=group.name%>

    \r\n
    \r\n <% _.each(group.subgroups, function(subgroup, ind) { %>\r\n
    \r\n <% if (subgroup.name !== \'0\') { %>\r\n

    <%=subgroup.name%>

    \r\n <% } %>\r\n     \r\n
    \r\n <% }); %>\r\n
    \r\n
    \r\n<% }); %>\r\n';}); +define('text!tpl/list.html',[],function () { return '<% _.each(groups, function(group){ %>\n
    \n

    <%=group.name%>

    \n
    \n <% _.each(group.subgroups, function(subgroup, ind) { %>\n
    \n <% if (subgroup.name !== \'0\') { %>\n

    <%=subgroup.name%>

    \n <% } %>\n \n
    \n <% }); %>\n
    \n
    \n<% }); %>\n';}); define('listView',[ 'App', @@ -2445,13 +2445,13 @@ define('listView',[ }); -define('text!tpl/item.html',[],function () { return '

    <%=item.name%><% if (item.isMethod) { %>()<% } %>

    \r\n\r\n<% if (item.example) { %>\r\n
    \r\n

    Examples

    \r\n\r\n
    \r\n <% _.each(item.example, function(example, i){ %>\r\n <%= example %>\r\n <% }); %>\r\n
    \r\n
    \r\n<% } %>\r\n\r\n
    \r\n\r\n

    Description

    \r\n\r\n <% if (item.deprecated) { %>\r\n

    \r\n Deprecated: <%=item.name%><% if (item.isMethod) { %>()<% } %> is deprecated and will be removed in a future version of p5. <% if (item.deprecationMessage) { %><%=item.deprecationMessage%><% } %>\r\n

    \r\n <% } %>\r\n\r\n\r\n <%= item.description %>\r\n\r\n <% if (item.extends) { %>\r\n

    Extends <%=item.extends%>

    \r\n <% } %>\r\n\r\n <% if (item.module === \'p5.sound\') { %>\r\n

    This function requires you include the p5.sound library. Add the following into the head of your index.html file:\r\n 

    <script src="path/to/p5.sound.js"></script>
    \r\n

    \r\n <% } %>\r\n\r\n <% if (item.constRefs) { %>\r\n

    Used by:\r\n <%\r\n var refs = item.constRefs;\r\n for (var i = 0; i < refs.length; i ++) {\r\n var ref = refs[i];\r\n var name = ref;\r\n if (name.substr(0, 3) === \'p5.\') {\r\n name = name.substr(3);\r\n }\r\n if (i !== 0) {\r\n if (i == refs.length - 1) {\r\n %> and <%\r\n } else {\r\n %>, <%\r\n }\r\n }\r\n %><%= name %>()<%\r\n }\r\n %>\r\n

    \r\n <% } %>\r\n
    \r\n\r\n<% if (isConstructor || !isClass) { %>\r\n\r\n
    \r\n

    Syntax

    \r\n

    \r\n <% syntaxes.forEach(function(syntax) { %>\r\n 

    <%= syntax %>
    \r\n <% }) %>\r\n

    \r\n
    \r\n\r\n\r\n<% if (item.params) { %>\r\n
    \r\n

    Parameters

    \r\n
      \r\n <% for (var i=0; i\r\n <% var p = item.params[i] %>\r\n
    • \r\n
      <%=p.name%>
      \r\n <% if (p.type) { %>\r\n
      \r\n <% var type = p.type.replace(/(p5\\.[A-Z][A-Za-z]*)/, \'$1\'); %>\r\n <%=type%>: <%=p.description%>\r\n <% if (p.optional) { %> (Optional)<% } %>\r\n
      \r\n <% } %>\r\n
      • \r\n <% } %>\r\n
    \r\n
    \r\n<% } %>\r\n\r\n<% if (item.return && item.return.type) { %>\r\n
    \r\n

    Returns

    \r\n

    <%=item.return.type%>: <%= item.return.description %>

    \r\n
    \r\n<% } %>\r\n\r\n<% } %>\r\n';}); +define('text!tpl/item.html',[],function () { return '

    <%=item.name%><% if (item.isMethod) { %>()<% } %>

    \n\n<% if (item.example) { %>\n
    \n

    Examples

    \n\n
    \n <% _.each(item.example, function(example, i){ %>\n <%= example %>\n <% }); %>\n
    \n
    \n<% } %>\n\n
    \n\n

    Description

    \n\n <% if (item.deprecated) { %>\n

    \n Deprecated: <%=item.name%><% if (item.isMethod) { %>()<% } %> is deprecated and will be removed in a future version of p5. <% if (item.deprecationMessage) { %><%=item.deprecationMessage%><% } %>\n

    \n <% } %>\n\n\n <%= item.description %>\n\n <% if (item.extends) { %>\n

    Extends <%=item.extends%>

    \n <% } %>\n\n <% if (item.module === \'p5.sound\') { %>\n

    This function requires you include the p5.sound library. Add the following into the head of your index.html file:\n 

    <script src="path/to/p5.sound.js"></script>
    \n

    \n <% } %>\n\n <% if (item.constRefs) { %>\n

    Used by:\n <%\n var refs = item.constRefs;\n for (var i = 0; i < refs.length; i ++) {\n var ref = refs[i];\n var name = ref;\n if (name.substr(0, 3) === \'p5.\') {\n name = name.substr(3);\n }\n if (i !== 0) {\n if (i == refs.length - 1) {\n %> and <%\n } else {\n %>, <%\n }\n }\n %><%= name %>()<%\n }\n %>\n

    \n <% } %>\n
    \n\n<% if (isConstructor || !isClass) { %>\n\n
    \n

    Syntax

    \n

    \n <% syntaxes.forEach(function(syntax) { %>\n 

    <%= syntax %>
    \n <% }) %>\n

    \n
    \n\n\n<% if (item.params) { %>\n
    \n

    Parameters

    \n
      \n <% for (var i=0; i\n <% var p = item.params[i] %>\n
    • \n
      <%=p.name%>
      \n <% if (p.type) { %>\n
      \n <% var type = p.type.replace(/(p5\\.[A-Z][A-Za-z]*)/, \'$1\'); %>\n <%=type%>: <%=p.description%>\n <% if (p.optional) { %> (Optional)<% } %>\n
      \n <% } %>\n
      • \n <% } %>\n
    \n
    \n<% } %>\n\n<% if (item.return && item.return.type) { %>\n
    \n

    Returns

    \n

    <%=item.return.type%>: <%= item.return.description %>

    \n
    \n<% } %>\n\n<% } %>\n';}); -define('text!tpl/class.html',[],function () { return '\r\n<% if (typeof constructor !== \'undefined\') { %>\r\n
    \r\n <%=constructor%>\r\n
    \r\n<% } %>\r\n\r\n<% let fields = _.filter(things, function(item) { return item.itemtype === \'property\' && item.access !== \'private\' }); %>\r\n<% if (fields.length > 0) { %>\r\n

    Fields

    \r\n \r\n<% } %>\r\n\r\n<% let methods = _.filter(things, function(item) { return item.itemtype === \'method\' && item.access !== \'private\' }); %>\r\n<% if (methods.length > 0) { %>\r\n

    Methods

    \r\n \r\n<% } %>\r\n';}); +define('text!tpl/class.html',[],function () { return '\n<% if (typeof constructor !== \'undefined\') { %>\n
    \n <%=constructor%>\n
    \n<% } %>\n\n<% let fields = _.filter(things, function(item) { return item.itemtype === \'property\' && item.access !== \'private\' }); %>\n<% if (fields.length > 0) { %>\n

    Fields

    \n \n<% } %>\n\n<% let methods = _.filter(things, function(item) { return item.itemtype === \'method\' && item.access !== \'private\' }); %>\n<% if (methods.length > 0) { %>\n

    Methods

    \n \n<% } %>\n';}); -define('text!tpl/itemEnd.html',[],function () { return '\r\n

    \r\n\r\n
    \r\n<% if (item.file && item.line) { %>\r\nNotice any errors or typos? Please let us know. Please feel free to edit <%= item.file %> and issue a pull request!\r\n<% } %>\r\n
    \r\n\r\ncreative commons logo\r\n

    \r\n';}); +define('text!tpl/itemEnd.html',[],function () { return '\n

    \n\n
    \n<% if (item.file && item.line) { %>\nNotice any errors or typos? Please let us know. Please feel free to edit <%= item.file %> and issue a pull request!\n<% } %>\n
    \n\ncreative commons logo\n

    \n';}); // Copyright (C) 2006 Google Inc. // @@ -4335,7 +4335,7 @@ define('itemView',[ }); -define('text!tpl/menu.html',[],function () { return '
    \r\n
    \r\n Can\'t find what you\'re looking for? You may want to check out\r\n p5.sound.
    You can also download an offline version of the reference.\r\n
    \r\n\r\n
    \r\n

    Categories

    \r\n<% var i=0; %>\r\n<% var max=Math.floor(groups.length/4); %>\r\n<% var rem=groups.length%4; %>\r\n\r\n<% _.each(groups, function(group){ %>\r\n <% var m = rem > 0 ? 1 : 0 %>\r\n <% if (i === 0) { %>\r\n
      \r\n <% } %>\r\n
    • <%=group%>
      • \r\n <% if (i === (max+m-1)) { %>\r\n
    \r\n \t<% rem-- %>\r\n \t<% i=0 %>\r\n <% } else { %>\r\n \t<% i++ %>\r\n <% } %>\r\n<% }); %>\r\n
    \r\n';}); +define('text!tpl/menu.html',[],function () { return '
    \n
    \n Can\'t find what you\'re looking for? You may want to check out\n p5.sound.
    You can also download an offline version of the reference.\n
    \n\n
    \n

    Categories

    \n<% var i=0; %>\n<% var max=Math.floor(groups.length/4); %>\n<% var rem=groups.length%4; %>\n\n<% _.each(groups, function(group){ %>\n <% var m = rem > 0 ? 1 : 0 %>\n <% if (i === 0) { %>\n
      \n <% } %>\n
    • <%=group%>
      • \n <% if (i === (max+m-1)) { %>\n
    \n \t<% rem-- %>\n \t<% i=0 %>\n <% } else { %>\n \t<% i++ %>\n <% } %>\n<% }); %>\n
    \n';}); define('menuView',[ 'App', @@ -4404,7 +4404,7 @@ define('menuView',[ }); -define('text!tpl/library.html',[],function () { return '

    <%= module.name %> library

    \r\n\r\n

    <%= module.description %>

    \r\n\r\n
    \r\n\r\n<% var t = 0; col = 0; %>\r\n\r\n<% _.each(groups, function(group){ %>\r\n <% if (t == 0) { %> \r\n
    \r\n <% } %>\r\n <% if (group.name !== module.name && group.name !== \'p5\') { %>\r\n <% if (group.hash) { %> class="core"<% } %>><% } %> \r\n

    <%=group.name%>

    \r\n <% if (group.hash) { %>
    <% } %>\r\n <% } %>\r\n <% _.each(group.items.filter(function(item) {return item.access !== \'private\'}), function(item) { %>\r\n class="core"<% } %>><%=item.name%><% if (item.itemtype === \'method\') { %>()<%}%>
    \r\n <% t++; %>\r\n <% }); %>\r\n <% if (t >= Math.floor(totalItems/4)) { col++; t = 0; %>\r\n
    \r\n <% } %>\r\n<% }); %>\r\n
    \r\n';}); +define('text!tpl/library.html',[],function () { return '

    <%= module.name %> library

    \n\n

    <%= module.description %>

    \n\n
    \n\n<% var t = 0; col = 0; %>\n\n<% _.each(groups, function(group){ %>\n <% if (t == 0) { %> \n
    \n <% } %>\n <% if (group.name !== module.name && group.name !== \'p5\') { %>\n <% if (group.hash) { %> class="core"<% } %>><% } %> \n

    <%=group.name%>

    \n <% if (group.hash) { %>
    <% } %>\n <% } %>\n <% _.each(group.items.filter(function(item) {return item.access !== \'private\'}), function(item) { %>\n class="core"<% } %>><%=item.name%><% if (item.itemtype === \'method\') { %>()<%}%>
    \n <% t++; %>\n <% }); %>\n <% if (t >= Math.floor(totalItems/4)) { col++; t = 0; %>\n
    \n <% } %>\n<% }); %>\n
    \n';}); define( 'libraryView',[ diff --git a/src/data/examples/ko/00_Structure/01_Statements_and_Comments.js b/src/data/examples/ko/00_Structure/00_Statements_and_Comments.js similarity index 56% rename from src/data/examples/ko/00_Structure/01_Statements_and_Comments.js rename to src/data/examples/ko/00_Structure/00_Statements_and_Comments.js index 8469f369b7..70ec93922b 100644 --- a/src/data/examples/ko/00_Structure/01_Statements_and_Comments.js +++ b/src/data/examples/ko/00_Structure/00_Statements_and_Comments.js @@ -1,7 +1,9 @@ /* - * @name Comments and Statements - * @description Statements are the elements that make up programs. The ";" (semi-colon) symbol is used to end statements. It is called the "statement * terminator". Comments are used for making notes to help people better understand programs. A comment begins with two forward slashes ("//"). (ported from https://processing.org/examples/statementscomments.html) + * @name 너비와 높이 + * @description '너비(width)'와 '높이(height)' 변수들은 createCanvas() 함수에 따라 + * 정의된, 윈도우 화면의 너비 및 높이 값을 담습니다. */ + // The createCanvas function is a statement that tells the computer // how large to make the window. // Each function statement has zero or more parameters. diff --git a/src/data/examples/ko/00_Structure/00_Coordinates.js b/src/data/examples/ko/00_Structure/01_Coordinates.js similarity index 99% rename from src/data/examples/ko/00_Structure/00_Coordinates.js rename to src/data/examples/ko/00_Structure/01_Coordinates.js index b701b0c7cc..a356a75f66 100644 --- a/src/data/examples/ko/00_Structure/00_Coordinates.js +++ b/src/data/examples/ko/00_Structure/01_Coordinates.js @@ -4,6 +4,7 @@ * 모든 좌표값은 원점으로부터의 거리를 픽셀 단위로 측정합니다. * 원점 [0,0]는 화면 좌측 상단의 좌표이며, 우측 하단의 좌표는 [너비-1, 높이-1]에 해당합니다. */ + function setup() { // 캔버스 크기를 너비 720픽셀, 높이 720픽셀로 설정 createCanvas(720, 400); diff --git a/src/templates/partials/sidebar.hbs b/src/templates/partials/sidebar.hbs index 604976268b..543841b4d3 100644 --- a/src/templates/partials/sidebar.hbs +++ b/src/templates/partials/sidebar.hbs @@ -2,7 +2,7 @@ slug: sidebar --- -
    +
    From db17332e284fcf7d6d982e4b8f10d0bcaf67f2a1 Mon Sep 17 00:00:00 2001 From: limzykenneth Date: Wed, 18 Aug 2021 20:40:02 +0100 Subject: [PATCH 082/308] Fix deep object properties not being merge for fluent-to-json task --- tasks/fluent.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tasks/fluent.js b/tasks/fluent.js index ac1a3f7c6b..11ab2d7599 100644 --- a/tasks/fluent.js +++ b/tasks/fluent.js @@ -65,7 +65,7 @@ module.exports = function(grunt) { // The new data is assigned over the old data, keeping any old entry // that doesn't exist in FTL - _.assign(newData[key], jsonData); + _.merge(newData[key], jsonData); } } From 7c23bc950e92d4cfa65e40443612045e5f8478e7 Mon Sep 17 00:00:00 2001 From: limzykenneth Date: Wed, 18 Aug 2021 20:41:45 +0100 Subject: [PATCH 083/308] Update translations from fluent --- src/data/reference/es.json | 30 +++++++++++++++--------------- src/data/reference/ko.json | 30 +++++++++++++++--------------- src/data/reference/zh-Hans.json | 30 +++++++++++++++--------------- 3 files changed, 45 insertions(+), 45 deletions(-) diff --git a/src/data/reference/es.json b/src/data/reference/es.json index f78e03072e..f41d2f3169 100644 --- a/src/data/reference/es.json +++ b/src/data/reference/es.json @@ -1472,7 +1472,7 @@ }, "createDiv": { "description": [ - "Creates a <div></div> element in the DOM with given inner HTML." + "Creates a
    element in the DOM with given inner HTML." ], "returns": "p5.Element: pointer to p5.Element holding created node", "params": { @@ -1490,7 +1490,7 @@ }, "createSpan": { "description": [ - "Creates a <span></span> element in the DOM with given inner HTML." + "Creates a element in the DOM with given inner HTML." ], "returns": "p5.Element: pointer to p5.Element holding created node", "params": { @@ -1499,7 +1499,7 @@ }, "createImg": { "description": [ - "Creates an <img> element in the DOM with given src and alternate text." + "Creates an element in the DOM with given src and alternate text." ], "returns": "p5.Element: pointer to p5.Element holding created node", "params": { @@ -1511,7 +1511,7 @@ }, "createA": { "description": [ - "Creates an <a></a> element in the DOM for including a hyperlink." + "Creates an element in the DOM for including a hyperlink." ], "returns": "p5.Element: pointer to p5.Element holding created node", "params": { @@ -1522,7 +1522,7 @@ }, "createSlider": { "description": [ - "Creates a slider <input></input> element in the DOM. Use .size() to set the display length of the slider." + "Creates a slider element in the DOM. Use .size() to set the display length of the slider." ], "returns": "p5.Element: pointer to p5.Element holding created node", "params": { @@ -1534,7 +1534,7 @@ }, "createButton": { "description": [ - "Creates a <button></button> element in the DOM. Use .size() to set the display size of the button. Use .mousePressed() to specify behavior on press." + "Creates a element in the DOM. Use .size() to set the display size of the button. Use .mousePressed() to specify behavior on press." ], "returns": "p5.Element: pointer to p5.Element holding created node", "params": { @@ -1544,7 +1544,7 @@ }, "createCheckbox": { "description": [ - "Creates a checkbox <input></input> element in the DOM. Calling .checked() on a checkbox returns if it is checked or not" + "Creates a checkbox element in the DOM. Calling .checked() on a checkbox returns if it is checked or not" ], "returns": "p5.Element: pointer to p5.Element holding created node", "params": { @@ -1554,7 +1554,7 @@ }, "createSelect": { "description": [ - "Creates a dropdown menu <select></select>s element in the DOM. It also helps to assign select-box methods to p5.Element when selecting existing select box.
    • .option(name, [value]) can be used to set options for the select after it is created.
    • .value() will return the currently selected option.
    • .selected() will return current dropdown element which is an instance of p5.Element
    • .selected(value) can be used to make given option selected by default when the page first loads.
    • .disable() marks whole of dropdown element as disabled.
    • .disable(value) marks given option as disabled
    " + "Creates a dropdown menu element in the DOM. It also helps to assign select-box methods to p5.Element when selecting existing select box.
    • .option(name, [value]) can be used to set options for the select after it is created.
    • .value() will return the currently selected option.
    • .selected() will return current dropdown element which is an instance of p5.Element
    • .selected(value) can be used to make given option selected by default when the page first loads.
    • .disable() marks whole of dropdown element as disabled.
    • .disable(value) marks given option as disabled
    " ], "returns": "p5.Element:", "params": { @@ -1583,7 +1583,7 @@ }, "createInput": { "description": [ - "Creates an <input></input> element in the DOM for text input. Use .size() to set the display length of the box." + "Creates an element in the DOM for text input. Use .size() to set the display length of the box." ], "returns": "p5.Element: pointer to p5.Element holding created node", "params": { @@ -1593,7 +1593,7 @@ }, "createFileInput": { "description": [ - "Creates an <input></input> element in the DOM of type 'file'. This allows users to select local files for use in a sketch." + "Creates an element in the DOM of type 'file'. This allows users to select local files for use in a sketch." ], "returns": "p5.Element: pointer to p5.Element holding created DOM element", "params": { @@ -1603,7 +1603,7 @@ }, "createVideo": { "description": [ - "Creates an HTML5 <video> element in the DOM for simple playback of audio/video. Shown by default, can be hidden with .hide() and drawn into canvas using image(). The first parameter can be either a single string path to a video file, or an array of string paths to different formats of the same video. This is useful for ensuring that your video can play across different browsers, as each supports different formats. See this page for further information about supported formats." + "Creates an HTML5
" + ], + "returns": "p5.Element: ", + "params": { + "multiple": "Booleano (Opcional): true (verdadeiro) se o elemento suportar várias seleções", + "existing": "Objeto: elemento de seleção do DOM" + } + }, + "createRadio": { + "description": [ + "Cria um elemento HTML de <input></input> do tipo botão de escolha (tipe = \"radio\") no DOM. Também auxilia a atribuir métodos de p5.Element a botões de escolha (radio) existentes.
  • O método .option(value, [label]) pode ser utilizado para criar um novo item para o elemento. Se já existir um item com o valor indicado, o método retornará este item. Opcionalmente, um label (etiqueta) pode ser fornecido como segundo argumento para o item.
  • O método .remove(value) pode ser utilizado para remover um item do elemento.
  • O método .value() retorna o valor do item selecionado no momento.
  • O método .selected() retorna o elemento de input selecionado no momento.
  • O método .selected(value) marca um item como selecionado, retorna ele mesmo.
  • O método .disable(Boolean) desativa/ativa o elemento todo.
" + ], + "returns": "p5.Element: ponteiro para um p5.Element contendo o node (nó) criado.", + "params": { + "containerElement": "Objeto: Um elemento container de HTML, pode ser um <div></div> ou <span></span>, dentro do qual todas os inputs existentes serão considerados como itens do botão de escolha.", + "name": "String (Opcional): parâmetro nome para cada elemnto de input." + } + }, + "createColorPicker": { + "description": [ + "Cria um elemento no DOM para input de cor. O método .value() retorna uma string HEX (#rrggbb) da cor. O método .color() retorna um objeto p5.Color com a selecão de cor atual." + ], + "returns": "p5.Element: ponteiro para um p5.Element contendo o node (nó) criado.", + "params": { + "value": "String|p5.Color (Opcional): cor padrão do elemento." + } + }, + "createInput": { + "description": [ + "Cria um elemento de <input></input> de texto no DOM. Use .size() para configurar o tamanho da caixa de texto." + ], + "returns": "p5.Element: ponteiro para um p5.Element contendo o node (nó) do DOM criado.", + "params": { + "value": "String: default valor padrão da caixa de texto do input", + "type": "String (Opcional): tipo do texto, por ex.: \"text\", \"password\" etc. Por padrão o tipo definido é \"text\"." + } + }, + "createFileInput": { + "description": [ + "Cria um elemento de <input></input> de arquivo no DOM. Permite que usuários carreguem arquivos locais para utilizar em um sketch." + ], + "returns": "p5.Element: ponteiro para um p5.Element contendo o node (nó) do DOM criado.", + "params": { + "callback": "Função: Funcão callback para quando o arquivo é carregado.", + "multiple": "Booleano (Opcional): permite que múltiplos arquivos sejam selecionados." + } + }, + "createVideo": { + "description": [ + "Cria um elemento de <video> HTML5 no DOM para a reprodução simples de áudio/video. O elemento de vídeo é definido como visível por padrão, pode ser ocultado com o método .hide() e desenhado na canvas utilizando image(). O primeiro parâmetro pode ser uma única string com o caminho para um arquivo de vídeo ou uma array de strings com endereços de arquivos de videos em diferentes formatos de arquivo. Isso é útil para garantir que seu vídeo possa ser reproduzido em diferentes navegadores, já que cada um suporta formatos diferentes. Você pode encontrar mais informações sobre os formatos de mídias suportados aqui ." + ], + "returns": "p5.MediaElement: ponteiro para um p5.Element de vídeo.", + "params": { + "src": "String | String[]: endereço do arquivo de video ou uma array de endereços de arquivos de video em formatos diferentes.", + "callback": "Função (Optional): função callback chamada no disparo do evento 'canplaythrough', ou seja, quando a mídia está pronta para ser reproduzida, e estima que já foram carregados dados suficientes para reproduzir a mídia sem interrupcões para mais buffering." + } + }, + "createAudio": { + "description": [ + "Cria um elemento de <audio> HTML5 no DOM element in the DOM para a reprodução simples de áudio. Por definição, o elemento de áudio é criado como um elemento oculto (hidden). O primeiro parâmetro pode ser uma única string com o caminho para um arquivo de áudio ou uma array de strings com endereços de arquivos de áudio em diferentes formatos de arquivo. Isso é útil para garantir que seu vídeo possa ser reproduzido em diferentes navegadores, já que cada um suporta formatos diferentes. Você pode encontrar mais informações sobre os formatos de mídias suportados aqui." + ], + "returns": "p5.MediaElement: ponteiro para um p5.Element de áudio.", + "params": { + "src": "String | String[] (Opcional): endereço do arquivo ou uma array de endereços de arquivos em formatos diferentes.", + "callback": "Função (Opcional): função chamada no disparo do evento 'canplaythrough', ou seja, quando a mídia está pronta para ser reproduzida, e estima que já foram carregados dados suficientes para reproduzir a mídia sem interrupcões para mais buffering." + } + }, + "VIDEO": {}, + "AUDIO": {}, + "createCapture": { + "description": [ + "Cria um novo elemento <video> HTML5 que contém o fluxo de áudio e vídeo de uma webcam. O elemento de vídeo é definido como visível por padrão, pode ser ocultado com o método .hide() e desenhado na canvas utilizando image(). A propriedade loadedmetadata pode ser utilizada para detectar quando o elemento for totalmente carregado (ver o segundo exemplo). ", + " !! More specific properties of the feed can be passing in a Constraints object. See the W3C spec for possible properties. Note that not all of these are supported by all browsers. ", + "Nota de segurança: Devido a especificações de segurança dos navegadores é preciso solicitar ao usuário permissão para utilizar entradas de mídia como a webcam, para isso o método .getUserMedia() é utilizado dentro da função createCapture(), também por razões de segurança este método só pode ser executado quando o código está rodando localmente ou sob o protocolo HTTPS." + ], + "returns": "p5.Element: ponteiro para um p5.Element com fluxo de video da webcam", + "params": { + "type": "String | Constante | Objeto: tipo da captura. AUDIO e VIDEO são as definições padrão caso nenhuma especificação seja passada. !! Também pode ser definido por !! Constraints object", + "callback": "Função (Opcional): função chamada quando o fluxo de mídia é carregado." + } + }, + "createElement": { + "description": [ + "Cria um elemento HTML no DOM com segundo a tag definida." + ], + "returns": "p5.Element: ponteiro para um p5.Element contendo o node (nó) criado.", + "params": { + "tag": "String: tag HTML do novo elemento", + "content": "String (Opcional): conteúdo HTML do elemento." + } + }, + "deviceOrientation": { + "description": [ + "A variável global deviceOrientation, embutida na biblioteca p5.js, armazena a orientação do dispositivo em que o sketch está sendo executado. O valor da variável será LANDSCAPE (horizontal) ou PORTRAIT (vertical). Se nenhuma informação estiver disponível, o valor será undefined (indefinido)." + ] + }, + "accelerationX": { + "description": [ + "A variável global accelerationX, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo X. O valor é representado como metros por segundo ao quadrado." + ] + }, + "accelerationY": { + "description": [ + "A variável global accelerationY, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo Y. O valor é representado como metros por segundo ao quadrado." + ] + }, + "accelerationZ": { + "description": [ + "A variável global accelerationZ, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo Z. O valor é representado como metros por segundo ao quadrado." + ] + }, + "pAccelerationX": { + "description": [ + "A variável global pAccelerationX, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo X no frame anterior ao atual. O valor é representado como metros por segundo ao quadrado." + ] + }, + "pAccelerationY": { + "description": [ + "A variável global pAccelerationY, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo Y no frame anterior ao atual. O valor é representado como metros por segundo ao quadrado." + ] + }, + "pAccelerationZ": { + "description": [ + "A variável global pAccelerationZ, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo Z no frame anterior ao atual. O valor é representado como metros por segundo ao quadrado." + ] + }, + "rotationX": { + "description": [ + "A variável global rotationX, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo X. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre -180 e 180. Caso esteja definido como radianos (RADIANS), o valor será entre -PI e PI.", + "Nota: A ordem em que as rotações são chamas é importate. Se usadas em conjunto, é preciso chamá-las na ordem Z-X-Y, ou é possível que aconteçam comportamentos inesperados." + ] + }, + "rotationY": { + "description": [ + "A variável global rotationY, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo Y. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre -90 e 90. Caso esteja definido como radianos (RADIANS), o valor será entre -PI/2 e PI/2.", + "Nota: A ordem em que as rotações são chamas é importate. Se usadas em conjunto, é preciso chamá-las na ordem Z-X-Y, ou é possível que aconteçam comportamentos inesperados." + ] + }, + "rotationZ": { + "description": [ + "A variável global rotationZ, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo Z. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre 0 e 360. Caso esteja definido como radianos (RADIANS), o valor será entre 0 e 2*PI.", + "Nota: A ordem em que as rotações são chamas é importate. Se usadas em conjunto, é preciso chamá-las na ordem Z-X-Y, ou é possível que aconteçam comportamentos inesperados." + ] + }, + "pRotationX": { + "description": [ + "A variável global pRotationX, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo X no frame anterior ao atual. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre -180 e 180. Caso esteja definido como radianos (RADIANS), o valor será entre -PI e PI.", + "pRotationX pode ser utilizada em conjunto com rotationX para determinar a direção de rotação do dispositivo no eixo X." + ] + }, + "pRotationY": { + "description": [ + "A variável global pRotationY, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo Y no frame anterior ao atual. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre -90 e 90. Caso esteja definido como radianos (RADIANS), o valor será entre -PI/2 e PI/2.", + "pRotationY pode ser utilizada em conjunto com rotationY para determinar a direção de rotação do dispositivo no eixo Y." + ] + }, + "pRotationZ": { + "description": [ + "A variável global pRotationZ, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo Z no frame anterior ao atual. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre 0 e 360. Caso esteja definido como radianos (RADIANS), o valor será entre 0 e 2*PI.", + "pRotationZ pode ser utilizada em conjunto com rotationZ para determinar a direção de rotação do dispositivo no eixo Z." + ] + }, + "turnAxis": { + "description": [ + "Quanto o dispositivo é rotacionado, o método deviceTurned() é acionado, e o eixo de rotação é armazenado na variável turnAxis. Essa variável só é definida dentro do escopo de deviceTurned()." + ] + }, + "setMoveThreshold": { + "description": [ + "A função setMoveThreshold() é utilizada para definir o limiar de movimento da função deviceMoved(). O valor limiar padrão é 0.5." + ], + "params": { + "value": "Número: o valor do limiar" + } + }, + "setShakeThreshold": { + "description": [ + "A função setShakeThreshold() é utilizada para definir o limiar de movimento da função deviceShaken(). O valor limiar padrão é 30." + ], + "params": { + "value": "Número: o valor do limiar" + } + }, + "deviceMoved": { + "description": [ + "A função deviceMoved() é chamada quando o dispositivo for movido para além do limiar em qualquer um dos eixos (X, Y ou Z). O valor limiar padrão é 0.5, e pode ser alterado através da função setMoveThreshold()." + ] + }, + "deviceTurned": { + "description": [ + "A função deviceTurned() é chamada quando o dispositivo for rotacionado mais de 90 graus contínuos em qualquer eixo (X, Y ou Z).", + "O eixo que dispara este método é armazenado na variável turnAxis. Assim, é possível direcionar sua execução para eixos específicos ao comparar a variável turnAxis com 'X', 'Y' ou 'Z'" + ] + }, + "deviceShaken": { + "description": [ + "A função deviceShaken() é chamada quando a aceleração total do dispositivo nos eixos X (accelerationX) e Y (accelerationY) for superior ao valor limiar.", + "Por padrão, este valor é 30, mas pode ser alterado através da função setShakeThreshold()." + ] + }, + "keyIsPressed": { + "description": [ + "A variável booleana global keyIsPressed é true (verdadeira) quando uma tecla está pressionada, e false (falsa) quando não." + ] + }, + "key": { + "description": [ + "A variável global key armazena o valor da última tecla que foi pressionada no teclado. Para garantir que o resultado transmita a informação correta em relação a minúsculas ou maiúsculas, é melhor utilizá-la dentro da função keyTyped(). Para teclas especiais ou caracteres fora do padrão ASCII, utilize a variável keyCode." + ] + }, + "keyCode": { + "description": [ + "A variável global keyCode armazena o código correspondente à última tecla que foi pressionada no teclado. Diferente da variável key, keyCode permite detectar teclas especiais. Para tal, é preciso comparar a variável com o código correspondente à tecla especial desejada, ou com as constantes correspondentes como BACKSPACE, DELETE, ENTER, RETURN, TAB, ESCAPE, SHIFT, CONTROL, OPTION, ALT, UP_ARROW (seta superior), DOWN_ARROW (seta inferior), LEFT_ARROW (seta esquerda), RIGHT_ARROW (seta direita). Você também pode utilizar um site como keycode.info para encontrar o código da tecla (key code) de qualquer tecla em seu teclado." + ] + }, + "keyPressed": { + "description": [ + "A função keyPressed() é chamada a cada vez que uma tecla é pressionada. O código da tecla e seu valor são então armazenados nas variáveis keyCode e key.", + "Para caracteres dentro do padrão ASCII, o valor da tecla é armazenado na variável key. No entanto, a distinção entre maiúsculas e minúsculas não é garantida. Caso essa distinção seja necessária, é recomendado ler a variável dentro da função keyTyped().", + "Para caracteres fora do padrão ASCII, o código da tecla é armazenado na variável keyCode. Ela permite detectar teclas especiais ao ser comparada com o código correspondente à tecla especial desejada, ou com as constantes correspondentes como BACKSPACE, DELETE, ENTER, RETURN, TAB, ESCAPE, SHIFT, CONTROL, OPTION, ALT, UP_ARROW (seta superior), DOWN_ARROW (seta inferior), LEFT_ARROW (seta esquerda), RIGHT_ARROW (seta direita).", + "Por causa da forma com que os sistemas operacionais tratam repetições nas teclas, pressionar continuamente uma tecla pode causar chamadas múltiplas aos métodos keyPressed(), keyTyped() e keyReleased(). A frequência de repetição é definida pelo sistema operacional, e pela configuração de cada dispositivo. Navegadores podem ter comportamentos diferentes relacionados a cada evento de tecla. Para previnir qualquer comportamento padrão, adicione return false ao fim do método." + ], + "params": { + "event": "Objeto (opcional): argumento de callback do tipo KeyboardEvent (evento de teclado)" + } + }, + "keyReleased": { + "description": [ + "A função keyReleased() é chamada a cada vez que uma tecla é liberada após ser pressionada. Veja key e keyCode para mais detalhes.", + "Navegadores podem ter comportamentos diferentes relacionados a cada evento de tecla. Para previnir qualquer comportamento padrão, adicione return false ao fim do método." + ], + "params": { + "event": "Objeto (opcional): argumento de callback do tipo KeyboardEvent (evento de teclado)" + } + }, + "keyTyped": { + "description": [ + "A função keyTyped() é chamada a cada vez que uma tecla é pressionada, mas teclas de ação como Backspace, Delete, Ctrl, Shift, e Alt são ignoradas. A última tecla pressionada é armazenada na variável key. Caso esteja buscando o código da tecla, utilize a função keyPressed().", + "Por causa da forma com que os sistemas operacionais tratam repetições nas teclas, pressionar continuamente uma tecla pode causar chamadas múltiplas aos métodos keyTyped(), keyPressed() e keyReleased(). A frequência de repetição é definida pelo sistema operacional, e pela configuração de cada dispositivo. Navegadores podem ter comportamentos diferentes relacionados a cada evento de tecla. Para previnir qualquer comportamento padrão, adicione return false ao fim do método." + ], + "params": { + "event": "Objeto (opcional): argumento de callback do tipo KeyboardEvent (evento de teclado)" + } + }, + "keyIsDown": { + "description": [ + "A função keyIsDown() verifica se alguma tecla está sendo pressionada. Ela pode ser utilizada caso você queira que diversas teclas afetem o comportamento de um objeto simultaneamente. Por exemplo, você pode querer que um objeto mova diagonalmente somente se as setas esquerda e superior estejam pressionadas ao mesmo tempo.", + "Você pode verificar qualquer tecla através do seu código de tecla (key code), ou utilizar uma das contantes: BACKSPACE, DELETE, ENTER, RETURN, TAB, ESCAPE, SHIFT, CONTROL, OPTION, ALT, UP_ARROW (seta superior), DOWN_ARROW (seta inferior), LEFT_ARROW (seta esquerda), RIGHT_ARROW (seta direita)." + ], + "returns": "Booleano: se a tecla está pressionada ou não", + "params": { + "code": "Número: A tecla a ser verificada" + } + }, + "movedX": { + "description": [ + "The variable movedX contains the horizontal movement of the mouse since the last frame" + ] + }, + "movedY": { + "description": [ + "The variable movedY contains the vertical movement of the mouse since the last frame" + ] + }, + "mouseX": { + "description": [ + "The system variable mouseX always contains the current horizontal position of the mouse, relative to (0, 0) of the canvas. The value at the top-left corner is (0, 0) for 2-D and (-width/2, -height/2) for WebGL. If touch is used instead of mouse input, mouseX will hold the x value of the most recent touch point." + ] + }, + "mouseY": { + "description": [ + "The system variable mouseY always contains the current vertical position of the mouse, relative to (0, 0) of the canvas. The value at the top-left corner is (0, 0) for 2-D and (-width/2, -height/2) for WebGL. If touch is used instead of mouse input, mouseY will hold the y value of the most recent touch point." + ] + }, + "pmouseX": { + "description": [ + "The system variable pmouseX always contains the horizontal position of the mouse or finger in the frame previous to the current frame, relative to (0, 0) of the canvas. The value at the top-left corner is (0, 0) for 2-D and (-width/2, -height/2) for WebGL. Note: pmouseX will be reset to the current mouseX value at the start of each touch event." + ] + }, + "pmouseY": { + "description": [ + "The system variable pmouseY always contains the vertical position of the mouse or finger in the frame previous to the current frame, relative to (0, 0) of the canvas. The value at the top-left corner is (0, 0) for 2-D and (-width/2, -height/2) for WebGL. Note: pmouseY will be reset to the current mouseY value at the start of each touch event." + ] + }, + "winMouseX": { + "description": [ + "The system variable winMouseX always contains the current horizontal position of the mouse, relative to (0, 0) of the window." + ] + }, + "winMouseY": { + "description": [ + "The system variable winMouseY always contains the current vertical position of the mouse, relative to (0, 0) of the window." + ] + }, + "pwinMouseX": { + "description": [ + "The system variable pwinMouseX always contains the horizontal position of the mouse in the frame previous to the current frame, relative to (0, 0) of the window. Note: pwinMouseX will be reset to the current winMouseX value at the start of each touch event." + ] + }, + "pwinMouseY": { + "description": [ + "The system variable pwinMouseY always contains the vertical position of the mouse in the frame previous to the current frame, relative to (0, 0) of the window. Note: pwinMouseY will be reset to the current winMouseY value at the start of each touch event." + ] + }, + "mouseButton": { + "description": [ + "Processing automatically tracks if the mouse button is pressed and which button is pressed. The value of the system variable mouseButton is either LEFT, RIGHT, or CENTER depending on which button was pressed last. Warning: different browsers may track mouseButton differently." + ] + }, + "mouseIsPressed": { + "description": [ + "The boolean system variable mouseIsPressed is true if the mouse is pressed and false if not." + ] + }, + "mouseMoved": { + "description": [ + "The mouseMoved() function is called every time the mouse moves and a mouse button is not pressed. Browsers may have different default behaviors attached to various mouse events. To prevent any default behavior for this event, add \"return false\" to the end of the method." + ], + "params": { + "event": "Object: (Optional) optional MouseEvent callback argument." + } + }, + "mouseDragged": { + "description": [ + "The mouseDragged() function is called once every time the mouse moves and a mouse button is pressed. If no mouseDragged() function is defined, the touchMoved() function will be called instead if it is defined. Browsers may have different default behaviors attached to various mouse events. To prevent any default behavior for this event, add \"return false\" to the end of the method." + ], + "params": { + "event": "Object: (Optional) optional MouseEvent callback argument." + } + }, + "mousePressed": { + "description": [ + "The mousePressed() function is called once after every time a mouse button is pressed. The mouseButton variable (see the related reference entry) can be used to determine which button has been pressed. If no mousePressed() function is defined, the touchStarted() function will be called instead if it is defined. Browsers may have different default behaviors attached to various mouse events. To prevent any default behavior for this event, add \"return false\" to the end of the method." + ], + "params": { + "event": "Object: (Optional) optional MouseEvent callback argument." + } + }, + "mouseReleased": { + "description": [ + "The mouseReleased() function is called every time a mouse button is released. If no mouseReleased() function is defined, the touchEnded() function will be called instead if it is defined. Browsers may have different default behaviors attached to various mouse events. To prevent any default behavior for this event, add \"return false\" to the end of the method." + ], + "params": { + "event": "Object: (Optional) optional MouseEvent callback argument." + } + }, + "mouseClicked": { + "description": [ + "The mouseClicked() function is called once after a mouse button has been pressed and then released. Browsers handle clicks differently, so this function is only guaranteed to be run when the left mouse button is clicked. To handle other mouse buttons being pressed or released, see mousePressed() or mouseReleased(). Browsers may have different default behaviors attached to various mouse events. To prevent any default behavior for this event, add \"return false\" to the end of the method." + ], + "params": { + "event": "Object: (Optional) optional MouseEvent callback argument." + } + }, + "doubleClicked": { + "description": [ + "The doubleClicked() function is executed every time a event listener has detected a dblclick event which is a part of the DOM L3 specification. The doubleClicked event is fired when a pointing device button (usually a mouse's primary button) is clicked twice on a single element. For more info on the dblclick event refer to mozilla's documentation here: https://developer.mozilla.org/en-US/docs/Web/Events/dblclick" + ], + "params": { + "event": "Object: (Optional) optional MouseEvent callback argument." + } + }, + "mouseWheel": { + "description": [ + "The function mouseWheel() is executed every time a vertical mouse wheel event is detected either triggered by an actual mouse wheel or by a touchpad. The event.delta property returns the amount the mouse wheel have scrolled. The values can be positive or negative depending on the scroll direction (on OS X with \"natural\" scrolling enabled, the signs are inverted). Browsers may have different default behaviors attached to various mouse events. To prevent any default behavior for this event, add \"return false\" to the end of the method. Due to the current support of the \"wheel\" event on Safari, the function may only work as expected if \"return false\" is included while using Safari." + ], + "params": { + "event": "Object: (Optional) optional WheelEvent callback argument." + } + }, + "requestPointerLock": { + "description": [ + "The function requestPointerLock() locks the pointer to its current position and makes it invisible. Use movedX and movedY to get the difference the mouse was moved since the last call of draw. Note that not all browsers support this feature. This enables you to create experiences that aren't limited by the mouse moving out of the screen even if it is repeatedly moved into one direction. For example, a first person perspective experience." + ] + }, + "exitPointerLock": { + "description": [ + "The function exitPointerLock() exits a previously triggered pointer Lock for example to make ui elements usable etc" + ] + }, + "touches": { + "description": [ + "The system variable touches[] contains an array of the positions of all current touch points, relative to (0, 0) of the canvas, and IDs identifying a unique touch as it moves. Each element in the array is an object with x, y, and id properties. ", + "The touches[] array is not supported on Safari and IE on touch-based desktops (laptops)." + ] + }, + "touchStarted": { + "description": [ + "The touchStarted() function is called once after every time a touch is registered. If no touchStarted() function is defined, the mousePressed() function will be called instead if it is defined. Browsers may have different default behaviors attached to various touch events. To prevent any default behavior for this event, add \"return false\" to the end of the method." + ], + "params": { + "event": "Object: (Optional) optional TouchEvent callback argument." + } + }, + "touchMoved": { + "description": [ + "The touchMoved() function is called every time a touch move is registered. If no touchMoved() function is defined, the mouseDragged() function will be called instead if it is defined. Browsers may have different default behaviors attached to various touch events. To prevent any default behavior for this event, add \"return false\" to the end of the method." + ], + "params": { + "event": "Object: (Optional) optional TouchEvent callback argument." + } + }, + "touchEnded": { + "description": [ + "The touchEnded() function is called every time a touch ends. If no touchEnded() function is defined, the mouseReleased() function will be called instead if it is defined. Browsers may have different default behaviors attached to various touch events. To prevent any default behavior for this event, add \"return false\" to the end of the method." + ], + "params": { + "event": "Object: (Optional) optional TouchEvent callback argument." + } + }, + "createImage": { + "description": [ + "Creates a new p5.Image (the datatype for storing images). This provides a fresh buffer of pixels to play with. Set the size of the buffer with the width and height parameters. ", + ".pixels gives access to an array containing the values for all the pixels in the display window. These values are numbers. This array is the size (including an appropriate factor for the pixelDensity) of the display window x4, representing the R, G, B, A values in order for each pixel, moving from left to right across each row, then down each column. See .pixels for more info. It may also be simpler to use set() or get(). ", + "Before accessing the pixels of an image, the data must loaded with the loadPixels() function. After the array data has been modified, the updatePixels() function must be run to update the changes." + ], + "returns": "p5.Image: the p5.Image object", + "params": { + "width": "Integer: width in pixels", + "height": "Integer: height in pixels" + } + }, + "saveCanvas": { + "description": [ + "Save the current canvas as an image. The browser will either save the file immediately, or prompt the user with a dialogue window." + ], + "params": { + "selectedCanvas": "p5.Element|HTMLCanvasElement: a variable representing a specific html5 canvas (optional)", + "filename": "String (Optional)", + "extension": "String: (Optional) 'jpg' or 'png'" + } + }, + "saveFrames": { + "description": [ + "Capture a sequence of frames that can be used to create a movie. Accepts a callback. For example, you may wish to send the frames to a server where they can be stored or converted into a movie. If no callback is provided, the browser will pop up save dialogues in an attempt to download all of the images that have just been created. With the callback provided the image data isn't saved by default but instead passed as an argument to the callback function as an array of objects, with the size of array equal to the total number of frames. ", + "Note that saveFrames() will only save the first 15 frames of an animation. To export longer animations, you might look into a library like ccapture.js." + ], + "params": { + "filename": "String", + "extension": "String: 'jpg' or 'png'", + "duration": "Number: Duration in seconds to save the frames for.", + "framerate": "Number: Framerate to save the frames in.", + "callback": "Function(Array): (Optional) A callback function that will be executed to handle the image data. This function should accept an array as argument. The array will contain the specified number of frames of objects. Each object has three properties: imageData - an image/octet-stream, filename and extension." + } + }, + "loadImage": { + "description": [ + "Loads an image from a path and creates a p5.Image from it. ", + "The image may not be immediately available for rendering. If you want to ensure that the image is ready before doing anything with it, place the loadImage() call in preload(). You may also supply a callback function to handle the image when it's ready. ", + "The path to the image should be relative to the HTML file that links in your sketch. Loading an image from a URL or other remote location may be blocked due to your browser's built-in security. ", + "You can also pass in a string of a base64 encoded image as an alternative to the file path. Remember to add \"data:image/png;base64,\" in front of the string." + ], + "returns": "p5.Image: the p5.Image object", + "params": { + "path": "String: Path of the image to be loaded", + "successCallback": "function(p5.Image): (Optional) Function to be called once the image is loaded. Will be passed the p5.Image.", + "failureCallback": "Function(Event): (Optional) called with event error if the image fails to load." + } + }, + "image": { + "description": [ + "Draw an image to the p5.js canvas. ", + "This function can be used with different numbers of parameters. The simplest use requires only three parameters: img, x, and y—where (x, y) is the position of the image. Two more parameters can optionally be added to specify the width and height of the image. ", + "This function can also be used with all eight Number parameters. To differentiate between all these parameters, p5.js uses the language of \"destination rectangle\" (which corresponds to \"dx\", \"dy\", etc.) and \"source image\" (which corresponds to \"sx\", \"sy\", etc.) below. Specifying the \"source image\" dimensions can be useful when you want to display a subsection of the source image instead of the whole thing. Here's a diagram to explain further: " + ], + "params": { + "img": "p5.Image|p5.Element: the image to display", + "x": "Number: the x-coordinate of the top-left corner of the image", + "y": "Number: the y-coordinate of the top-left corner of the image", + "width": "Number: (Optional) the width to draw the image", + "height": "Number: (Optional) the height to draw the image", + "dx": "Number: the x-coordinate of the destination rectangle in which to draw the source image", + "dy": "Number: the y-coordinate of the destination rectangle in which to draw the source image", + "dWidth": "Number: the width of the destination rectangle", + "dHeight": "Number: the height of the destination rectangle", + "sx": "Number: the x-coordinate of the subsection of the source image to draw into the destination rectangle", + "sy": "Number: the y-coordinate of the subsection of the source image to draw into the destination rectangle", + "sWidth": "Number: (Optional) the width of the subsection of the source image to draw into the destination rectangle", + "sHeight": "Number: (Optional) the height of the subsection of the source image to draw into the destination rectangle" + } + }, + "tint": { + "description": [ + "Sets the fill value for displaying images. Images can be tinted to specified colors or made transparent by including an alpha value. ", + "To apply transparency to an image without affecting its color, use white as the tint color and specify an alpha value. For instance, tint(255, 128) will make an image 50% transparent (assuming the default alpha range of 0-255, which can be changed with colorMode()). ", + "The value for the gray parameter must be less than or equal to the current maximum value as specified by colorMode(). The default maximum value is 255." + ], + "params": { + "v1": "Number: o valor de vermelho ou de matiz (dependendo do formato de cor sendo utilizado)", + "v2": "Number: green or saturation value relative to the current color range", + "v3": "Number: blue or brightness value relative to the current color range", + "alpha": "Number (Optional)", + "value": "String: a color string", + "gray": "Number: a gray value", + "values": "Number[]: an array containing the red,green,blue & and alpha components of the color", + "color": "p5.Color: the tint color" + } + }, + "noTint": { + "description": [ + "Removes the current fill value for displaying images and reverts to displaying images with their original hues." + ] + }, + "imageMode": { + "description": [ + "Set image mode. Modifies the location from which images are drawn by changing the way in which parameters given to image() are interpreted. The default mode is imageMode(CORNER), which interprets the second and third parameters of image() as the upper-left corner of the image. If two additional parameters are specified, they are used to set the image's width and height. ", + "imageMode(CORNERS) interprets the second and third parameters of image() as the location of one corner, and the fourth and fifth parameters as the opposite corner. ", + "imageMode(CENTER) interprets the second and third parameters of image() as the image's center point. If two additional parameters are specified, they are used to set the image's width and height." + ], + "params": { + "mode": "Constant: either CORNER, CORNERS, or CENTER" + } + }, + "pixels": { + "description": [ + "Uint8ClampedArray containing the values for all the pixels in the display window. These values are numbers. This array is the size (include an appropriate factor for pixelDensity) of the display window x4, representing the R, G, B, A values in order for each pixel, moving from left to right across each row, then down each column. Retina and other high density displays will have more pixels[] (by a factor of pixelDensity^2). For example, if the image is 100x100 pixels, there will be 40,000. On a retina display, there will be 160,000. ", + "The first four values (indices 0-3) in the array will be the R, G, B, A values of the pixel at (0, 0). The second four values (indices 4-7) will contain the R, G, B, A values of the pixel at (1, 0). More generally, to set values for a pixel at (x, y): 
let d = pixelDensity(); for (let i = 0; i < d; i++) {  for (let j = 0; j < d; j++) {  // loop over  index = 4 * ((y * d + j) * width * d + (x * d + i));  pixels[index] = r;  pixels[index+1] = g;  pixels[index+2] = b;  pixels[index+3] = a;  } }
", + "While the above method is complex, it is flexible enough to work with any pixelDensity. Note that set() will automatically take care of setting all the appropriate values in pixels[] for a given (x, y) at any pixelDensity, but the performance may not be as fast when lots of modifications are made to the pixel array. ", + "Before accessing this array, the data must loaded with the loadPixels() function. After the array data has been modified, the updatePixels() function must be run to update the changes. ", + "Note that this is not a standard javascript array. This means that standard javascript functions such as slice() or arrayCopy() do not work." + ] + }, + "blend": { + "description": [ + "Copies a region of pixels from one image to another, using a specified blend mode to do the operation." + ], + "params": { + "srcImage": "p5.Image: source image", + "sx": "Integer: X coordinate of the source's upper left corner", + "sy": "Integer: Y coordinate of the source's upper left corner", + "sw": "Integer: source image width", + "sh": "Integer: source image height", + "dx": "Integer: X coordinate of the destination's upper left corner", + "dy": "Integer: Y coordinate of the destination's upper left corner", + "dw": "Integer: destination image width", + "dh": "Integer: destination image height", + "blendMode": "Constant: the blend mode. either BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT, SOFT_LIGHT, DODGE, BURN, ADD or NORMAL." + } + }, + "copy": { + "description": [ + "Copies a region of the canvas to another region of the canvas and copies a region of pixels from an image used as the srcImg parameter into the canvas srcImage is specified this is used as the source. If the source and destination regions aren't the same size, it will automatically resize source pixels to fit the specified target region." + ], + "params": { + "srcImage": "p5.Image|p5.Element: source image", + "sx": "Integer: X coordinate of the source's upper left corner", + "sy": "Integer: Y coordinate of the source's upper left corner", + "sw": "Integer: source image width", + "sh": "Integer: source image height", + "dx": "Integer: X coordinate of the destination's upper left corner", + "dy": "Integer: Y coordinate of the destination's upper left corner", + "dw": "Integer: destination image width", + "dh": "Integer: destination image height" + } + }, + "filter": { + "description": [ + "Applies a filter to the canvas. The presets options are: ", + "THRESHOLD Converts the image to black and white pixels depending if they are above or below the threshold defined by the level parameter. The parameter must be between 0.0 (black) and 1.0 (white). If no level is specified, 0.5 is used. ", + "GRAY Converts any colors in the image to grayscale equivalents. No parameter is used. ", + "OPAQUE Sets the alpha channel to entirely opaque. No parameter is used. ", + "INVERT Sets each pixel to its inverse value. No parameter is used. ", + "POSTERIZE Limits each channel of the image to the number of colors specified as the parameter. The parameter can be set to values between 2 and 255, but results are most noticeable in the lower ranges. ", + "BLUR Executes a Gaussian blur with the level parameter specifying the extent of the blurring. If no parameter is used, the blur is equivalent to Gaussian blur of radius 1. Larger values increase the blur. ", + "ERODE Reduces the light areas. No parameter is used. ", + "DILATE Increases the light areas. No parameter is used. ", + "filter() does not work in WEBGL mode. A similar effect can be achieved in WEBGL mode using custom shaders. Adam Ferriss has written a selection of shader examples that contains many of the effects present in the filter examples." + ], + "params": { + "filterType": "Constant: either THRESHOLD, GRAY, OPAQUE, INVERT, POSTERIZE, BLUR, ERODE, DILATE or BLUR. See Filters.js for docs on each available filter", + "filterParam": "Number: (Optional) an optional parameter unique to each filter, see above" + } + }, + "get": { + "description": [ + "Get a region of pixels, or a single pixel, from the canvas. ", + "Returns an array of [R,G,B,A] values for any pixel or grabs a section of an image. If no parameters are specified, the entire image is returned. Use the x and y parameters to get the value of one pixel. Get a section of the display window by specifying additional w and h parameters. When getting an image, the x and y parameters define the coordinates for the upper-left corner of the image, regardless of the current imageMode(). ", + "Getting the color of a single pixel with get(x, y) is easy, but not as fast as grabbing the data directly from pixels[]. The equivalent statement to get(x, y) using pixels[] with pixel density d is 
let x, y, d; // set these to the coordinates let off = (y * width + x) * d * 4; let components = [  pixels[off],  pixels[off + 1],  pixels[off + 2],  pixels[off + 3] ]; print(components);
", + "See the reference for pixels[] for more information. ", + "If you want to extract an array of colors or a subimage from an p5.Image object, take a look at p5.Image.get()" + ], + "returns": "p5.Image: the rectangle p5.Image", + "params": { + "x": "Number: x-coordinate of the pixel", + "y": "Number: y-coordinate of the pixel", + "w": "Number: width", + "h": "Number: height" + } + }, + "loadPixels": { + "description": [ + "Loads the pixel data for the display window into the pixels[] array. This function must always be called before reading from or writing to pixels[]. Note that only changes made with set() or direct manipulation of pixels[] will occur." + ] + }, + "set": { + "description": [ + "Changes the color of any pixel, or writes an image directly to the display window. The x and y parameters specify the pixel to change and the c parameter specifies the color value. This can be a p5.Color object, or [R, G, B, A] pixel array. It can also be a single grayscale value. When setting an image, the x and y parameters define the coordinates for the upper-left corner of the image, regardless of the current imageMode(). ", + "After using set(), you must call updatePixels() for your changes to appear. This should be called once all pixels have been set, and must be called before calling .get() or drawing the image. ", + "Setting the color of a single pixel with set(x, y) is easy, but not as fast as putting the data directly into pixels[]. Setting the pixels[] values directly may be complicated when working with a retina display, but will perform better when lots of pixels need to be set directly on every loop. See the reference for pixels[] for more information." + ], + "params": { + "x": "Number: x-coordinate of the pixel", + "y": "Number: y-coordinate of the pixel", + "c": "Number|Number[]|Object: insert a grayscale value | a pixel array | a p5.Color object | a p5.Image to copy" + } + }, + "updatePixels": { + "description": [ + "Updates the display window with the data in the pixels[] array. Use in conjunction with loadPixels(). If you're only reading pixels from the array, there's no need to call updatePixels() — updating is only necessary to apply changes. updatePixels() should be called anytime the pixels array is manipulated or set() is called, and only changes made with set() or direct changes to pixels[] will occur." + ], + "params": { + "x": "Number: (Optional) x-coordinate of the upper-left corner of region to update", + "y": "Number: (Optional) y-coordinate of the upper-left corner of region to update", + "w": "Number: (Optional) width of region to update", + "h": "Number: (Optional) height of region to update" + } + }, + "loadJSON": { + "description": [ + "Loads a JSON file from a file or a URL, and returns an Object. Note that even if the JSON file contains an Array, an Object will be returned with index numbers as keys. ", + "This method is asynchronous, meaning it may not finish before the next line in your sketch is executed. JSONP is supported via a polyfill and you can pass in as the second argument an object with definitions of the json callback following the syntax specified here. ", + "This method is suitable for fetching files up to size of 64MB." + ], + "returns": "Object|Array: JSON data", + "params": { + "path": "String: name of the file or url to load", + "jsonpOptions": "Object: (Optional) options object for jsonp related settings", + "datatype": "String: (Optional) \"json\" or \"jsonp\"", + "callback": "Function: (Optional) function to be executed after loadJSON() completes, data is passed in as first argument", + "errorCallback": "Function: (Optional) function to be executed if there is an error, response is passed in as first argument" + } + }, + "loadStrings": { + "description": [ + "Reads the contents of a file and creates a String array of its individual lines. If the name of the file is used as the parameter, as in the above example, the file must be located in the sketch directory/folder. ", + "Alternatively, the file maybe be loaded from anywhere on the local computer using an absolute path (something that starts with / on Unix and Linux, or a drive letter on Windows), or the filename parameter can be a URL for a file found on a network. ", + "This method is asynchronous, meaning it may not finish before the next line in your sketch is executed. ", + "This method is suitable for fetching files up to size of 64MB." + ], + "returns": "String[]: Array of Strings", + "params": { + "filename": "String: name of the file or url to load", + "callback": "Function: (Optional) function to be executed after loadStrings() completes, Array is passed in as first argument", + "errorCallback": "Function: (Optional) function to be executed if there is an error, response is passed in as first argument" + } + }, + "loadTable": { + "description": [ + "Reads the contents of a file or URL and creates a p5.Table object with its values. If a file is specified, it must be located in the sketch's \"data\" folder. The filename parameter can also be a URL to a file found online. By default, the file is assumed to be comma-separated (in CSV format). Table only looks for a header row if the 'header' option is included. ", + "This method is asynchronous, meaning it may not finish before the next line in your sketch is executed. Calling loadTable() inside preload() guarantees to complete the operation before setup() and draw() are called. Outside of preload(), you may supply a callback function to handle the object: ", + "All files loaded and saved use UTF-8 encoding. This method is suitable for fetching files up to size of 64MB." + ], + "returns": "Object: Table object containing data", + "params": { + "filename": "String: name of the file or URL to load", + "extension": "String: (Optional) parse the table by comma-separated values \"csv\", semicolon-separated values \"ssv\", or tab-separated values \"tsv\"", + "header": "String: (Optional) \"header\" to indicate table has header row", + "callback": "Function: (Optional) function to be executed after loadTable() completes. On success, the Table object is passed in as the first argument.", + "errorCallback": "Function: (Optional) function to be executed if there is an error, response is passed in as first argument" + } + }, + "loadXML": { + "description": [ + "Reads the contents of a file and creates an XML object with its values. If the name of the file is used as the parameter, as in the above example, the file must be located in the sketch directory/folder. ", + "Alternatively, the file maybe be loaded from anywhere on the local computer using an absolute path (something that starts with / on Unix and Linux, or a drive letter on Windows), or the filename parameter can be a URL for a file found on a network. ", + "This method is asynchronous, meaning it may not finish before the next line in your sketch is executed. Calling loadXML() inside preload() guarantees to complete the operation before setup() and draw() are called. ", + "Outside of preload(), you may supply a callback function to handle the object. ", + "This method is suitable for fetching files up to size of 64MB." + ], + "returns": "Object: XML object containing data", + "params": { + "filename": "String: name of the file or URL to load", + "callback": "Function: (Optional) function to be executed after loadXML() completes, XML object is passed in as first argument", + "errorCallback": "Function: (Optional) function to be executed if there is an error, response is passed in as first argument" + } + }, + "loadBytes": { + "description": [ + "This method is suitable for fetching files up to size of 64MB." + ], + "returns": "Object: an object whose 'bytes' property will be the loaded buffer", + "params": { + "file": "String: name of the file or URL to load", + "callback": "Function: (Optional) function to be executed after loadBytes() completes", + "errorCallback": "Function: (Optional) function to be executed if there is an error" + } + }, + "httpGet": { + "description": [ + "Method for executing an HTTP GET request. If data type is not specified, p5 will try to guess based on the URL, defaulting to text. This is equivalent to calling httpDo(path, 'GET'). The 'binary' datatype will return a Blob object, and the 'arrayBuffer' datatype will return an ArrayBuffer which can be used to initialize typed arrays (such as Uint8Array)." + ], + "returns": "Promise: A promise that resolves with the data when the operation completes successfully or rejects with the error after one occurs.", + "params": { + "path": "String: name of the file or url to load", + "datatype": "String: (Optional) \"json\", \"jsonp\", \"binary\", \"arrayBuffer\", \"xml\", or \"text\"", + "data": "Object|Boolean: (Optional) param data passed sent with request", + "callback": "Function: (Optional) function to be executed after httpGet() completes, data is passed in as first argument", + "errorCallback": "Function: (Optional) function to be executed if there is an error, response is passed in as first argument" + } + }, + "httpPost": { + "description": [ + "Method for executing an HTTP POST request. If data type is not specified, p5 will try to guess based on the URL, defaulting to text. This is equivalent to calling httpDo(path, 'POST')." + ], + "returns": "Promise: A promise that resolves with the data when the operation completes successfully or rejects with the error after one occurs.", + "params": { + "path": "String: name of the file or url to load", + "datatype": "String: (Optional) \"json\", \"jsonp\", \"xml\", or \"text\". If omitted, httpPost() will guess.", + "data": "Object|Boolean: (Optional) param data passed sent with request", + "callback": "Function: (Optional) function to be executed after httpPost() completes, data is passed in as first argument", + "errorCallback": "Function: (Optional) function to be executed if there is an error, response is passed in as first argument" + } + }, + "httpDo": { + "description": [ + "Method for executing an HTTP request. If data type is not specified, p5 will try to guess based on the URL, defaulting to text. For more advanced use, you may also pass in the path as the first argument and a object as the second argument, the signature follows the one specified in the Fetch API specification. This method is suitable for fetching files up to size of 64MB when \"GET\" is used." + ], + "returns": "Promise: A promise that resolves with the data when the operation completes successfully or rejects with the error after one occurs.", + "params": { + "path": "String: name of the file or url to load", + "method": "String: (Optional) either \"GET\", \"POST\", or \"PUT\", defaults to \"GET\"", + "datatype": "String: (Optional) \"json\", \"jsonp\", \"xml\", or \"text\"", + "data": "Object: (Optional) param data passed sent with request", + "callback": "Function: (Optional) function to be executed after httpGet() completes, data is passed in as first argument", + "errorCallback": "Function: (Optional) function to be executed if there is an error, response is passed in as first argument", + "options": "Object: Request object options as documented in the \"fetch\" API reference" + } + }, + "createWriter": { + "returns": "p5.PrintWriter: ", + "params": { + "name": "String: name of the file to be created", + "extension": "String (Optional)" + } + }, + "save": { + "description": [ + "Saves a given element(image, text, json, csv, wav, or html) to the client's computer. The first parameter can be a pointer to element we want to save. The element can be one of p5.Element,an Array of Strings, an Array of JSON, a JSON object, a p5.Table , a p5.Image, or a p5.SoundFile (requires p5.sound). The second parameter is a filename (including extension).The third parameter is for options specific to this type of object. This method will save a file that fits the given parameters. If it is called without specifying an element, by default it will save the whole canvas as an image file. You can optionally specify a filename as the first parameter in such a case. Note that it is not recommended to call this method within draw, as it will open a new save dialog on every render." + ], + "params": { + "objectOrFilename": "Object|String: (Optional) If filename is provided, will save canvas as an image with either png or jpg extension depending on the filename. If object is provided, will save depending on the object and filename (see examples above).", + "filename": "String: (Optional) If an object is provided as the first parameter, then the second parameter indicates the filename, and should include an appropriate file extension (see examples above).", + "options": "Boolean|String: (Optional) Additional options depend on filetype. For example, when saving JSON, true indicates that the output will be optimized for filesize, rather than readability." + } + }, + "saveJSON": { + "description": [ + "Writes the contents of an Array or a JSON object to a .json file. The file saving process and location of the saved file will vary between web browsers." + ], + "params": { + "json": "Array|Object", + "filename": "String", + "optimize": "Boolean: (Optional) If true, removes line breaks and spaces from the output file to optimize filesize (but not readability)." + } + }, + "saveStrings": { + "description": [ + "Writes an array of Strings to a text file, one line per String. The file saving process and location of the saved file will vary between web browsers." + ], + "params": { + "list": "String[]: string array to be written", + "filename": "String: filename for output", + "extension": "String: (Optional) the filename's extension", + "isCRLF": "Boolean: (Optional) if true, change line-break to CRLF" + } + }, + "saveTable": { + "description": [ + "Writes the contents of a Table object to a file. Defaults to a text file with comma-separated-values ('csv') but can also use tab separation ('tsv'), or generate an HTML table ('html'). The file saving process and location of the saved file will vary between web browsers." + ], + "params": { + "Table": "p5.Table: the Table object to save to a file", + "filename": "String: the filename to which the Table should be saved", + "options": "String: (Optional) can be one of \"tsv\", \"csv\", or \"html\"" + } + }, + "abs": { + "description": [ + "Calculates the absolute value (magnitude) of a number. Maps to Math.abs(). The absolute value of a number is always positive." + ], + "returns": "Number: absolute value of given number", + "params": { + "n": "Number: number to compute" + } + }, + "ceil": { + "description": [ + "Calculates the closest int value that is greater than or equal to the value of the parameter. Maps to Math.ceil(). For example, ceil(9.03) returns the value 10." + ], + "returns": "Integer: rounded up number", + "params": { + "n": "Number: number to round up" + } + }, + "constrain": { + "description": [ + "Constrains a value between a minimum and maximum value." + ], + "returns": "Number: constrained number", + "params": { + "n": "Number: number to constrain", + "low": "Number: minimum limit", + "high": "Number: maximum limit" + } + }, + "dist": { + "description": [ + "Calculates the distance between two points, in either two or three dimensions." + ], + "returns": "Number: distance between the two points", + "params": { + "x1": "Number: x-coordinate do primeiro ponto", + "y1": "Number: y-coordinate do primeiro ponto", + "x2": "Number: x-coordinate do segundo ponto", + "y2": "Number: y-coordinate do segundo ponto", + "z1": "Number: z-coordinate do primeiro ponto", + "z2": "Number: z-coordinate do segundo ponto" + } + }, + "exp": { + "description": [ + "Returns Euler's number e (2.71828...) raised to the power of the n parameter. Maps to Math.exp()." + ], + "returns": "Number: e^n", + "params": { + "n": "Number: exponent to raise" + } + }, + "floor": { + "description": [ + "Calculates the closest int value that is less than or equal to the value of the parameter. Maps to Math.floor()." + ], + "returns": "Integer: rounded down number", + "params": { + "n": "Number: number to round down" + } + }, + "lerp": { + "description": [ + "Calculates a number between two numbers at a specific increment. The amt parameter is the amount to interpolate between the two values where 0.0 equal to the first point, 0.1 is very near the first point, 0.5 is half-way in between, and 1.0 is equal to the second point. If the value of amt is more than 1.0 or less than 0.0, the number will be calculated accordingly in the ratio of the two given numbers. The lerp function is convenient for creating motion along a straight path and for drawing dotted lines." + ], + "returns": "Number: lerped value", + "params": { + "start": "Number: first value", + "stop": "Number: second value", + "amt": "Number: number" + } + }, + "log": { + "description": [ + "Calculates the natural logarithm (the base-e logarithm) of a number. This function expects the n parameter to be a value greater than 0.0. Maps to Math.log()." + ], + "returns": "Number: natural logarithm of n", + "params": { + "n": "Number: number greater than 0" + } + }, + "mag": { + "description": [ + "Calculates the magnitude (or length) of a vector. A vector is a direction in space commonly used in computer graphics and linear algebra. Because it has no \"start\" position, the magnitude of a vector can be thought of as the distance from the coordinate 0,0 to its x,y value. Therefore, mag() is a shortcut for writing dist(0, 0, x, y)." + ], + "returns": "Number: magnitude of vector from (0,0) to (a,b)", + "params": { + "a": "Number: first value", + "b": "Number: second value" + } + }, + "map": { + "description": [ + "Re-maps a number from one range to another. ", + "In the first example above, the number 25 is converted from a value in the range of 0 to 100 into a value that ranges from the left edge of the window (0) to the right edge (width)." + ], + "returns": "Number: remapped number", + "params": { + "value": "Number: the incoming value to be converted", + "start1": "Number: lower bound of the value's current range", + "stop1": "Number: upper bound of the value's current range", + "start2": "Number: lower bound of the value's target range", + "stop2": "Number: upper bound of the value's target range", + "withinBounds": "Boolean: (Optional) constrain the value to the newly mapped range" + } + }, + "max": { + "description": [ + "Determines the largest value in a sequence of numbers, and then returns that value. max() accepts any number of Number parameters, or an Array of any length." + ], + "returns": "Number: maximum Number", + "params": { + "n0": "Number: Number to compare", + "n1": "Number: Number to compare", + "nums": "Number[]: Numbers to compare" + } + }, + "min": { + "description": [ + "Determines the smallest value in a sequence of numbers, and then returns that value. min() accepts any number of Number parameters, or an Array of any length." + ], + "returns": "Number: minimum Number", + "params": { + "n0": "Number: Number to compare", + "n1": "Number: Number to compare", + "nums": "Number[]: Numbers to compare" + } + }, + "norm": { + "description": [ + "Normalizes a number from another range into a value between 0 and 1. Identical to map(value, low, high, 0, 1). Numbers outside of the range are not clamped to 0 and 1, because out-of-range values are often intentional and useful. (See the example above.)" + ], + "returns": "Number: normalized number", + "params": { + "value": "Number: incoming value to be normalized", + "start": "Number: lower bound of the value's current range", + "stop": "Number: upper bound of the value's current range" + } + }, + "pow": { + "description": [ + "Facilitates exponential expressions. The pow() function is an efficient way of multiplying numbers by themselves (or their reciprocals) in large quantities. For example, pow(3, 5) is equivalent to the expression 3 × 3 × 3 × 3 × 3 and pow(3, -5) is equivalent to 1 / 3 × 3 × 3 × 3 × 3. Maps to Math.pow()." + ], + "returns": "Number: n^e", + "params": { + "n": "Number: base of the exponential expression", + "e": "Number: power by which to raise the base" + } + }, + "round": { + "description": [ + "Calculates the integer closest to the n parameter. For example, round(133.8) returns the value 134. Maps to Math.round()." + ], + "returns": "Integer: rounded number", + "params": { + "n": "Number: number to round", + "decimals": "Number: (Optional) number of decimal places to round to, default is 0" + } + }, + "sq": { + "description": [ + "Squares a number (multiplies a number by itself). The result is always a positive number, as multiplying two negative numbers always yields a positive result. For example, -1 * -1 = 1." + ], + "returns": "Number: squared number", + "params": { + "n": "Number: number to square" + } + }, + "sqrt": { + "description": [ + "Calculates the square root of a number. The square root of a number is always positive, even though there may be a valid negative root. The square root s of number a is such that s*s = a. It is the opposite of squaring. Maps to Math.sqrt()." + ], + "returns": "Number: square root of number", + "params": { + "n": "Number: non-negative number to square root" + } + }, + "fract": { + "description": [ + "Calculates the fractional part of a number." + ], + "returns": "Number: fractional part of x, i.e, {x}", + "params": { + "num": "Number: Number whose fractional part needs to be found out" + } + }, + "createVector": { + "description": [ + "Creates a new p5.Vector (the datatype for storing vectors). This provides a two or three dimensional vector, specifically a Euclidean (also known as geometric) vector. A vector is an entity that has both magnitude and direction." + ], + "returns": "p5.Vector: ", + "params": { + "x": "Number: (Optional) x component of the vector", + "y": "Number: (Optional) y component of the vector", + "z": "Number: (Optional) z component of the vector" + } + }, + "noise": { + "description": [ + "Returns the Perlin noise value at specified coordinates. Perlin noise is a random sequence generator producing a more naturally ordered, harmonic succession of numbers compared to the standard random() function. It was invented by Ken Perlin in the 1980s and been used since in graphical applications to produce procedural textures, natural motion, shapes, terrains etc.", + "The main difference to the random() function is that Perlin noise is defined in an infinite n-dimensional space where each pair of coordinates corresponds to a fixed semi-random value (fixed only for the lifespan of the program; see the noiseSeed() function). p5.js can compute 1D, 2D and 3D noise, depending on the number of coordinates given. The resulting value will always be between 0.0 and 1.0. The noise value can be animated by moving through the noise space as demonstrated in the example above. The 2nd and 3rd dimension can also be interpreted as time.", + "The actual noise is structured similar to an audio signal, in respect to the function's use of frequencies. Similar to the concept of harmonics in physics, perlin noise is computed over several octaves which are added together for the final result. ", + "Another way to adjust the character of the resulting sequence is the scale of the input coordinates. As the function works within an infinite space the value of the coordinates doesn't matter as such, only the distance between successive coordinates does (eg. when using noise() within a loop). As a general rule the smaller the difference between coordinates, the smoother the resulting noise sequence will be. Steps of 0.005-0.03 work best for most applications, but this will differ depending on use." + ], + "returns": "Number: Perlin noise value (between 0 and 1) at specified coordinates", + "params": { + "x": "Number: x-coordinate in noise space", + "y": "Number: (Optional) y-coordinate in noise space", + "z": "Number: (Optional) z-coordinate in noise space" + } + }, + "noiseDetail": { + "description": [ + "Adjusts the character and level of detail produced by the Perlin noise function. Similar to harmonics in physics, noise is computed over several octaves. Lower octaves contribute more to the output signal and as such define the overall intensity of the noise, whereas higher octaves create finer grained details in the noise sequence. By default, noise is computed over 4 octaves with each octave contributing exactly half than its predecessor, starting at 50% strength for the 1st octave. This falloff amount can be changed by adding an additional function parameter. Eg. a falloff factor of 0.75 means each octave will now have 75% impact (25% less) of the previous lower octave. Any value between 0.0 and 1.0 is valid, however note that values greater than 0.5 might result in greater than 1.0 values returned by noise(). By changing these parameters, the signal created by the noise() function can be adapted to fit very specific needs and characteristics." + ], + "params": { + "lod": "Number: number of octaves to be used by the noise", + "falloff": "Number: falloff factor for each octave" + } + }, + "noiseSeed": { + "description": [ + "Sets the seed value for noise(). By default, noise() produces different results each time the program is run. Set the value parameter to a constant to return the same pseudo-random numbers each time the software is run." + ], + "params": { + "seed": "Number: the seed value" + } + }, + "randomSeed": { + "description": [ + "Sets the seed value for random(). ", + "By default, random() produces different results each time the program is run. Set the seed parameter to a constant to return the same pseudo-random numbers each time the software is run." + ], + "params": { + "seed": "Number: the seed value" + } + }, + "random": { + "description": [ + "Return a random floating-point number. ", + "Takes either 0, 1 or 2 arguments. ", + "If no argument is given, returns a random number from 0 up to (but not including) 1. ", + "If one argument is given and it is a number, returns a random number from 0 up to (but not including) the number. ", + "If one argument is given and it is an array, returns a random element from that array. ", + "If two arguments are given, returns a random number from the first argument up to (but not including) the second argument." + ], + "returns": "Number: the random number", + "params": { + "min": "Number: (Optional) the lower bound (inclusive)", + "max": "Number: (Optional) the upper bound (exclusive)", + "choices": "Array: the array to choose from" + } + }, + "randomGaussian": { + "description": [ + "Returns a random number fitting a Gaussian, or normal, distribution. There is theoretically no minimum or maximum value that randomGaussian() might return. Rather, there is just a very low probability that values far from the mean will be returned; and a higher probability that numbers near the mean will be returned. Takes either 0, 1 or 2 arguments. If no args, returns a mean of 0 and standard deviation of 1. If one arg, that arg is the mean (standard deviation is 1). If two args, first is mean, second is standard deviation." + ], + "returns": "Number: the random number", + "params": { + "mean": "Number: (Optional) the mean", + "sd": "Number: (Optional) the standard deviation" + } + }, + "acos": { + "description": [ + "The inverse of cos(), returns the arc cosine of a value. This function expects the values in the range of -1 to 1 and values are returned in the range 0 to PI (3.1415927) if the angleMode is RADIANS or 0 to 180 if the angle mode is DEGREES." + ], + "returns": "Number: the arc cosine of the given value", + "params": { + "value": "Number: the value whose arc cosine is to be returned" + } + }, + "asin": { + "description": [ + "The inverse of sin(), returns the arc sine of a value. This function expects the values in the range of -1 to 1 and values are returned in the range -PI/2 to PI/2 if the angleMode is RADIANS or -90 to 90 if the angle mode is DEGREES." + ], + "returns": "Number: the arc sine of the given value", + "params": { + "value": "Number: the value whose arc sine is to be returned" + } + }, + "atan": { + "description": [ + "The inverse of tan(), returns the arc tangent of a value. This function expects the values in the range of -Infinity to Infinity (exclusive) and values are returned in the range -PI/2 to PI/2 if the angleMode is RADIANS or -90 to 90 if the angle mode is DEGREES." + ], + "returns": "Number: the arc tangent of the given value", + "params": { + "value": "Number: the value whose arc tangent is to be returned" + } + }, + "atan2": { + "description": [ + "Calculates the angle (in radians) from a specified point to the coordinate origin as measured from the positive x-axis. Values are returned as a float in the range from PI to -PI if the angleMode is RADIANS or 180 to -180 if the angleMode is DEGREES. The atan2() function is most often used for orienting geometry to the position of the cursor. ", + "Note: The y-coordinate of the point is the first parameter, and the x-coordinate is the second parameter, due the the structure of calculating the tangent." + ], + "returns": "Number: the arc tangent of the given point", + "params": { + "y": "Number: y-coordinate of the point", + "x": "Number: x-coordinate of the point" + } + }, + "cos": { + "description": [ + "Calculates the cosine of an angle. This function takes into account the current angleMode. Values are returned in the range -1 to 1." + ], + "returns": "Number: the cosine of the angle", + "params": { + "angle": "Number: the angle" + } + }, + "sin": { + "description": [ + "Calculates the sine of an angle. This function takes into account the current angleMode. Values are returned in the range -1 to 1." + ], + "returns": "Number: the sine of the angle", + "params": { + "angle": "Number: the angle" + } + }, + "tan": { + "description": [ + "Calculates the tangent of an angle. This function takes into account the current angleMode. Values are returned in the range of all real numbers." + ], + "returns": "Number: the tangent of the angle", + "params": { + "angle": "Number: the angle" + } + }, + "degrees": { + "description": [ + "Converts a radian measurement to its corresponding value in degrees. Radians and degrees are two ways of measuring the same thing. There are 360 degrees in a circle and 2*PI radians in a circle. For example, 90° = PI/2 = 1.5707964. This function does not take into account the current angleMode." + ], + "returns": "Number: the converted angle", + "params": { + "radians": "Number: the radians value to convert to degrees" + } + }, + "radians": { + "description": [ + "Converts a degree measurement to its corresponding value in radians. Radians and degrees are two ways of measuring the same thing. There are 360 degrees in a circle and 2*PI radians in a circle. For example, 90° = PI/2 = 1.5707964. This function does not take into account the current angleMode." + ], + "returns": "Number: the converted angle", + "params": { + "degrees": "Number: the degree value to convert to radians" + } + }, + "angleMode": { + "description": [ + "Sets the current mode of p5 to given mode. Default mode is RADIANS." + ], + "params": { + "mode": "Constant: either RADIANS or DEGREES" + } + }, + "textAlign": { + "description": [ + "Sets the current alignment for drawing text. Accepts two arguments: horizAlign (LEFT, CENTER, or RIGHT) and vertAlign (TOP, BOTTOM, CENTER, or BASELINE). ", + "The horizAlign parameter is in reference to the x value of the text() function, while the vertAlign parameter is in reference to the y value. ", + "So if you write textAlign(LEFT), you are aligning the left edge of your text to the x value you give in text(). If you write textAlign(RIGHT, TOP), you are aligning the right edge of your text to the x value and the top of edge of the text to the y value." + ], + "params": { + "horizAlign": "Constant: horizontal alignment, either LEFT, CENTER, or RIGHT", + "vertAlign": "Constant: (Optional) vertical alignment, either TOP, BOTTOM, CENTER, or BASELINE" + } + }, + "textLeading": { + "description": [ + "Sets/gets the spacing, in pixels, between lines of text. This setting will be used in all subsequent calls to the text() function." + ], + "params": { + "leading": "Number: the size in pixels for spacing between lines" + } + }, + "textSize": { + "description": [ + "Sets/gets the current font size. This size will be used in all subsequent calls to the text() function. Font size is measured in pixels." + ], + "params": { + "theSize": "Number: the size of the letters in units of pixels" + } + }, + "textStyle": { + "description": [ + "Sets/gets the style of the text for system fonts to NORMAL, ITALIC, BOLD or BOLDITALIC. Note: this may be is overridden by CSS styling. For non-system fonts (opentype, truetype, etc.) please load styled fonts instead." + ], + "params": { + "theStyle": "Constant: styling for text, either NORMAL, ITALIC, BOLD or BOLDITALIC" + } + }, + "textWidth": { + "description": [ + "Calculates and returns the width of any character or text string." + ], + "returns": "Number: the calculated width", + "params": { + "theText": "String: the String of characters to measure" + } + }, + "textAscent": { + "description": [ + "Returns the ascent of the current font at its current size. The ascent represents the distance, in pixels, of the tallest character above the baseline." + ], + "returns": "Number: " + }, + "textDescent": { + "description": [ + "Returns the descent of the current font at its current size. The descent represents the distance, in pixels, of the character with the longest descender below the baseline." + ], + "returns": "Number: " + }, + "loadFont": { + "description": [ + "Loads an opentype font file (.otf, .ttf) from a file or a URL, and returns a PFont Object. This method is asynchronous, meaning it may not finish before the next line in your sketch is executed. ", + "The path to the font should be relative to the HTML file that links in your sketch. Loading fonts from a URL or other remote location may be blocked due to your browser's built-in security." + ], + "returns": "p5.Font: p5.Font object", + "params": { + "path": "String: name of the file or url to load", + "callback": "Function: (Optional) function to be executed after loadFont() completes", + "onError": "Function: (Optional) function to be executed if an error occurs" + } + }, + "text": { + "description": [ + "Draws text to the screen. Displays the information specified in the first parameter on the screen in the position specified by the additional parameters. A default font will be used unless a font is set with the textFont() function and a default size will be used unless a font is set with textSize(). Change the color of the text with the fill() function. Change the outline of the text with the stroke() and strokeWeight() functions. ", + "The text displays in relation to the textAlign() function, which gives the option to draw to the left, right, and center of the coordinates. ", + "The x2 and y2 parameters define a rectangular area to display within and may only be used with string data. When these parameters are specified, they are interpreted based on the current rectMode() setting. Text that does not fit completely within the rectangle specified will not be drawn to the screen. If x2 and y2 are not specified, the baseline alignment is the default, which means that the text will be drawn upwards from x and y. ", + "WEBGL: Only opentype/truetype fonts are supported. You must load a font using the loadFont() method (see the example above). stroke() currently has no effect in webgl mode." + ], + "params": { + "str": "String|Object|Array|Number|Boolean: the alphanumeric symbols to be displayed", + "x": "Number: x-coordinate of text", + "y": "Number: y-coordinate of text", + "x2": "Number: (Optional) by default, the width of the text box, see rectMode() for more info", + "y2": "Number: (Optional) by default, the height of the text box, see rectMode() for more info" + } + }, + "textFont": { + "description": [ + "Sets the current font that will be drawn with the text() function. If textFont() is called without any argument, it will return the current font if one has been set already. If not, it will return the name of the default font as a string. If textFont() is called with a font to use, it will return the p5 object. ", + "WEBGL: Only fonts loaded via loadFont() are supported." + ], + "returns": "Object: the current font / p5 Object", + "params": { + "font": "Object|String: a font loaded via loadFont(), or a String representing a web safe font (a font that is generally available across all systems)", + "size": "Number: (Optional) the font size to use" + } + }, + "append": { + "description": [ + "Adds a value to the end of an array. Extends the length of the array by one. Maps to Array.push()." + ], + "returns": "Array: the array that was appended to", + "params": { + "array": "Array: Array to append", + "value": "Any: to be added to the Array" + } + }, + "arrayCopy": { + "description": [ + "Copies an array (or part of an array) to another array. The src array is copied to the dst array, beginning at the position specified by srcPosition and into the position specified by dstPosition. The number of elements to copy is determined by length. Note that copying values overwrites existing values in the destination array. To append values instead of overwriting them, use concat(). ", + "The simplified version with only two arguments, arrayCopy(src, dst), copies an entire array to another of the same size. It is equivalent to arrayCopy(src, 0, dst, 0, src.length). ", + "Using this function is far more efficient for copying array data than iterating through a for() loop and copying each element individually." + ], + "params": { + "src": "Array: the source Array", + "srcPosition": "Integer: starting position in the source Array", + "dst": "Array: the destination Array", + "dstPosition": "Integer: starting position in the destination Array", + "length": "Integer: number of Array elements to be copied" + } + }, + "concat": { + "description": [ + "Concatenates two arrays, maps to Array.concat(). Does not modify the input arrays." + ], + "returns": "Array: concatenated array", + "params": { + "a": "Array: first Array to concatenate", + "b": "Array: second Array to concatenate" + } + }, + "reverse": { + "description": [ + "Reverses the order of an array, maps to Array.reverse()" + ], + "returns": "Array: the reversed list", + "params": { + "list": "Array: Array to reverse" + } + }, + "shorten": { + "description": [ + "Decreases an array by one element and returns the shortened array, maps to Array.pop()." + ], + "returns": "Array: shortened Array", + "params": { + "list": "Array: Array to shorten" + } + }, + "shuffle": { + "description": [ + "Randomizes the order of the elements of an array. Implements Fisher-Yates Shuffle Algorithm." + ], + "returns": "Array: shuffled Array", + "params": { + "array": "Array: Array to shuffle", + "bool": "Boolean: (Optional) modify passed array" + } + }, + "sort": { + "description": [ + "Sorts an array of numbers from smallest to largest, or puts an array of words in alphabetical order. The original array is not modified; a re-ordered array is returned. The count parameter states the number of elements to sort. For example, if there are 12 elements in an array and count is set to 5, only the first 5 elements in the array will be sorted." + ], + "returns": "Array: the sorted list", + "params": { + "list": "Array: Array to sort", + "count": "Integer: (Optional) number of elements to sort, starting from 0" + } + }, + "splice": { + "description": [ + "Inserts a value or an array of values into an existing array. The first parameter specifies the initial array to be modified, and the second parameter defines the data to be inserted. The third parameter is an index value which specifies the array position from which to insert data. (Remember that array index numbering starts at zero, so the first position is 0, the second position is 1, and so on.)" + ], + "returns": "Array: the list", + "params": { + "list": "Array: Array to splice into", + "value": "Any: value to be spliced in", + "position": "Integer: in the array from which to insert data" + } + }, + "subset": { + "description": [ + "Extracts an array of elements from an existing array. The list parameter defines the array from which the elements will be copied, and the start and count parameters specify which elements to extract. If no count is given, elements will be extracted from the start to the end of the array. When specifying the start, remember that the first array element is 0. This function does not change the source array." + ], + "returns": "Array: Array of extracted elements", + "params": { + "list": "Array: Array to extract from", + "start": "Integer: position to begin", + "count": "Integer: (Optional) number of values to extract" + } + }, + "float": { + "description": [ + "Converts a string to its floating point representation. The contents of a string must resemble a number, or NaN (not a number) will be returned. For example, float(\"1234.56\") evaluates to 1234.56, but float(\"giraffe\") will return NaN. ", + "When an array of values is passed in, then an array of floats of the same length is returned." + ], + "returns": "Number: floating point representation of string", + "params": { + "str": "String: float string to parse" + } + }, + "int": { + "description": [ + "Converts a boolean, string, or float to its integer representation. When an array of values is passed in, then an int array of the same length is returned." + ], + "returns": "Number: integer representation of value", + "params": { + "n": "String|Boolean|Number: value to parse", + "radix": "Integer: (Optional) the radix to convert to (default: 10)", + "ns": "Array: values to parse" + } + }, + "str": { + "description": [ + "Converts a boolean, string or number to its string representation. When an array of values is passed in, then an array of strings of the same length is returned." + ], + "returns": "String: string representation of value", + "params": { + "n": "String|Boolean|Number|Array: value to parse" + } + }, + "byte": { + "description": [ + "Converts a number, string representation of a number, or boolean to its byte representation. A byte can be only a whole number between -128 and 127, so when a value outside of this range is converted, it wraps around to the corresponding byte representation. When an array of number, string or boolean values is passed in, then an array of bytes the same length is returned." + ], + "returns": "Number: byte representation of value", + "params": { + "n": "String|Boolean|Number: value to parse", + "ns": "Array: values to parse" + } + }, + "char": { + "description": [ + "Converts a number or string to its corresponding single-character string representation. If a string parameter is provided, it is first parsed as an integer and then translated into a single-character string. When an array of number or string values is passed in, then an array of single-character strings of the same length is returned." + ], + "returns": "String: string representation of value", + "params": { + "n": "String|Number: value to parse", + "ns": "Array: values to parse" + } + }, + "unchar": { + "description": [ + "Converts a single-character string to its corresponding integer representation. When an array of single-character string values is passed in, then an array of integers of the same length is returned." + ], + "returns": "Number: integer representation of value", + "params": { + "n": "String: value to parse", + "ns": "Array: values to parse" + } + }, + "hex": { + "description": [ + "Converts a number to a string in its equivalent hexadecimal notation. If a second parameter is passed, it is used to set the number of characters to generate in the hexadecimal notation. When an array is passed in, an array of strings in hexadecimal notation of the same length is returned." + ], + "returns": "String: hexadecimal string representation of value", + "params": { + "n": "Number: value to parse", + "digits": "Number (Optional)", + "ns": "Number[]: array of values to parse" + } + }, + "unhex": { + "description": [ + "Converts a string representation of a hexadecimal number to its equivalent integer value. When an array of strings in hexadecimal notation is passed in, an array of integers of the same length is returned." + ], + "returns": "Number: integer representation of hexadecimal value", + "params": { + "n": "String: value to parse", + "ns": "Array: values to parse" + } + }, + "join": { + "description": [ + "Combines an array of Strings into one String, each separated by the character(s) used for the separator parameter. To join arrays of ints or floats, it's necessary to first convert them to Strings using nf() or nfs()." + ], + "returns": "String: joined String", + "params": { + "list": "Array: array of Strings to be joined", + "separator": "String: String to be placed between each item" + } + }, + "match": { + "description": [ + "Esta função é usada para aplicar uma expressão regular a um trecho de texto e retornar grupos correspondentes (elementos encontrados entre parênteses) como um vetor de Strings. Se não houver correspondências, um valor nulo será retornado. Se nenhum grupo for especificado na expressão regular, mas a sequência corresponder, um vetor de comprimento 1 (com o texto correspondente como o primeiro elemento do vetor) será retornado.", + "Para usar a função, primeiro verifique se o resultado é nulo. Se o resultado for nulo, então a sequência não coincidiu. Se a sequência coincidiu, um vetor é retornada.", + "Se houver grupos (especificados por conjuntos de parênteses) na expressão regular, os conteúdos de cada um serão retornados no vetor. O elemento [0] de uma correspondência de uma expressão regular retorna toda a string correspondente e os grupos de correspondência começam no elemento [1] (o primeiro grupo é [1], o segundo [2] e assim por diante)." + ], + "returns": "String[]: Vetor de Strings encontrado", + "params": { + "str": "String: a String a ser procurada", + "regexp": "String: a expressão regular a ser usada para procurar correspondências" + } + }, + "matchAll": { + "description": [ + "Esta função é usada para aplicar uma expressão regular a um trecho de texto e retornar uma lista de grupos correspondentes (elementos encontrados entre parênteses) como uma matriz de strings bidimensional. Se não houver correspondências, um valor nulo será retornado. Se nenhum grupo for especificado na expressão regular, mas a sequência corresponder, uma matriz bidimensional ainda será retornada, mas a segunda dimensão terá apenas o comprimento um.", + "Para usar a função, primeiro verifique se o resultado é nulo. Se o resultado for nulo, então a sequência não coincidiu. Se a sequência coincidiu, uma matriz 2D é retornada.", + "Se houver grupos (especificados por conjuntos de parênteses) na expressão regular, os conteúdos de cada um serão retornados na matriz. Assumindo um loop com variável de contador i, o elemento [i][0] de uma correspondência de expressão regular retorna toda a string correspondente e os grupos de correspondência começam no elemento [i][1] (o primeiro grupo é [i][1] , o segundo [i][2] e assim por diante)." + ], + "returns": "String[]: Array 2D de strings encontradas", + "params": { + "str": "String: a String a ser procurada", + "regexp": "String: a expressão regular a ser usada para procurar correspondências" + } + }, + "nf": { + "description": [ + "Função utilitária para formatar números em strings. Existem duas versões: uma para formatar floats e outra para formatar ints. Os valores dos dígitos, parâmetros esquerdo e direito devem ser sempre inteiros positivos. (NOTA): Tenha cautela ao usar os parâmetros esquerdo e direito, uma vez que eles adicionam números de 0s se o parâmetro for maior que o comprimento atual do número. Por exemplo, se o número for 123,2 e o parâmetro esquerdo passado for de 4, que é maior que o comprimento de 123 (parte inteira), ou seja, 3, o resultado será 0123,2. Mesmo caso para o parâmetro direito, ou seja, se o direito for 3, o resultado será 123,200." + ], + "returns": "String: String formatada", + "params": { + "num": "Número|String: o número a ser formatado", + "left": "Inteiro|String (opcional): número de dígitos à esquerda da vírgula decimal", + "right": "Inteiro|String (opcional):número de dígitos à direita da vírgula decimal ", + "nums": "Array: os números a se formatar" + } + }, + "nfc": { + "description": [ + "Função utilitária para formatar números em strings e colocar vírgulas apropriadas para marcar unidades de 1000. Existem duas versões: uma para formatar ints e outra para formatar uma array de ints. O valor do parâmetro correto deve ser sempre um número inteiro positivo." + ], + "returns": "String: String formatada", + "params": { + "num": "Numero|String: o número a ser formatado", + "right": "Inteiro|String (opcional): número de dígitos à direita da vírgula decimal", + "nums": "Array: os números a se formatar" + } + }, + "nfp": { + "description": [ + "Função utilitária para formatar números em strings. Similar a nf() mas coloca um \"+\" na frente de números positivos e um \"-\" na frente de números negativos. Existem duas versões: uma para formatar floats e outra para formatar ints. Os valores dos parâmetros esquerdo e direito devem ser sempre inteiros positivos. " + ], + "returns": "String: String formatada", + "params": { + "num": "Número: o número a ser formatado", + "left": "Número (opcional): número de dígitos à esquerda da vírgula decimal", + "right": "Número (opcional): número de dígitos à direita da vírgula decimal ", + "nums": "Número[]: os números a se formatar" + } + }, + "nfs": { + "description": [ + "Função utilitária para formatar números em strings. Similar a nf() mas coloca um \"_\" (espaço) adicional na frente de números positivos a fim de alinhá-los com números negativos que incluem o sinal \"-\" (menos). O principal tipo de uso de nfs() pode ser visto quando se deseja alinhar os dígitos (valores de posição) de um número não negativo com algum número negativo (veja o exemplo para obter uma imagem clara). Existem duas versões: uma para formatar floats e outra para formatar ints. Os valores dos dígitos, parâmetros esquerdo e direito, devem ser sempre inteiros positivos.
Importante: o resultado mostrado no Canvas do alinhamento esperado pode variar com base no tipo de fonte tipográfica que você está usando.
(NOTA): Tenha cautela ao usar os parâmetros esquerdo e direito, uma vez que eles adicionam números de 0s se o parâmetro for maior que o comprimento atual do número. Por exemplo, se o número for 123,2 e o parâmetro esquerdo passado for de 4, que é maior que o comprimento de 123 (parte inteira), ou seja, 3, o resultado será 0123,2. Mesmo caso para o parâmetro direito, ou seja, se o direito for 3, o resultado será 123,200." + ], + "returns": "String: String formatada", + "params": { + "num": "Número: o número a ser formatado", + "left": "Número (opcional): número de dígitos à esquerda da vírgula decimal", + "right": "Número (opcional): número de dígitos à direita da vírgula decimal ", + "nums": "Array: os números a se formatar" + } + }, + "split": { + "description": [ + "A função split() mapeia para String.split(), ela divide uma String em pedaços usando um caractere ou string como delimitador. O parâmetro delim especifica o caractere ou caracteres que marcam os limites entre cada pedaço. Uma array de String[] é retornado contendo cada uma das peças. ", + "A função splitTokens() funciona de maneira semelhante, exceto por se dividir usando um intervalo de caracteres em vez de um caractere ou sequência específica. " + ], + "returns": "String[]: Array de Strings", + "params": { + "value": "String: a String a ser dividida", + "delim": "String: a String usada para separar os dados" + } + }, + "splitTokens": { + "description": [ + "A função splitTokens() divide uma String em um ou mais delimitadores de caracteres ou \"tokens.\" O parâmetro delim especifica o caractere ou caracteres a serem usados como limite. ", + "Se nenhum caractere delim for especificado, qualquer caractere de espaço em branco será usado para dividir. Os caracteres de espaço em branco incluem tab (\\t), nova linha (\\n), retorno de carro (\\r), alimentação de formulário (\\f), e espaço. " + ], + "returns": "String[]: Array de Strings", + "params": { + "value": "String: a String a ser dividida", + "delim": "String (opcional): lista de Strings individuais que serão usadas como separadores" + } + }, + "trim": { + "description": [ + "Remove os caracteres de espaço em branco do início e do final de uma String. Além dos caracteres de espaço em branco padrão, como espaço, retorno de carro e tab, esta função também remove o caractere Unicode \"nbsp\"." + ], + "returns": "String: uma String aparada", + "params": { + "str": "String: uma String a ser aparada", + "strs": "Array: uma Array de Strings a ser aparado" + } + }, + "day": { + "description": [ + "p5.js se comunica com o relógio do seu computador. A função day() retorna o dia atual como um valor de 1 - 31." + ], + "returns": "Inteiro: o dia atual" + }, + "hour": { + "description": [ + "p5.js se comunica com o relógio do seu computador. A função hour() retorna a hora atual como um valor de 0 - 23." + ], + "returns": "Inteiro: a hora atual" + }, + "minute": { + "description": [ + "p5.js se comunica com o relógio do seu computador. A função minute() retorna o minuto atual como um valor de 0 - 59." + ], + "returns": "Inteiro: o minuto atual" + }, + "millis": { + "description": [ + "retorna o número de milissegundos (milésimos de segundo) desde que o programa começou a ser executado (quando setup() é chamado). Esta informação é frequentemente usada para eventos de temporização e sequências de animação." + ], + "returns": "Número: o número de milissegundos desde que o programa começou a ser executado " + }, + "month": { + "description": [ + "p5.js se comunica com o relógio do seu computador. A função month() retorna o mês atual como um valor de 1 - 12." + ], + "returns": "Inteiro: o mês atual" + }, + "second": { + "description": [ + "p5.js se comunica com o relógio do seu computador. A função second() retorna o segundo atual como um valor de 0 - 59." + ], + "returns": "Inteiro: o segundo atual" + }, + "year": { + "description": [ + "p5.js se comunica com o relógio do seu computador. A função year() retorna o ano atual como um inteiro (2014, 2015, 2016, etc)." + ], + "returns": "Inteiro: o ano atual" + }, + "plane": { + "description": [ + "Desenha um plano com largura e altura fornecidas" + ], + "params": { + "width": "Número (opcional): largura do plano", + "height": "Número (opcional): altura do plano", + "detailX": "Número (opcional): Número opcional de subdivisões de triângulo na dimensão x", + "detailY": "Número (opcional): Número opcional de subdivisões de triângulo na dimensão y" + } + }, + "box": { + "description": [ + "Desenha uma caixa com largura, altura e profundidade fornecidas" + ], + "params": { + "width": "Número (opcional): largura da caixa", + "Height": "Número (opcional): altura da caixa", + "depth": "Número (opcional): profundidade da caixa", + "detailX": "Número (opcional): Número opcional de subdivisões de triângulo na dimensão x", + "detailY": "Número (opcional): Número opcional de subdivisões de triângulo na dimensão y" + } + }, + "sphere": { + "description": [ + "Desenha uma esfera com determinado raio.", + "DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de uma esfera. Mais subdivisões fazem a esfera parecer mais regular. Os valores máximos recomendados são ambos 24. Usar um valor maior que 24 pode causar um alerta ou tornar o navegador mais lento." + ], + "params": { + "radius": "Número (opcional): raio do círculo", + "detailX": "Número (opcional): Número opcional de subdivisões na dimensão x", + "detailY": "Número (opcional): Número opcional de subdivisões na dimensão y" + } + }, + "cylinder": { + "description": [ + "Desenha um cilindro com determinado raio e altura ", + "DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de um cilindro. Mais subdivisões fazem o cilindro parecer mais regular. O valor máximo recomendado para detailX é 24. Usar um valor maior que 24 pode causar um alerta ou tornar o navegador mais lento." + ], + "params": { + "radius": "Número (opcional): raio da superfície", + "height": "Número (opcional): altura do cilindro", + "detailX": "Número (opcional): Número de subdivisões na dimensão x; o padrão é 24", + "detailY": "Número (opcional): Número de subdivisões na dimensão y; o padrão é 1", + "bottomCap": "Booleano (opcional): se deve desenhar a base do cilindro", + "topCap": "Booleano (opcional): se deve desenhar o topo do cilindro" + } + }, + "cone": { + "description": [ + "Desenha um cone com determinado raio e altura ", + "DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de um cone. Mais subdivisões fazem o cone parecer mais regular. O valor máximo recomendado para detailX é 24. Usar um valor maior que 24 pode causar um alerta ou tornar o navegador mais lento." + ], + "params": { + "radius": "Número (opcional): raio da base", + "height": "Número (opcional): altura do cone", + "detailX": "Número (opcional): Número de segmentos, por padrão é 24, quanto mais segmentos, mais regular sua geometria.", + "detailY": "Número (opcional): Número de segmentos, por padrão é 1, quanto mais segmentos, mais regular sua geometria", + "cap": "Booleano (opcional): se deve desenhar a base do cone" + } + }, + "ellipsoid": { + "description": [ + "Desenha um elipsóide com determinado raio", + "DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de um cone. Mais subdivisões fazem o elipsóide parecer mais regular. Evite o número do parâmetro acima de 150, pois pode travar o navegador." + ], + "params": { + "radiusx": "Número (opcional): raio x do elipsóide", + "radiusy": "Número (opcional): raio y do elipsóide", + "radiusz": "Número (opcional): raio z do elipsóide", + "detailX": "Número (opcional): Número de segmentos, por padrão é 24, quanto mais segmentos, mais regular sua geometria. Evite o número do parâmetro acima de 150, pois pode travar o navegador.", + "detailY": "Número (opcional): Número de segmentos, por padrão é 16, quanto mais segmentos, mais regular sua geometria. Evite o número do parâmetro acima de 150, pois pode travar o navegador." + } + }, + "torus": { + "description": [ + "Desenha um toro com determinado raio e raio do tubo ", + "DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de um toro. Mais subdivisões fazem o toro parecer mais regular. Os valores padrão e máximos para detailX e detailY são 24 e 16, respectivamente. Configurá-los com valores relativamente pequenos, como 4 e 6, permite criar novas formas além de um toro." + ], + "params": { + "radius": "Número (opcional): raio do anel todo", + "tubeRadius": "Número (opcional): raio do tubo", + "detailX": "Número (opcional): Número de segmentos na dimensão x, por padrão é 24, quanto mais segmentos, mais regular sua geometria.", + "detailY": "Número (opcional): Número de segmentos na dimensão y, por padrão é 16, quanto mais segmentos, mais regular sua geometria." + } + }, + "orbitControl": { + "description": [ + "Permite o movimento em torno de um sketch 3D usando um mouse ou trackpad. Clicar e arrastar com o botão esquerdo girará a posição da câmera sobre o centro do sketch, ao clicar e arrastar com o botão direito, irá mover a câmera horizontalmente sem rotação, e usando a roda do mouse (rolagem), irá mover a câmera para mais perto ou mais longe do centro do sketch. Esta função pode ser chamada com parâmetros que ditam a sensibilidade ao movimento do mouse ao longo dos eixos X e Y. Chamar esta função sem parâmetros é equivalente a chamar orbitControl(1,1). Para inverter a direção do movimento em qualquer um dos eixos, insira um número negativo para sensibilidade. " + ], + "params": { + "sensitivityX": "Número (opcional): sensibilidade ao movimento do mouse ao longo do eixo X", + "sensitivityY": "Número (opcional): sensibilidade ao movimento do mouse ao longo do eixo Y", + "sensitivityZ": "Número (opcional): sensibilidade para rolar o movimento ao longo do eixo Z" + } + }, + "debugMode": { + "description": [ + "debugMode() ajuda a visualizar o espaço 3D adicionando uma grade para indicar onde o \"solo\" está em um sketch e um ícone de eixo que indica as direções + X, + Y e + Z. Esta função pode ser chamada sem parâmetros para criar um padrão de grade e ícone de eixos, ou pode ser chamada de acordo com os exemplos acima para personalizar o tamanho e a posição da grade e/ou ícone de eixos. A grade é desenhada usando a cor e a espessura do traço definidas por último. Para especificar esses parâmetros, adicione uma chamada para stroke() e strokeWeight() antes do final do loop draw().", + "Por padrão, a grade percorrerá a origem (0,0,0) do sketch ao longo do plano XZ e o ícone dos eixos será deslocado da origem. Ambos, a grade e ícone de eixos serão dimensionados de acordo com o tamanho do Canvas atual. Observe que, como a grade é executada paralelamente à visualização padrão da câmera, muitas vezes é útil usar o debugMode junto com orbitControl para permitir a visualização completa da grade." + ], + "params": { + "mode": "Constante: tanto GRADE quanto EIXOS", + "gridSize": "Número (opcional): tamanho de um lado da grade", + "gridDivisions": "Número (opcional): Número de divisões na grade", + "xOff": "Número (opcional): deslocamento do eixo X da origem (0,0,0)", + "yOff": "Número (opcional): deslocamento do eixo Y da origem (0,0,0)", + "zOff": "Número (opcional): deslocamento do eixo Z da origem (0,0,0)", + "axesSize": "Número (opcional): tamanho do ícone de eixos", + "gridXOff": "Número (opcional)", + "gridYOff": "Número (opcional)", + "gridZOff": "Número (opcional)", + "axesXOff": "Número (opcional)", + "axesYOff": "Número (opcional)", + "axesZOff": "Número (opcional)" + } + }, + "noDebugMode": { + "description": [ + "Desativa o debugMode() em um sketch 3D." + ] + }, + "ambientLight": { + "description": [ + "Cria uma luz ambiente com uma cor. A luz ambiente é a luz que vem de todos os lugares do canvas. Não tem uma fonte particular." + ], + "params": { + "v1": "Número: vermelho ou valor de matiz relativo ao intervalo de cores atual", + "v2": "Número: verde ou valor de saturação relativo ao intervalo de cores atual", + "v3": "Número: azul ou valor de brilho relativo ao intervalo de cores atual", + "alpha": "Número (opcional): valor de alpha", + "value": "String: uma string de cor", + "gray": "Número: um valor de cinza", + "values": "Número[]: uma array contendo os componentes vermelho, verde, azul e alfa da cor", + "color": "p5.Color: a cor da luz ambiente" + } + }, + "specularColor": { + "description": [ + "Define a cor do realce especular ao usar um material especular e luz especular.", + "Este método pode ser combinado com as funções specularMaterial() e shininess() para definir realces especulares. A cor padrão é o branco, isto é (255, 255, 255), que é usado se este método não for chamado antes de specularMaterial(). Se este método é chamado sem specularMaterial(), não haverá efeito. ", + "Nota: specularColor é equivalente à função do processing lightSpecular." + ], + "params": { + "v1": "Número: vermelho ou valor de matiz relativo ao intervalo de cores atual", + "v2": "Número: verde ou valor de saturação relativo ao intervalo de cores atual", + "v3": "Número: azul ou valor de brilho relativo ao intervalo de cores atual", + "alpha": "Número (opcional): valor de alpha", + "value": "String: uma string de cor", + "gray": "Número: um valor de cinza", + "values": "Número[]: uma array contendo os componentes vermelho, verde, azul e alfa da cor", + "color": "p5.Color: a cor da luz ambiente" + } + }, + "directionalLight": { + "description": [ + "Cria uma luz direcional com uma cor e uma direção", + "Um máximo de 5 luzes direcionais podem estar ativas ao mesmo tempo" + ], + "params": { + "v1": "Número: vermelho ou valor de matiz (dependendo do modelo de cores atual)", + "v2": "Número: verde ou valor de saturação", + "v3": "Número: azul ou valor de brilho", + "position": "p5.Vector: a direção da luz", + "color": "Número[]|String|p5.Color: Array de cor, string CSS de cor, ou valor de p5.Color", + "x": "Número: direção do eixo x", + "y": "Número: direção do eixo y", + "z": "Número: direção do eixo z" + } + }, + "pointLight": { + "description": [ + "Cria um ponto de luz com uma cor e uma posição de luz ", + "Um máximo de 5 pontos de luz podem estar ativos ao mesmo tempo" + ], + "params": { + "v1": "Número: vermelho ou valor de matiz (dependendo do modelo de cores atual)", + "v2": "Número: verde ou valor de saturação", + "v3": "Número: azul ou valor de brilho", + "x": "Número: posição do eixo x", + "y": "Número: posição do eixo y", + "z": "Número: posição do eixo z", + "position": "p5.Vector: a posição da luz", + "color": "Número[]|String|p5.Color: Array de cor, string CSS de cor, ou valor de p5.Color" + } + }, + "lights": { + "description": [ + "Define a luz ambiente e direcional padrão. Os padrões são ambientLight(128, 128, 128) e directionalLight(128, 128, 128, 0, 0, -1). As luzes precisam ser incluídas no draw() para permanecerem persistentes em um programa de loop. Colocando-as no setup() de um programa de loop, fará com que tenham efeito apenas na primeira vez que o loop rodar.." + ] + }, + "lightFalloff": { + "description": [ + "Define as taxas de queda (falloff) para luzes pontuais. Afeta apenas os elementos que são criados depois dele no código. Por padrão o valor é lightFalloff(1.0, 0.0, 0.0), e os parâmetros são usados para calcular a queda (falloff) com a seguinte equação:", + "d = distância da posição da luz à posição do vértice ", + "falloff = 1 / (Constante + d * LINEAR + ( d * d ) * QUADRATIC)" + ], + "params": { + "Constante": "Número: valor constante para determinar a queda (falloff)", + "linear": "Número: valor linear para determinar a queda (falloff)", + "quadratic": "Número: valor quadrático para determinar a queda (falloff)" + } + }, + "spotLight": { + "description": [ + "Cria um holofote com uma determinada cor, posição, direção de luz, ângulo e concentração. Aqui, ângulo se refere à abertura do cone do holofote, e a concentração é usada para focar a luz em direção ao centro. Ambos o ângulo e a concentração são opcionais, mas se você quiser fornecer a concentração, também terá que especificar o ângulo. ", + "Um máximo de 5 holofotes podem estar ativos ao mesmo tempo" + ], + "params": { + "v1": "Número: vermelho ou valor de matiz (dependendo do modelo de cores atual)", + "v2": "Número: verde ou valor de saturação", + "v3": "Número: azul ou valor de brilho", + "x": "Número: posição do eixo x", + "y": "Número: posição do eixo y", + "z": "Número: posição do eixo z", + "rx": "Número: direção do eixo x da luz", + "ry": "Número: direção do eixo y da luz", + "rz": "Número: direção do eixo z da luz", + "angle": "Número (opcional): parâmetro opcional para ângulo. Por padrão até PI/3", + "conc": "Número (opcional): parâmetro opcional para concentração. Por padrão até 100", + "color": "Número[]|String|p5.Color: Array de cor, string CSS de cor, ou valor de p5.Color", + "position": "p5.Vector: a posição da luz", + "direction": "p5.Vector: a direção da luz" + } + }, + "noLights": { + "description": [ + "Esta função irá remover todas as luzes do sketch para os materiais renderizados subsequentes. Ela afeta todos os métodos subsequentes. Chamadas para métodos de iluminação feitas após o noLights() irão reativar as luzes no sketch." + ] + }, + "loadModel": { + "description": [ + "Carregar um modelo 3D de um arquivo OBJ ou STL. ", + "loadModel() deve ser colocado dentro de preload(). Isso permite que o modelo carregue totalmente antes que o resto do seu código seja executado. ", + "Uma das limitações dos formatos OBJ e STL é que eles não têm um senso de escala embutido. Isso significa que os modelos exportados de programas diferentes podem ter tamanhos muito diferentes. Se o seu modelo não estiver sendo exibido, tente chamar loadModel() com o parâmetro normalize definido como true (verdadeiro).Isso redimensionará o modelo para uma escala apropriada para p5. Você também pode fazer alterações adicionais no tamanho final do seu modelo com a função scale() . ", + "Além disso, o suporte para arquivos STL coloridos não está presente. Arquivos STL com cor serão renderizados sem propriedades de cor." + ], + "returns": "o objeto p5.Geometry: p5.Geometry", + "params": { + "path": "String: endereço do modelo a ser carregado", + "normalize": "Booleano: Se true (verdadeiro), dimensiona o modelo para um tamanho padronizado ao carregar", + "successCallback": "função(p5.Geometry) (opcional): Função a ser chamada assim que o modelo for carregado. Será passado o objeto do modelo 3D.", + "failureCallback": "Função(evento) (opcional): chamado com erro de evento se o modelo não carregar.", + "fileType": "String (opcional): A extensão de arquivo do modelo (.stl, .obj)." + } + }, + "model": { + "description": [ + "Renderizar um modelo 3D para a tela." + ], + "params": { + "model": "p5.Geometry: Modelo 3D carregado para ser renderizado" + } + }, + "loadShader": { + "description": [ + "Carrega uma shader personalizado dos caminhos de vértice e fragmento de shader fornecidos. Os arquivos de shader são carregados de forma assíncrona em segundo plano, portanto, este método deve ser usado em preload(). ", + "Por enquanto, existem três tipos principais de shaders. O p5 fornecerá automaticamente vértices, normais, cores e atributos de iluminação apropriados se os parâmetros definidos na shader corresponderem aos nomes." + ], + "returns": "p5.Shader: um objeto de shader criado a partir dos arquivos de shaders de vértice e fragmento fornecidos.", + "params": { + "vertFilename": "String: endereço para o arquivo que contém o código fonte do vértice da shader", + "fragFilename": "String: endereço para o arquivo que contém o código fonte do fragmento da shader", + "callback": "Função (opcional): callback a ser executado após a conclusão de loadShader. Em caso de sucesso, o objeto Shader é passado como o primeiro argumento.", + "errorCallback": "Função (opcional): callback a ser executado quando ocorrer um erro dentro do loadShader. Em caso de erro, o erro é passado como o primeiro argumento." + } + }, + "createShader": { + "returns": "p5.Shader: um objeto de shader criado a partir dos vértices e fragmentos de shader fornecidos.", + "params": { + "vertSrc": "String: código fonte para o vértice da shader", + "fragSrc": "String: código fonte para o fragmento da shader" + } + }, + "shader": { + "description": [ + "A função shader() permite que o usuário forneça uma shader personalizada para preencher as formas no modo WEBGL. Os usuários podem criar suas próprias shaders carregando seus vértices e fragmentos com loadShader()." + ], + "params": { + "s": "p5.Shader (opcional): a desejada p5.Shader para usar para renderizar formas." + } + }, + "resetShader": { + "description": [ + "Esta função restaura os padrões de shaders no modo WEBGL. O código que for executado após o resetShader() não será afetado pelas definições de shaders anteriores. Deve ser executado depois de shader()." + ] + }, + "normalMaterial": { + "description": [ + "O material normal para geometria é um material que não é afetado pela luz. Não é reflexivo e é um material de placeholder (espaço reservado) frequentemente usado para depurar (debug). As superfícies voltadas para o eixo X tornam-se vermelhas, as voltadas para o eixo Y tornam-se verdes e as voltadas para o eixo Z tornam-se azuis. Você pode ver todos os materiais possíveis neste exemplo." + ] + }, + "texture": { + "description": [ + "Textura para geometria. Você pode ver outros materiais possíveis neste exemplo." + ], + "params": { + "tex": "p5.Image|p5.MediaElement|p5.Graphics: Gráficos bidimensionais para renderizar como textura" + } + }, + "textureMode": { + "description": [ + "Define o espaço de coordenadas para mapeamento de textura. O modo padrão é IMAGE, que se refere às coordenadas reais da imagem. NORMAL refere-se a um espaço normalizado de valores que variam de 0 a 1. Esta função só funciona no modo WEBGL. ", + "Em modo IMAGE, se uma imagem é de 100 x 200 pixels, mapear a imagem por todo o tamanho de um quadrante exigiria os pontos (0,0) (100, 0) (100,200) (0,200). O mesmo mapeamento em NORMAL é (0,0) (1,0) (1,1) (0,1)." + ], + "params": { + "mode": "Constante: tanto IMAGE ou NORMAL" + } + }, + "textureWrap": { + "description": [ + "Define o wrapping mode (modo de embrulhamento) de textura global. Isso controla como as texturas se comportam quando seu mapeamento uv sai do intervalo 0 - 1. Existem três opções: CLAMP, REPEAT e MIRROR. ", + "faz com que os pixels na extremidade da textura se estendam para os limites. REPEAT faz com que a textura se espalhe repetidamente até atingir os limites. MIRROR funciona de forma semelhante a REPEAT, mas inverte a textura a cada novo tile (ladrilho).", + + "REPEAT & MIRROR só estão disponíveis se a textura for uma for uma multiplicação de dois (128, 256, 512, 1024, etc.).", + + "Este método afetará todas as texturas em seu sketch até que uma chamada de textureWrap subsequente seja feita.", + "Se apenas um argumento for fornecido, ele será aplicado aos eixos horizontal e vertical." + ], + "params": { + "wrapX": "Constante: tanto CLAMP, REPEAT ou MIRROR", + "wrapY": "Constante (opcional): tanto CLAMP, REPEAT ou MIRROR" + } + }, + "ambientMaterial": { + "description": [ + "Material ambiente para geometria com uma determinada cor. O material ambiente define a cor que o objeto reflete sob qualquer iluminação. Por exemplo, se o material ambiente de um objeto for vermelho puro, mas a iluminação ambiente contiver apenas verde, o objeto não refletirá nenhuma luz. Aqui está um exemplo contendo todos os materiais possíveis." + ], + "params": { + "v1": "Número: valor de cinza, de vermelho ou valor de matiz (dependendo do modo de cor atual),", + "v2": "Número (opcional): verde ou valor de saturação", + "v3": "Número (opcional): azul ou valor de brilho", + "color": "Número[]|String|p5.Color: cor, array de cor ou string de cor CSS" + } + }, + "emissiveMaterial": { + "description": [ + "Define a cor emissiva do material usado para a geometria desenhada na tela. Este é um nome incorreto no sentido de que o material não emite luz que afeta os polígonos circundantes. Em vez disso, dá a aparência de que o objeto está brilhando. Um material emissivo será exibido com força total, mesmo se não houver luz para ele refletir." + ], + "params": { + "v1": "Número: valor de cinza, de vermelho ou valor de matiz (dependendo do modo de cor atual),", + "v2": "Número (opcional): valor de verde ou de saturação", + "v3": "Número (opcional): valor de azul ou de brilho", + "a": "Número (opcional): opacidade", + "color": "Número[]|String|p5.Color: cor, array de cor ou string de cor CSS" + } + }, + "specularMaterial": { + "description": [ + "Material especular para geometria com uma determinada cor. O material especular é um material reflexivo brilhante. Como o material ambiente, também define a cor que o objeto reflete sob a iluminação ambiente. Por exemplo, se o material especular de um objeto for vermelho puro, mas a iluminação ambiente contiver apenas verde, o objeto não refletirá nenhuma luz. Para todos os outros tipos de luz como ponto de luz e luz direcional, um material especular refletirá a cor da fonte de luz para o observador. Aqui está um exemplo contendo todos os materiais possíveis." + ], + "params": { + "gray": "Número: Número especificando o valor entre branco e preto.", + "alpha": "Número (opcional): valor alfa relativo ao intervalo de cores atual (por padrão é 0 - 255)", + "v1": "Número: valor de cinza, de vermelho ou valor de matiz relativo ao intervalo de cores atual ,", + "v2": "Número (opcional): valor de verde ou de saturação relativo ao intervalo de cores atual ", + "v3": "Número (opcional): valor de azul ou de brilho relativo ao intervalo de cores atual ", + "color": "Número[]|String|p5.Color: cor, array de cor ou string de cor CSS" + } + }, + "shininess": { + "description": [ + "Define a quantidade de brilho na superfície de formas. Usado em combinação com specularMaterial() para definir as propriedades do material das formas. O valor padrão e mínimo é 1." + ], + "params": { + "shine": "Número: grau de brilho. Por padrão 1." + } + }, + "camera": { + "description": [ + "Define a posição da câmera para um sketch 3D. Os parâmetros para esta função definem a posição da câmera, o centro do sketch (para onde a câmera está apontando) e uma direção para cima (a orientação da câmera). ", + "Esta função simula os movimentos da câmera, permitindo que os objetos sejam visualizados de vários ângulos. Lembre-se de que ele não move os próprios objetos, mas sim a câmera. Por exemplo, quando o valor centerX é positivo, a câmera está girando para o lado direito do sketch, então o objeto parece estar se movendo para a esquerda. ", + "Veja este exemplo para ver a posição de sua câmera. ", + "Quando chamada sem argumentos, esta função cria uma câmera padrão equivalente à camera(0, 0, (height/2.0) / tan(PI*30.0 / 180.0), 0, 0, 0, 0, 1, 0);" + ], + "params": { + "x": "Número (opcional): valor da posição da câmera no eixo x", + "y": "Número (opcional): valor da posição da câmera no eixo y", + "z": "Número (opcional): valor da posição da câmera no eixo z", + "centerX": "Número (opcional): coordenada x representando o centro do sketch", + "centerY": "Número (opcional): coordenada y representando o centro do sketch", + "centerZ": "Número (opcional): coordenada z representando o centro do sketch", + "upX": "Número (opcional): componente x da direção 'para cima' da câmera", + "upY": "Número (opcional): componente y da direção 'para cima' da câmera", + "upZ": "Número (opcional): componente z da direção 'para cima' da câmera" + } + }, + "perspective": { + "description": [ + "Define uma projeção em perspectiva para a câmera em um sketch 3D. Esta projeção representa a profundidade através da técnica de Escorço (encurtamento): os objetos que estão perto da câmera aparecem em seu tamanho real, enquanto os que estão mais distantes da câmera parecem menores. Os parâmetros para esta função definem o frustum (tronco) de visualização (a pirâmide frustum dentro da qual os objetos são vistos pela câmera) por meio do campo de visão vertical, relação de aspecto (geralmente largura / altura) e planos de recorte próximos e distantes. ", + "Quando chamada sem argumentos, os padrões fornecidos são equivalentes a perspective(PI/3.0, width/height, eyeZ/10.0, eyeZ10.0), where eyeZ is equal to ((height/2.0) / tan(PI60.0/360.0));" + ], + "params": { + "fovy": "Número (opcional): tronco do campo de visão vertical da câmera, de baixo para cima, em angleMode graus", + "aspect": "Número (opcional): relação de aspecto da câmara de frustum (tronco)", + "near": "Número (opcional): frustum (tronco) perto do plano de comprimento", + "far": "Número (opcional): frustum (tronco) distante do plano de comprimento" + } + }, + "ortho": { + "description": [ + "Define uma projeção ortográfica para a câmera em um sketch 3D e define um frustum de visualização em forma de caixa dentro do qual os objetos são vistos. Nesta projeção, todos os objetos com a mesma dimensão aparecem do mesmo tamanho, independentemente de estarem próximos ou distantes da câmera. Os parâmetros para esta função especificam o frustum (tronco) de visualização onde esquerda e direita são os valores x mínimo e máximo, topo e fundo são os valores y mínimo e máximo e próximo e longe são os valores z mínimo e máximo. Se nenhum parâmetro for fornecido, por padrão será usado: ortho(-width/2, width/2, -height/2, height/2)." + ], + "params": { + "left": "Número (opcional): câmera frustum (tronco) do plano esquerdo", + "right": "Número (opcional): câmera frustum (tronco) do plano direito", + "bottom": "Número (opcional): câmera frustum (tronco) do plano inferior", + "top": "Número (opcional): câmera frustum (tronco) do plano superior", + "near": "Número (opcional): câmera frustum (tronco) próxima ao plano", + "far": "Número (opcional): câmera frustum (tronco) longe do plano" + } + }, + "frustum": { + "description": [ + "Define uma matriz de perspectiva conforme definida pelos parâmetros. ", + "Um frustum (tronco) é uma forma geométrica: uma pirâmide com o topo cortado. Com o olho do observador no topo imaginário da pirâmide, os seis planos do frustum atuam como planos de recorte ao renderizar uma vista 3D. Assim, qualquer forma dentro dos planos de recorte é visível; qualquer coisa fora desses planos não é visível. ", + "Definir o frustum muda a perspectiva da cena sendo renderizada. Isso pode ser alcançado de forma mais simples em muitos casos, usando perspective()." + ], + "params": { + "left": "Número (opcional): câmera frustum (tronco) do plano esquerdo", + "right": "Número (opcional): câmera frustum (tronco) do plano direito", + "bottom": "Número (opcional): câmera frustum (tronco) do plano inferior", + "top": "Número (opcional): câmera frustum (tronco) do plano superior", + "near": "Número (opcional): câmera frustum (tronco) próxima ao plano", + "far": "Número (opcional): câmera frustum (tronco) longe do plano" + } + }, + "createCamera": { + "description": [ + "Cria um novo objeto p5.Camera e diz ao renderizador para usar aquela câmera. Retorna o objeto p5.Camera." + ], + "returns": "p5.Camera: O objeto de câmera recém-criado." + }, + "setCamera": { + "description": [ + "Define a câmera atual do rendererGL para um objeto p5.Camera. Permite alternar entre várias câmeras." + ], + "params": { + "cam": "p5.Camera: objeto p5.Camera" + } + }, + "setAttributes": { + "description": [ + "Define atributos para o contexto de desenho WebGL. Esta é uma maneira de ajustar a forma como o renderizador WebGL funciona para afinar a exibição e o desempenho. ", + "Observe que isso reinicializará o contexto de desenho se for chamado depois que o canvas WebGL for feito.", + "Se um objeto for passado como parâmetro, todos os atributos não declarados no objeto serão configurados como padrão.", + "Os atributos disponíveis são: alfa - indica se a tela contém um buffer alfa. Por padrão é true (verdadeiro).", + "depth - indica se o buffer do desenho tem um buffer de profundidade de pelo menos 16 bits. Por padrão é true (verdadeiro).", + "stencil - indica se o buffer do desenho tem um buffer de estêncil de pelo menos 8 bits.", + "antialias - indica se deve ou não executar anti-aliasing. Por padrão é false (true no Safari).", + "premultipliedAlpha - indica que o compositor da página irá assumir que o buffer do desenho contém cores com alfa pré-multiplicado. Por padrão é false (falso).", + "preserveDrawingBuffer - se true (verdadeiro) os buffers não serão apagados e preservarão seus valores até que sejam apagados ou sobrescritos pelo autor (observe que o p5 apaga automaticamente no loop de desenho - draw). Por padrão é true (verdadeiro).", + "perPixelLighting - se true (verdadeiro), a iluminação por pixel será usada na shader de iluminação, caso contrário, a iluminação por vértice será usada. Por padrão é true (verdadeiro)." + ], + "params": { + "key": "String: Nome do atributo", + "value": "Booleano: Novo valor do atributo nomeado", + "obj": "Objeto: objeto com pares de chave-valor" + } + }, + "sampleRate": { + "description": [ + "retorna um número que representa a taxa de amostragem, em amostras por segundo, de todos os objetos de som neste contexto de áudio. É determinado pela taxa de amostragem da placa de som do seu sistema operacional e atualmente não é possível mudar. Freqüentemente, é 44100, ou duas vezes o alcance da audição humana. " + ], + "returns": "Número: taxa de amostragem de amostras por segundo" + }, + "freqToMidi": { + "description": [ + "retorna o valor de nota MIDI mais próximo para uma determinada frequência." + ], + "returns": "Número: valor da nota MIDI", + "params": { + "frequency": "Número: uma frequência, por exemplo, o \"A\" acima do C médio é 440Hz." + } + }, + "midiToFreq": { + "description": [ + "retorna o valor da frequência de um valor de nota MIDI. O MIDI geral trata as notas como inteiros onde o C médio é 60, o C# é 61, D é 62 etc. Útil para gerar frequências musicais com osciladores." + ], + "returns": "Número: valor de frequência da nota MIDI fornecida", + "params": { + "midiNote": "Número: o número de uma nota MIDI" + } + }, + "soundFormats": { + "description": [ + "Lista os formatos de SoundFile que você incluirá. O LoadSound pesquisará essas extensões em seu diretório e escolherá um formato compatível com o navegador da Web do cliente. Aqui há um conversor de arquivos online grátis." + ], + "params": { + "formats": "String (opcional): i.e. 'mp3', 'wav', 'ogg'" + } + }, + "getAudioContext": { + "description": [ + "retorna o contexto de áudio para este sketch. Útil para usuários que desejam se aprofundar no Web Audio API . ", + "Alguns navegadores exigem que os usuários iniciem o AudioContext com um gesto do usuário, como o touchStarted no exemplo abaixo." + ], + "returns": "Objeto: AudioContext para este sketch." + }, + "userStartAudio": { + "description": [ + "Não é apenas uma boa prática dar aos usuários controle sobre como iniciar o áudio. Esta política é aplicada por muitos navegadores da web, incluindo iOS e Google Chrome, que criou a Web Audio API Audio Context em um estado suspenso. ", + "Nessas políticas específicas do navegador, o som não será reproduzido até um evento de interação do usuário (i.e. mousePressed()) retoma explicitamente o AudioContext, ou inicia um audio node (nó). Isso pode ser feito chamando start() em um p5.Oscillator, play() em um p5.SoundFile, ou simplesmente userStartAudio(). ", + "userStartAudio() inicia o AudioContext em um gesto do usuário. O comportamento padrão habilitará o áudio em qualquer evento mouseUp ou touchEnd. Ele também pode ser colocado em uma função de interação específica, como o mousePressed() como no exemplo abaixo. Este método utiliza StartAudioContext , uma biblioteca por Yotam Mann (MIT Licence, 2016)." + ], + "returns": "Promise: retorna uma Promise que é resolvida quando o estado AudioContext está 'em execução'", + "params": { + "element(s)": "Elemento|Array (opcional): Este argumento pode ser um Element, Selector String, NodeList, p5.Element, jQuery Element, ou um Array de qualquer um desses.", + "callback": "Função (opcional): Callback para invocar quando o AudioContext for iniciado" + } + }, + "loadSound": { + "description": [ + "loadSound() retorna um novo p5.SoundFile de um endereço de arquivo especificado. Se chamado durante o preload(), o p5.SoundFile estará pronto para tocar a tempo para o setup() e draw(). Se chamado fora do preload, o p5.SoundFile não estará pronto imediatamente, então o loadSound aceita um callback como segundo parâmetro. Usar um servidor local é recomendado ao carregar arquivos externos." + ], + "returns": "SoundFile: retorna um p5.SoundFile", + "params": { + "path": "String|Array: endereço para o arquivo de som, ou um array com os endereços dos arquivos para os soundfiles em vários formatos i.e. ['sound.ogg', 'sound.mp3']. Alternativamente, aceita um objeto: tanto do arquivo de API HTML5, ou um p5.File.", + "successCallback": "Função (opcional): nome de uma função a ser chamada assim que o arquivo carregar", + "errorCallback": "Função (opcional): nome de uma função a ser chamada se houver um erro ao carregar o arquivo.", + "whileLoading": "Função (opcional): Nome de uma função a ser chamada durante o carregamento do arquivo. Esta função receberá a porcentagem carregada até o momento, de 0.0 a 1.0." + } + }, + "createConvolver": { + "description": [ + "Cria um p5.Convolver. Aceita um caminho para um arquivo de som que será usado para gerar uma resposta de impulso." + ], + "returns": "p5.Convolver: ", + "params": { + "path": "String: endereço para o arquivo de som.", + "callback": "Função (opcional): função a ser chamada se o carregamento for bem-sucedido. O objeto será passado como argumento para a função de callback.", + "errorCallback": "Função (opcional): função a ser chamada se o carregamento não for bem-sucedido. Um erro personalizado será passado como argumento para a função de callback." + } + }, + "setBPM": { + "description": [ + "Define o tempo global, em batidas por minuto, para todas as p5.Parts. Este método afetará todas as p5.Parts ativas." + ], + "params": { + "BPM": "Número: Beats Por Minuto", + "rampTime": "Número: Daqui a segundos" + } + }, + "saveSound": { + "description": [ + "Salva um p5.SoundFile como um arquivo .wav. O navegador solicitará que o usuário baixe o arquivo em seu dispositivo. Para fazer upload de áudio para um servidor, use p5.SoundFile.saveBlob." + ], + "params": { + "soundFile": "p5.SoundFile: p5.SoundFile que você deseja salvar", + "fileName": "String: nome do arquivo .wav resultante." + } + } + }, + "p5.Color": { + "description": [ + "Cada cor armazena o modo de cor e os máximos de nível que foram aplicados no momento de sua construção. Eles são usados para interpretar os argumentos de entrada (na construção e posteriormente para essa instância de cor) e para formatar a saída, por exemplo, quando saturação() é requerida. ", + "Internamente, armazenamos um array representando os valores RGBA ideais na forma de ponto flutuante, normalizado de 0 a 1. A partir disso, calculamos a cor de tela mais próxima (níveis RGBA de 0 a 255) e a expomos ao renderizador. ", + "Também colocamos em cache normalizado, os componentes de ponto flutuante da cor em várias representações como eles são calculados. Isso é feito para evitar a repetição de uma conversão que já foi realizada." + ], + "toString": { + "description": [ + "Esta função retorna a cor formatada como string. Isso pode ser útil para depurar (debug) ou para usar p5.js com outras bibliotecas. " + ], + "returns": "String: a cor formatada como string", + "params": { + "format": "String (opcional): Como a sequência de cores será formatada. Deixar este parâmetro vazio formata a string como rgba (r, g, b, a). '#rgb' '#rgba' '#rrggbb' e '#rrggbbaa' formata como códigos de cores hexadecimais. 'rgb' 'hsb' e 'hsl' retornam a cor formatada no modo de cor especificado. 'rgba' 'hsba' e 'hsla' são iguais aos anteriores, mas com canais alfa. 'rgb%' 'hsb%' 'hsl%' 'rgba%' 'hsba%' e 'hsla%' formata como porcentagens. " + } + }, + "setRed": { + "description": [ + "A função setRed define o componente vermelho de uma cor. O intervalo depende do seu modo de cor, no modo RGB padrão é entre 0 e 255." + ], + "params": { + "red": "Número: o novo valor de vermelho" + } + }, + "setGreen": { + "description": [ + "A função setGreen define o componente verde de uma cor. O intervalo depende do seu modo de cor, no modo RGB padrão é entre 0 e 255. " + ], + "params": { + "green": "Número: o novo valor de verde" + } + }, + "setBlue": { + "description": [ + "A função setBlue define o componente azul de uma cor. O intervalo depende do seu modo de cor, no modo RGB padrão é entre 0 e 255." + ], + "params": { + "blue": "Número: o novo valor de azul" + } + }, + "setAlpha": { + "description": [ + "A função setAlpha define o valor de transparência (alfa) de uma cor. O intervalo depende do seu modo de cor, no modo RGB padrão é entre 0 e 255. " + ], + "params": { + "alpha": "Número: o novo valor de alpha" + } + } + }, + "p5.Element": { + "description": [ + "Classe base para todos os elementos adicionados a um sketch, incluindo o canvas, buffers gráficos e outros elementos HTML. Não é chamado diretamente, mas os objetos p5.Element são criados ao chamar createCanvas, createGraphics, createDiv, createImg, createInput, etc." + ], + "params": { + "elt": "String: nó DOM que está embrulhado", + "pInst": "P5 (opcional): ponteiro para instância p5" + }, + "elt": { + "description": [ + "Elemento HTML subjacente. Todos os métodos HTML normais podem ser chamados para isso." + ] + }, + "parent": { + "description": [ + "Anexa o elemento ao pai especificado. Uma maneira de definir o contêiner para o elemento. Aceita tanto uma ID de string, nó DOM ou p5.Element . Se nenhum argumento for fornecido, o nó pai será retornado. Para obter mais maneiras de posicionar o canvas, consulte o posicionando o canvas wiki page." + ], + "params": { + "parent": "String|p5.Element|Objeto: a ID, nó DOM, ou p5.Element do elemento pai desejado" + } + }, + "id": { + "description": [ + "Define o ID do elemento. Se nenhum argumento de ID for passado, ele retorna o ID atual do elemento. Observe que apenas um elemento pode ter um id particular em uma página. A função .class () pode ser usada para identificar vários elementos com o mesmo nome de classe." + ], + "params": { + "id": "String: ID do elemento" + } + }, + "class": { + "description": [ + "Adiciona determinada classe ao elemento. Se nenhum argumento de classe for passado, ele retorna uma string contendo a(s) classe(s) atual(is) do elemento." + ], + "params": { + "class": "String: classe para adicionar" + } + }, + "mousePressed": { + "description": [ + "A função mousePressed() é chamada toda vez que um botão do mouse é pressionado sobre o elemento. Alguns navegadores em dispositivos móveis também podem acionar este evento em uma tela sensível ao toque, se o usuário executar um toque rápido. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento e ação." ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando o mouse é pressionado sobre o elemento. Se false for passado, a função de disparo anterior não será mais acionada." + } + }, + "doubleClicked": { + "description": [ + "A função doubleClicked() é chamada uma vez que um botão do mouse é pressionado duas vezes sobre o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento e ação." + ], + "returns": "p5.Element: ", + "params": { + "fxn": "Função|Booleano: função a ser disparada quando o mouse é clicado duas vezes sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada." + } + }, + "mouseWheel": { + "description": [ + "A função mouseWheel() é chamada uma vez que a roda do mouse é rolada sobre o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento.", + " A função aceita uma função de callback como argumento que será executada quando o evento wheel for acionado no elemento, a função de callback receberá um argumento event. A propriedade event.deltaY retorna valores negativos se a roda do mouse for girada para cima ou para longe do usuário e positiva na outra direção. A event.deltaX faz o mesmo que a event.deltaY exceto que lê a roda horizontal da roda do mouse. ", + "No OS X com rolagem \"natural\" habilitada, na event.deltaY os valores são invertidos." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando o mouse é rolado sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada." + } + }, + "mouseReleased": { + "description": [ + "A função mouseReleased() é chamada uma vez que um botão do mouse é liberado sobre o elemento. Alguns navegadores em dispositivos móveis também podem acionar este evento em uma tela sensível ao toque, se o usuário executar um toque rápido. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando o mouse é liberado sobre o elemento. Se false for passado, a função de disparo anterior não será mais acionada." + } + }, + "mouseClicked": { + "description": [ + "A função mouseClicked() é chamada uma vez que um botão do mouse é pressionado e liberado sobre o elemento. Alguns navegadores em dispositivos móveis também podem acionar este evento em uma tela sensível ao toque, se o usuário executar um toque rápido. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento" + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando o mouse é clicado sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. " + } + }, + "mouseMoved": { + "description": [ + "A função mouseMoved() é chamada uma vez que o mouse se move sobre o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando o mouse mouse se move sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. " + } + }, + "mouseOver": { + "description": [ + "A função mouseOver() é chamada uma vez que o mouse se move para o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando o mouse se move para o elemento. Se false for passado, a função de disparo anterior não será mais disparada. " + } + }, + "mouseOut": { + "description": [ + "A função mouseOut() é chamada uma vez que o mouse se move para fora do elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando o mouse se move para fora do elemento. Se false for passado, a função de disparo anterior não será mais disparada. " + } + }, + "touchStarted": { + "description": [ + "A função touchStarted() é chamada uma vez que um toque é registrado. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando um toque é registrado. Se false for passado, a função de disparo anterior não será mais disparada. " + } + }, + "touchMoved": { + "description": [ + "A função touchMoved() é chamada uma vez que um movimento de toque é registrado. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando um toque se move sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. " + } + }, + "touchEnded": { + "description": [ + "A função touchEnded() é chamada uma vez que um toque é registrado. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando um toque termina sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. " + } + }, + "dragOver": { + "description": [ + "A função dragOver() é chamada uma vez que um arquivo é arrastado sobre o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando um arquivo é arrastado sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. " + } + }, + "dragLeave": { + "description": [ + "A função dragLeave() é chamada uma vez que um arquivo arrastado sai da área do elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento." + ], + "params": { + "fxn": "Função|Booleano: função a ser disparada quando um arquivo é arrastado para fora do elemento. Se false for passado, a função de disparo anterior não será mais disparada. " + } + }, + "addClass": { + "description": [ + "Adiciona uma classe especificada ao elemento." + ], + "params": { + "class": "String: nome da classe a ser adicionada" + } + }, + "removeClass": { + "description": [ + "Remove uma classe especificada do elemento." + ], + "params": { + "class": "String: nome da classe a ser removida." + } + }, + "hasClass": { + "description": [ + "Verifica se a classe especificada já está definida para o elemento." + ], + "returns": "Booleano: um valor Booleano se o elemento possui a classe especificada.", + "params": { + "c": "String: nome da classe para verificação" + } + }, + "toggleClass": { + "description": [ + "Alterna classe de elemento." + ], + "params": { + "c": "String: nome da classe a ser alternada" + } + }, + "child": { + "description": [ + "Anexa o elemento como filho do pai especificado. Aceita tanto um ID de string, um nó DOM, ou um p5.Element. Se nenhum argumento for especificado, uma matriz de nós DOM filhos será retornada. " + ], + "returns": "Node[]: um array de nós filhos", + "params": { + "child": "String|p5.Element (opcional): a ID, nó DOM, ou p5.Element para adicionar ao elemento atual." + } + }, + "center": { + "description": [ + "Centraliza um elemento p5 verticalmente, horizontalmente ou ambos, em relação ao seu pai ou de acordo com o body (corpo) se o elemento não tiver pai. Se nenhum argumento for passado, o elemento é alinhado tanto vertical quanto horizontalmente." + ], + "params": { + "align": "String (opcional): passar 'vertical', 'horizontal' alinha o elemento de acordo" + } + }, + "html": { + "description": [ + "Se um argumento for fornecido, define o HTML interno do elemento, substituindo qualquer HTML existente. Se true (verdadeiro) for incluído como um segundo argumento, o HTML é anexado em vez de substituir o HTML existente. Se nenhum argumento for fornecido, retorna o HTML interno do elemento." + ], + "returns": "String: o HTML interno do elemento", + "params": { + "html": "String (opcional): o HTML a ser colocado dentro do elemento", + "append": "Booleano (opcional): se deve anexar o novo HTML ao existente" + } + }, + "position": { + "description": [ + "Sets the position of the element. If no position type argument is given, the position will be relative to (0, 0) of the window. Essentially, this sets position:absolute and left and top properties of style. If an optional third argument specifying position type is given, the x and y coordinates will be interpreted based on the positioning scheme. If no arguments given, the function returns the x and y position of the element. found documentation on how to be more specific with object type https://stackoverflow.com/questions/14714314/how-do-i-comment-object-literals-in-yuidoc" + ], + "returns": "Object: object of form { x: 0, y: 0 } containing the position of the element in an object", + "params": { + "x": "Number: (Optional) x-position relative to upper left of window (optional)", + "y": "Number: (Optional) y-position relative to upper left of window (optional)", + "positionType": "String: it can be static, fixed, relative, sticky, initial or inherit (optional)" + } + }, + "style": { + "description": [ + "Sets the given style (css) property (1st arg) of the element with the given value (2nd arg). If a single argument is given, .style() returns the value of the given property; however, if the single argument is given in css syntax ('text-align:center'), .style() sets the css appropriately." + ], + "returns": "String: value of property", + "params": { + "property": "String: property to be set", + "value": "String|p5.Color: value to assign to property" + } + }, + "attribute": { + "description": [ + "Adds a new attribute or changes the value of an existing attribute on the specified element. If no value is specified, returns the value of the given attribute, or null if attribute is not set." + ], + "returns": "String: value of attribute", + "params": { + "attr": "String: attribute to set", + "value": "String: value to assign to attribute" + } + }, + "removeAttribute": { + "description": [ + "Removes an attribute on the specified element." + ], + "params": { + "attr": "String: attribute to remove" + } + }, + "value": { + "description": [ + "Either returns the value of the element if no arguments given, or sets the value of the element." + ], + "returns": "String|Number: value of the element", + "params": { + "value": "String|Number" + } + }, + "show": { + "description": [ + "Shows the current element. Essentially, setting display:block for the style." + ] + }, + "hide": { + "description": [ + "Hides the current element. Essentially, setting display:none for the style." + ] + }, + "size": { + "description": [ + "Sets the width and height of the element. AUTO can be used to only adjust one dimension at a time. If no arguments are given, it returns the width and height of the element in an object. In case of elements which need to be loaded, such as images, it is recommended to call the function after the element has finished loading." + ], + "returns": "Object: the width and height of the element in an object", + "params": { + "w": "Number|Constant: width of the element, either AUTO, or a number", + "h": "Number|Constant: (Optional) height of the element, either AUTO, or a number" + } + }, + "remove": { + "description": [ + "Removes the element, stops all media streams, and deregisters all listeners." + ] + }, + "drop": { + "description": [ + "Registers a callback that gets called every time a file that is dropped on the element has been loaded. p5 will load every dropped file into memory and pass it as a p5.File object to the callback. Multiple files dropped at the same time will result in multiple calls to the callback. ", + "You can optionally pass a second callback which will be registered to the raw drop event. The callback will thus be provided the original DragEvent. Dropping multiple files at the same time will trigger the second callback once per drop, whereas the first callback will trigger for each loaded file." + ], + "params": { + "callback": "Function: callback to receive loaded file, called for each file dropped.", + "fxn": "Function: (Optional) callback triggered once when files are dropped with the drop event." + } + } + }, + "p5.Graphics": { + "description": [ + "Thin wrapper around a renderer, to be used for creating a graphics buffer object. Use this class if you need to draw into an off-screen graphics buffer. The two parameters define the width and height in pixels. The fields and methods for this class are extensive, but mirror the normal drawing API for p5." + ], + "params": { + "w": "Number: width", + "h": "Number: height", + "renderer": "Constant: the renderer to use, either P2D or WEBGL", + "pInst": "P5: (Optional) pointer to p5 instance" + }, + "reset": { + "description": [ + "Resets certain values such as those modified by functions in the Transform category and in the Lights category that are not automatically reset with graphics buffer objects. Calling this in draw() will copy the behavior of the standard canvas." + ] + }, + "remove": { + "description": [ + "Removes a Graphics object from the page and frees any resources associated with it." + ] + } + }, + "p5.Renderer": { + "description": [ + "Main graphics and rendering context, as well as the base API implementation for p5.js \"core\". To be used as the superclass for Renderer2D and Renderer3D classes, respectively." + ], + "params": { + "elt": "String: DOM node that is wrapped", + "pInst": "P5: (Optional) pointer to p5 instance", + "isMainCanvas": "Boolean: (Optional) whether we're using it as main canvas" + } + }, + "JSON": { + "stringify": { + "description": [ + "A partir de uma entrada MDN: O método JSON.stringify() converte um objeto ou valor JavaScript em uma string JSON." + ], + "params": { + "object": "Objeto: Objeto Javascript que você gostaria de converter para JSON" + } + } + }, + "console": { + "log": { + "description": [ + "Imprime uma mensagem no console da web do seu navegador. Ao usar o p5, você pode usar print (imprimir) e console.log indistintamente. ", + "O console é aberto de forma diferente dependendo de qual navegador você está usando. Aqui estão os links sobre como abrir o console no Firefox , Chrome, Edge, e Safari. Com o editor online do p5 o console é incorporado diretamente na página abaixo do editor de código. ", + "A partir de uma entrada MDN: O método do console log() tem como saída uma mensagem para o console da web. A mensagem pode ser uma única string (com valores de substituição opcionais), ou pode ser qualquer um ou mais objetos JavaScript." + ], + "params": { + "message": "String|Expressão|Objeto: Mensagem que você gostaria de imprimir no console." + } + } + }, + "p5.TypedDict": { + "description": [ + "Base class for all p5.Dictionary types. Specifically typed Dictionary classes inherit from this class." + ], + "size": { + "description": [ + "Returns the number of key-value pairs currently stored in the Dictionary." + ], + "returns": "Integer: the number of key-value pairs in the Dictionary" + }, + "hasKey": { + "description": [ + "Returns true if the given key exists in the Dictionary, otherwise returns false." + ], + "returns": "Boolean: whether that key exists in Dictionary", + "params": { + "key": "Number|String: that you want to look up" + } + }, + "get": { + "description": [ + "Returns the value stored at the given key." + ], + "returns": "Number|String: the value stored at that key", + "params": { + "the": "Number|String: key you want to access" + } + }, + "set": { + "description": [ + "Updates the value associated with the given key in case it already exists in the Dictionary. Otherwise a new key-value pair is added." + ], + "params": { + "key": "Number|String", + "value": "Number|String" + } + }, + "create": { + "description": [ + "Creates a new key-value pair in the Dictionary." + ], + "params": { + "key": "Number|String", + "value": "Number|String", + "obj": "Object: key/value pair" + } + }, + "clear": { + "description": [ + "Removes all previously stored key-value pairs from the Dictionary." + ] + }, + "remove": { + "description": [ + "Removes the key-value pair stored at the given key from the Dictionary." + ], + "params": { + "key": "Number|String: for the pair to remove" + } + }, + "print": { + "description": [ + "Logs the set of items currently stored in the Dictionary to the console." + ] + }, + "saveTable": { + "description": [ + "Converts the Dictionary into a CSV file for local download." + ] + }, + "saveJSON": { + "description": [ + "Converts the Dictionary into a JSON file for local download." + ] + } + }, + "p5.StringDict": { + "description": [ + "A simple Dictionary class for Strings." + ] + }, + "p5.NumberDict": { + "description": [ + "A simple Dictionary class for Numbers." + ], + "add": { + "description": [ + "Add the given number to the value currently stored at the given key. The sum then replaces the value previously stored in the Dictionary." + ], + "params": { + "Key": "Number: for the value you wish to add to", + "Number": "Number: to add to the value" + } + }, + "sub": { + "description": [ + "Subtract the given number from the value currently stored at the given key. The difference then replaces the value previously stored in the Dictionary." + ], + "params": { + "Key": "Number: for the value you wish to subtract from", + "Number": "Number: to subtract from the value" + } + }, + "mult": { + "description": [ + "Multiply the given number with the value currently stored at the given key. The product then replaces the value previously stored in the Dictionary." + ], + "params": { + "Key": "Number: for value you wish to multiply", + "Amount": "Number: to multiply the value by" + } + }, + "div": { + "description": [ + "Divide the given number with the value currently stored at the given key. The quotient then replaces the value previously stored in the Dictionary." + ], + "params": { + "Key": "Number: for value you wish to divide", + "Amount": "Number: to divide the value by" + } + }, + "minValue": { + "description": [ + "Return the lowest number currently stored in the Dictionary." + ], + "returns": "Number: " + }, + "maxValue": { + "description": [ + "Return the highest number currently stored in the Dictionary." + ], + "returns": "Number: " + }, + "minKey": { + "description": [ + "Return the lowest key currently used in the Dictionary." + ], + "returns": "Number: " + }, + "maxKey": { + "description": [ + "Return the highest key currently used in the Dictionary." + ], + "returns": "Number: " + } + }, + "p5.MediaElement": { + "description": [ + "Extends p5.Element to handle audio and video. In addition to the methods of p5.Element, it also contains methods for controlling media. It is not called directly, but p5.MediaElements are created by calling createVideo, createAudio, and createCapture." + ], + "params": { + "elt": "String: DOM node that is wrapped" + }, + "src": { + "description": [ + "Path to the media element source." + ], + "returns": "String: src" + }, + "play": { + "description": [ + "Play an HTML5 media element." + ] + }, + "stop": { + "description": [ + "Stops an HTML5 media element (sets current time to zero)." + ] + }, + "pause": { + "description": [ + "Pauses an HTML5 media element." + ] + }, + "loop": { + "description": [ + "Set 'loop' to true for an HTML5 media element, and starts playing." + ] + }, + "noLoop": { + "description": [ + "Set 'loop' to false for an HTML5 media element. Element will stop when it reaches the end." + ] + }, + "autoplay": { + "description": [ + "Set HTML5 media element to autoplay or not. If no argument is specified, by default it will autoplay." + ], + "params": { + "shouldAutoplay": "Boolean: whether the element should autoplay" + } + }, + "volume": { + "description": [ + "Sets volume for this HTML5 media element. If no argument is given, returns the current volume." + ], + "returns": "Number: current volume", + "params": { + "val": "Number: volume between 0.0 and 1.0" + } + }, + "speed": { + "description": [ + "If no arguments are given, returns the current playback speed of the element. The speed parameter sets the speed where 2.0 will play the element twice as fast, 0.5 will play at half the speed, and -1 will play the element in normal speed in reverse.(Note that not all browsers support backward playback and even if they do, playback might not be smooth.)" + ], + "returns": "Number: current playback speed of the element", + "params": { + "speed": "Number: speed multiplier for element playback" + } + }, + "time": { + "description": [ + "If no arguments are given, returns the current time of the element. If an argument is given the current time of the element is set to it." + ], + "returns": "Number: current time (in seconds)", + "params": { + "time": "Number: time to jump to (in seconds)" + } + }, + "duration": { + "description": [ + "Returns the duration of the HTML5 media element." + ], + "returns": "Number: duration" + }, + "onended": { + "description": [ + "Schedule an event to be called when the audio or video element reaches the end. If the element is looping, this will not be called. The element is passed in as the argument to the onended callback." + ], + "params": { + "callback": "Function: function to call when the soundfile has ended. The media element will be passed in as the argument to the callback." + } + }, + "connect": { + "description": [ + "Send the audio output of this element to a specified audioNode or p5.sound object. If no element is provided, connects to p5's main output. That connection is established when this method is first called. All connections are removed by the .disconnect() method. ", + "This method is meant to be used with the p5.sound.js addon library." + ], + "params": { + "audioNode": "AudioNode|Object: AudioNode from the Web Audio API, or an object from the p5.sound library" + } + }, + "disconnect": { + "description": [ + "Disconnect all Web Audio routing, including to main output. This is useful if you want to re-route the output through audio effects, for example." + ] + }, + "showControls": { + "description": [ + "Show the default MediaElement controls, as determined by the web browser." + ] + }, + "hideControls": { + "description": [ + "Hide the default mediaElement controls." + ] + }, + "addCue": { + "description": [ + "Schedule events to trigger every time a MediaElement (audio/video) reaches a playback cue point. ", + "Accepts a callback function, a time (in seconds) at which to trigger the callback, and an optional parameter for the callback. ", + "Time will be passed as the first parameter to the callback function, and param will be the second parameter." + ], + "returns": "Number: id ID of this cue, useful for removeCue(id)", + "params": { + "time": "Number: Time in seconds, relative to this media element's playback. For example, to trigger an event every time playback reaches two seconds, pass in the number 2. This will be passed as the first parameter to the callback function.", + "callback": "Function: Name of a function that will be called at the given time. The callback will receive time and (optionally) param as its two parameters.", + "value": "Object: (Optional) An object to be passed as the second parameter to the callback function." + } + }, + "removeCue": { + "description": [ + "Remove a callback based on its ID. The ID is returned by the addCue method." + ], + "params": { + "id": "Number: ID of the cue, as returned by addCue" + } + }, + "clearCues": { + "description": [ + "Remove all of the callbacks that had originally been scheduled via the addCue method." + ], + "params": { + "id": "Number: ID of the cue, as returned by addCue" + } + } + }, + "p5.File": { + "description": [ + "Base class for a file. Used for Element.drop and createFileInput." + ], + "params": { + "file": "File: File that is wrapped" + }, + "file": { + "description": [ + "Underlying File object. All normal File methods can be called on this." + ] + }, + "type": { + "description": [ + "File type (image, text, etc.)" + ] + }, + "subtype": { + "description": [ + "File subtype (usually the file extension jpg, png, xml, etc.)" + ] + }, + "name": { + "description": [ + "File name" + ] + }, + "size": { + "description": [ + "File size" + ] + }, + "data": { + "description": [ + "URL string containing either image data, the text contents of the file or a parsed object if file is JSON and p5.XML if XML" + ] + } + }, + "p5.Image": { + "description": [ + "Creates a new p5.Image. A p5.Image is a canvas backed representation of an image. ", + "p5 can display .gif, .jpg and .png images. Images may be displayed in 2D and 3D space. Before an image is used, it must be loaded with the loadImage() function. The p5.Image class contains fields for the width and height of the image, as well as an array called pixels[] that contains the values for every pixel in the image. ", + "The methods described below allow easy access to the image's pixels and alpha channel and simplify the process of compositing. ", + "Before using the pixels[] array, be sure to use the loadPixels() method on the image to make sure that the pixel data is properly loaded." + ], + "params": { + "width": "Number", + "height": "Number" + }, + "width": { + "description": [ + "Image width." + ] + }, + "height": { + "description": [ + "Image height." + ] + }, + "pixels": { + "description": [ + "Array containing the values for all the pixels in the display window. These values are numbers. This array is the size (include an appropriate factor for pixelDensity) of the display window x4, representing the R, G, B, A values in order for each pixel, moving from left to right across each row, then down each column. Retina and other high density displays may have more pixels (by a factor of pixelDensity^2). For example, if the image is 100x100 pixels, there will be 40,000. With pixelDensity = 2, there will be 160,000. The first four values (indices 0-3) in the array will be the R, G, B, A values of the pixel at (0, 0). The second four values (indices 4-7) will contain the R, G, B, A values of the pixel at (1, 0). More generally, to set values for a pixel at (x, y): 
let d = pixelDensity(); for (let i = 0; i < d; i++) {  for (let j = 0; j < d; j++) {  // loop over  index = 4 * ((y * d + j) * width * d + (x * d + i));  pixels[index] = r;  pixels[index+1] = g;  pixels[index+2] = b;  pixels[index+3] = a;  } }
", + "Before accessing this array, the data must loaded with the loadPixels() function. After the array data has been modified, the updatePixels() function must be run to update the changes." + ] + }, + "loadPixels": { + "description": [ + "Loads the pixels data for this image into the [pixels] attribute." + ] + }, + "updatePixels": { + "description": [ + "Updates the backing canvas for this image with the contents of the [pixels] array. ", + "If this image is an animated GIF then the pixels will be updated in the frame that is currently displayed." + ], + "params": { + "x": "Integer: x-offset of the target update area for the underlying canvas", + "y": "Integer: y-offset of the target update area for the underlying canvas", + "w": "Integer: height of the target update area for the underlying canvas", + "h": "Integer: height of the target update area for the underlying canvas" + } + }, + "get": { + "description": [ + "Get a region of pixels from an image. ", + "If no params are passed, the whole image is returned. If x and y are the only params passed a single pixel is extracted. If all params are passed a rectangle region is extracted and a p5.Image is returned." + ], + "returns": "p5.Image: the rectangle p5.Image", + "params": { + "x": "Number: x-coordinate of the pixel", + "y": "Number: y-coordinate of the pixel", + "w": "Number: width", + "h": "Number: height" + } + }, + "set": { + "description": [ + "Set the color of a single pixel or write an image into this p5.Image. ", + "Note that for a large number of pixels this will be slower than directly manipulating the pixels array and then calling updatePixels()." + ], + "params": { + "x": "Number: x-coordinate of the pixel", + "y": "Number: y-coordinate of the pixel", + "a": "Number|Number[]|Object: grayscale value | pixel array | a p5.Color | image to copy" + } + }, + "resize": { + "description": [ + "Resize the image to a new width and height. To make the image scale proportionally, use 0 as the value for the wide or high parameter. For instance, to make the width of an image 150 pixels, and change the height using the same proportion, use resize(150, 0)." + ], + "params": { + "width": "Number: the resized image width", + "height": "Number: the resized image height" + } + }, + "copy": { + "description": [ + "Copies a region of pixels from one image to another. If no srcImage is specified this is used as the source. If the source and destination regions aren't the same size, it will automatically resize source pixels to fit the specified target region." + ], + "params": { + "srcImage": "p5.Image|p5.Element: source image", + "sx": "Integer: X coordinate of the source's upper left corner", + "sy": "Integer: Y coordinate of the source's upper left corner", + "sw": "Integer: source image width", + "sh": "Integer: source image height", + "dx": "Integer: X coordinate of the destination's upper left corner", + "dy": "Integer: Y coordinate of the destination's upper left corner", + "dw": "Integer: destination image width", + "dh": "Integer: destination image height" + } + }, + "mask": { + "description": [ + "Masks part of an image from displaying by loading another image and using its alpha channel as an alpha channel for this image. Masks are cumulative, one applied to an image object, they cannot be removed." + ], + "params": { + "srcImage": "p5.Image: source image" + } + }, + "filter": { + "description": [ + "Applies an image filter to a p5.Image ", + "THRESHOLD Converts the image to black and white pixels depending if they are above or below the threshold defined by the level parameter. The parameter must be between 0.0 (black) and 1.0 (white). If no level is specified, 0.5 is used. ", + "GRAY Converts any colors in the image to grayscale equivalents. No parameter is used. ", + "OPAQUE Sets the alpha channel to entirely opaque. No parameter is used. ", + "INVERT Sets each pixel to its inverse value. No parameter is used. ", + "POSTERIZE Limits each channel of the image to the number of colors specified as the parameter. The parameter can be set to values between 2 and 255, but results are most noticeable in the lower ranges. ", + "BLUR Executes a Gaussian blur with the level parameter specifying the extent of the blurring. If no parameter is used, the blur is equivalent to Gaussian blur of radius 1. Larger values increase the blur. ", + "ERODE Reduces the light areas. No parameter is used. ", + "DILATE Increases the light areas. No parameter is used. ", + "filter() does not work in WEBGL mode. A similar effect can be achieved in WEBGL mode using custom shaders. Adam Ferriss has written a selection of shader examples that contains many of the effects present in the filter examples." + ], + "params": { + "filterType": "Constant: either THRESHOLD, GRAY, OPAQUE, INVERT, POSTERIZE, ERODE, DILATE or BLUR. See Filters.js for docs on each available filter", + "filterParam": "Number: (Optional) an optional parameter unique to each filter, see above" + } + }, + "blend": { + "description": [ + "Copies a region of pixels from one image to another, using a specified blend mode to do the operation." + ], + "params": { + "srcImage": "p5.Image: source image", + "sx": "Integer: X coordinate of the source's upper left corner", + "sy": "Integer: Y coordinate of the source's upper left corner", + "sw": "Integer: source image width", + "sh": "Integer: source image height", + "dx": "Integer: X coordinate of the destination's upper left corner", + "dy": "Integer: Y coordinate of the destination's upper left corner", + "dw": "Integer: destination image width", + "dh": "Integer: destination image height", + "blendMode": "Constant: the blend mode. either BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT, SOFT_LIGHT, DODGE, BURN, ADD or NORMAL. Available blend modes are: normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/" + } + }, + "save": { + "description": [ + "Saves the image to a file and force the browser to download it. Accepts two strings for filename and file extension Supports png (default), jpg, and gif Note that the file will only be downloaded as an animated GIF if the p5.Image was loaded from a GIF file." + ], + "params": { + "filename": "String: give your file a name", + "extension": "String: 'png' or 'jpg'" + } + }, + "reset": { + "description": [ + "Starts an animated GIF over at the beginning state." + ] + }, + "getCurrentFrame": { + "description": [ + "Gets the index for the frame that is currently visible in an animated GIF." + ], + "returns": "Number: The index for the currently displaying frame in animated GIF" + }, + "setFrame": { + "description": [ + "Sets the index of the frame that is currently visible in an animated GIF" + ], + "params": { + "index": "Number: the index for the frame that should be displayed" + } + }, + "numFrames": { + "description": [ + "Returns the number of frames in an animated GIF" + ], + "returns": "Number: " + }, + "play": { + "description": [ + "Plays an animated GIF that was paused with pause()" + ] + }, + "pause": { + "description": [ + "Pauses an animated GIF." + ] + }, + "delay": { + "description": [ + "Changes the delay between frames in an animated GIF. There is an optional second parameter that indicates an index for a specific frame that should have its delay modified. If no index is given, all frames will have the new delay." + ], + "params": { + "d": "Number: the amount in milliseconds to delay between switching frames", + "index": "Number: (Optional) the index of the frame that should have the new delay value {optional}" + } + } + }, + "p5.PrintWriter": { + "params": { + "filename": "String", + "extension": "String (Optional)" + }, + "write": { + "description": [ + "Writes data to the PrintWriter stream" + ], + "params": { + "data": "Array: all data to be written by the PrintWriter" + } + }, + "print": { + "description": [ + "Writes data to the PrintWriter stream, and adds a new line at the end" + ], + "params": { + "data": "Array: all data to be printed by the PrintWriter" + } + }, + "clear": { + "description": [ + "Clears the data already written to the PrintWriter object" + ] + }, + "close": { + "description": [ + "Closes the PrintWriter" + ] + } + }, + "p5.Table": { + "description": [ + "Table objects store data with multiple rows and columns, much like in a traditional spreadsheet. Tables can be generated from scratch, dynamically, or using data from an existing file." + ], + "params": { + "rows": "p5.TableRow[]: (Optional) An array of p5.TableRow objects" + }, + "columns": { + "description": [ + "An array containing the names of the columns in the table, if the \"header\" the table is loaded with the \"header\" parameter." + ] + }, + "rows": { + "description": [ + "An array containing the p5.TableRow objects that make up the rows of the table. The same result as calling getRows()" + ] + }, + "addRow": { + "description": [ + "Use addRow() to add a new row of data to a p5.Table object. By default, an empty row is created. Typically, you would store a reference to the new row in a TableRow object (see newRow in the example above), and then set individual values using set(). ", + "If a p5.TableRow object is included as a parameter, then that row is duplicated and added to the table." + ], + "returns": "p5.TableRow: the row that was added", + "params": { + "row": "p5.TableRow: (Optional) row to be added to the table" + } + }, + "removeRow": { + "description": [ + "Removes a row from the table object." + ], + "params": { + "id": "Integer: ID number of the row to remove" + } + }, + "getRow": { + "description": [ + "Returns a reference to the specified p5.TableRow. The reference can then be used to get and set values of the selected row." + ], + "returns": "p5.TableRow: p5.TableRow object", + "params": { + "rowID": "Integer: ID number of the row to get" + } + }, + "getRows": { + "description": [ + "Gets all rows from the table. Returns an array of p5.TableRows." + ], + "returns": "p5.TableRow[]: Array of p5.TableRows" + }, + "findRow": { + "description": [ + "Finds the first row in the Table that contains the value provided, and returns a reference to that row. Even if multiple rows are possible matches, only the first matching row is returned. The column to search may be specified by either its ID or title." + ], + "returns": "p5.TableRow: ", + "params": { + "value": "String: The value to match", + "column": "Integer|String: ID number or title of the column to search" + } + }, + "findRows": { + "description": [ + "Finds the rows in the Table that contain the value provided, and returns references to those rows. Returns an Array, so for must be used to iterate through all the rows, as shown in the example above. The column to search may be specified by either its ID or title." + ], + "returns": "p5.TableRow[]: An Array of TableRow objects", + "params": { + "value": "String: The value to match", + "column": "Integer|String: ID number or title of the column to search" + } + }, + "matchRow": { + "description": [ + "Finds the first row in the Table that matches the regular expression provided, and returns a reference to that row. Even if multiple rows are possible matches, only the first matching row is returned. The column to search may be specified by either its ID or title." + ], + "returns": "p5.TableRow: TableRow object", + "params": { + "regexp": "String|RegExp: The regular expression to match", + "column": "String|Integer: The column ID (number) or title (string)" + } + }, + "matchRows": { + "description": [ + "Finds the rows in the Table that match the regular expression provided, and returns references to those rows. Returns an array, so for must be used to iterate through all the rows, as shown in the example. The column to search may be specified by either its ID or title." + ], + "returns": "p5.TableRow[]: An Array of TableRow objects", + "params": { + "regexp": "String: The regular expression to match", + "column": "String|Integer: (Optional) The column ID (number) or title (string)" + } + }, + "getColumn": { + "description": [ + "Retrieves all values in the specified column, and returns them as an array. The column may be specified by either its ID or title." + ], + "returns": "Array: Array of column values", + "params": { + "column": "String|Number: String or Number of the column to return" + } + }, + "clearRows": { + "description": [ + "Removes all rows from a Table. While all rows are removed, columns and column titles are maintained." + ] + }, + "addColumn": { + "description": [ + "Use addColumn() to add a new column to a Table object. Typically, you will want to specify a title, so the column may be easily referenced later by name. (If no title is specified, the new column's title will be null.)" + ], + "params": { + "title": "String: (Optional) title of the given column" + } + }, + "getColumnCount": { + "description": [ + "Returns the total number of columns in a Table." + ], + "returns": "Integer: Number of columns in this table" + }, + "getRowCount": { + "description": [ + "Returns the total number of rows in a Table." + ], + "returns": "Integer: Number of rows in this table" + }, + "removeTokens": { + "description": [ + "Removes any of the specified characters (or \"tokens\"). ", + "If no column is specified, then the values in all columns and rows are processed. A specific column may be referenced by either its ID or title." + ], + "params": { + "chars": "String: String listing characters to be removed", + "column": "String|Integer: (Optional) Column ID (number) or name (string)" + } + }, + "trim": { + "description": [ + "Trims leading and trailing whitespace, such as spaces and tabs, from String table values. If no column is specified, then the values in all columns and rows are trimmed. A specific column may be referenced by either its ID or title." + ], + "params": { + "column": "String|Integer: (Optional) Column ID (number) or name (string)" + } + }, + "removeColumn": { + "description": [ + "Use removeColumn() to remove an existing column from a Table object. The column to be removed may be identified by either its title (a String) or its index value (an int). removeColumn(0) would remove the first column, removeColumn(1) would remove the second column, and so on." + ], + "params": { + "column": "String|Integer: columnName (string) or ID (number)" + } + }, + "set": { + "description": [ + "Stores a value in the Table's specified row and column. The row is specified by its ID, while the column may be specified by either its ID or title." + ], + "params": { + "row": "Integer: row ID", + "column": "String|Integer: column ID (Number) or title (String)", + "value": "String|Number: value to assign" + } + }, + "setNum": { + "description": [ + "Stores a Float value in the Table's specified row and column. The row is specified by its ID, while the column may be specified by either its ID or title." + ], + "params": { + "row": "Integer: row ID", + "column": "String|Integer: column ID (Number) or title (String)", + "value": "Number: value to assign" + } + }, + "setString": { + "description": [ + "Stores a String value in the Table's specified row and column. The row is specified by its ID, while the column may be specified by either its ID or title." + ], + "params": { + "row": "Integer: row ID", + "column": "String|Integer: column ID (Number) or title (String)", + "value": "String: value to assign" + } + }, + "get": { + "description": [ + "Retrieves a value from the Table's specified row and column. The row is specified by its ID, while the column may be specified by either its ID or title." + ], + "returns": "String|Number: ", + "params": { + "row": "Integer: row ID", + "column": "String|Integer: columnName (string) or ID (number)" + } + }, + "getNum": { + "description": [ + "Retrieves a Float value from the Table's specified row and column. The row is specified by its ID, while the column may be specified by either its ID or title." + ], + "returns": "Number: ", + "params": { + "row": "Integer: row ID", + "column": "String|Integer: columnName (string) or ID (number)" + } + }, + "getString": { + "description": [ + "Retrieves a String value from the Table's specified row and column. The row is specified by its ID, while the column may be specified by either its ID or title." + ], + "returns": "String: ", + "params": { + "row": "Integer: row ID", + "column": "String|Integer: columnName (string) or ID (number)" + } + }, + "getObject": { + "description": [ + "Retrieves all table data and returns as an object. If a column name is passed in, each row object will be stored with that attribute as its title." + ], + "returns": "Object: ", + "params": { + "headerColumn": "String: (Optional) Name of the column which should be used to title each row object (optional)" + } + }, + "getArray": { + "description": [ + "Retrieves all table data and returns it as a multidimensional array." + ], + "returns": "Array: " + } + }, + "p5.TableRow": { + "description": [ + "A TableRow object represents a single row of data values, stored in columns, from a table. ", + "A Table Row contains both an ordered array, and an unordered JSON object." + ], + "params": { + "str": "String: (Optional) optional: populate the row with a string of values, separated by the separator", + "separator": "String: (Optional) comma separated values (csv) by default" + }, + "set": { + "description": [ + "Stores a value in the TableRow's specified column. The column may be specified by either its ID or title." + ], + "params": { + "column": "String|Integer: Column ID (Number) or Title (String)", + "value": "String|Number: The value to be stored" + } + }, + "setNum": { + "description": [ + "Stores a Float value in the TableRow's specified column. The column may be specified by either its ID or title." + ], + "params": { + "column": "String|Integer: Column ID (Number) or Title (String)", + "value": "Number|String: The value to be stored as a Float" + } + }, + "setString": { + "description": [ + "Stores a String value in the TableRow's specified column. The column may be specified by either its ID or title." + ], + "params": { + "column": "String|Integer: Column ID (Number) or Title (String)", + "value": "String|Number|Boolean|Object: The value to be stored as a String" + } + }, + "get": { + "description": [ + "Retrieves a value from the TableRow's specified column. The column may be specified by either its ID or title." + ], + "returns": "String|Number: ", + "params": { + "column": "String|Integer: columnName (string) or ID (number)" + } + }, + "getNum": { + "description": [ + "Retrieves a Float value from the TableRow's specified column. The column may be specified by either its ID or title." + ], + "returns": "Number: Float Floating point number", + "params": { + "column": "String|Integer: columnName (string) or ID (number)" + } + }, + "getString": { + "description": [ + "Retrieves an String value from the TableRow's specified column. The column may be specified by either its ID or title." + ], + "returns": "String: String", + "params": { + "column": "String|Integer: columnName (string) or ID (number)" + } + } + }, + "p5.XML": { + "description": [ + "XML is a representation of an XML object, able to parse XML code. Use loadXML() to load external XML files and create XML objects." + ], + "getParent": { + "description": [ + "Gets a copy of the element's parent. Returns the parent as another p5.XML object." + ], + "returns": "p5.XML: element parent" + }, + "getName": { + "description": [ + "Gets the element's full name, which is returned as a String." + ], + "returns": "String: the name of the node" + }, + "setName": { + "description": [ + "Sets the element's name, which is specified as a String." + ], + "params": { + "the": "String: new name of the node" + } + }, + "hasChildren": { + "description": [ + "Checks whether or not the element has any children, and returns the result as a boolean." + ], + "returns": "Boolean: " + }, + "listChildren": { + "description": [ + "Get the names of all of the element's children, and returns the names as an array of Strings. This is the same as looping through and calling getName() on each child element individually." + ], + "returns": "String[]: names of the children of the element" + }, + "getChildren": { + "description": [ + "Returns all of the element's children as an array of p5.XML objects. When the name parameter is specified, then it will return all children that match that name." + ], + "returns": "p5.XML[]: children of the element", + "params": { + "name": "String: (Optional) element name" + } + }, + "getChild": { + "description": [ + "Returns the first of the element's children that matches the name parameter or the child of the given index.It returns undefined if no matching child is found." + ], + "returns": "p5.XML: ", + "params": { + "name": "String|Integer: element name or index" + } + }, + "addChild": { + "description": [ + "Appends a new child to the element. The child can be specified with either a String, which will be used as the new tag's name, or as a reference to an existing p5.XML object. A reference to the newly created child is returned as an p5.XML object." + ], + "params": { + "node": "p5.XML: a p5.XML Object which will be the child to be added" + } + }, + "removeChild": { + "description": [ + "Removes the element specified by name or index." + ], + "params": { + "name": "String|Integer: element name or index" + } + }, + "getAttributeCount": { + "description": [ + "Counts the specified element's number of attributes, returned as an Number." + ], + "returns": "Integer: " + }, + "listAttributes": { + "description": [ + "Gets all of the specified element's attributes, and returns them as an array of Strings." + ], + "returns": "String[]: an array of strings containing the names of attributes" + }, + "hasAttribute": { + "description": [ + "Checks whether or not an element has the specified attribute." + ], + "returns": "Boolean: true if attribute found else false", + "params": { + "the": "String: attribute to be checked" + } + }, + "getNum": { + "description": [ + "Returns an attribute value of the element as an Number. If the defaultValue parameter is specified and the attribute doesn't exist, then defaultValue is returned. If no defaultValue is specified and the attribute doesn't exist, the value 0 is returned." + ], + "returns": "Number: ", + "params": { + "name": "String: the non-null full name of the attribute", + "defaultValue": "Number: (Optional) the default value of the attribute" + } + }, + "getString": { + "description": [ + "Returns an attribute value of the element as an String. If the defaultValue parameter is specified and the attribute doesn't exist, then defaultValue is returned. If no defaultValue is specified and the attribute doesn't exist, null is returned." + ], + "returns": "String: ", + "params": { + "name": "String: the non-null full name of the attribute", + "defaultValue": "Number: (Optional) the default value of the attribute" + } + }, + "setAttribute": { + "description": [ + "Sets the content of an element's attribute. The first parameter specifies the attribute name, while the second specifies the new content." + ], + "params": { + "name": "String: the full name of the attribute", + "value": "Number|String|Boolean: the value of the attribute" + } + }, + "getContent": { + "description": [ + "Returns the content of an element. If there is no such content, defaultValue is returned if specified, otherwise null is returned." + ], + "returns": "String: ", + "params": { + "defaultValue": "String: (Optional) value returned if no content is found" + } + }, + "setContent": { + "description": [ + "Sets the element's content." + ], + "params": { + "text": "String: the new content" + } + }, + "serialize": { + "description": [ + "Serializes the element into a string. This function is useful for preparing the content to be sent over a http request or saved to file." + ], + "returns": "String: Serialized string of the element" + } + }, + "p5.Vector": { + "description": [ + "A class to describe a two or three dimensional vector, specifically a Euclidean (also known as geometric) vector. A vector is an entity that has both magnitude and direction. The datatype, however, stores the components of the vector (x, y for 2D, and x, y, z for 3D). The magnitude and direction can be accessed via the methods mag() and heading(). ", + "In many of the p5.js examples, you will see p5.Vector used to describe a position, velocity, or acceleration. For example, if you consider a rectangle moving across the screen, at any given instant it has a position (a vector that points from the origin to its location), a velocity (the rate at which the object's position changes per time unit, expressed as a vector), and acceleration (the rate at which the object's velocity changes per time unit, expressed as a vector). ", + "Since vectors represent groupings of values, we cannot simply use traditional addition/multiplication/etc. Instead, we'll need to do some \"vector\" math, which is made easy by the methods inside the p5.Vector class." + ], + "params": { + "x": "Number: (Optional) x component of the vector", + "y": "Number: (Optional) y component of the vector", + "z": "Number: (Optional) z component of the vector" + }, + "x": { + "description": [ + "The x component of the vector" + ] + }, + "y": { + "description": [ + "The y component of the vector" + ] + }, + "z": { + "description": [ + "The z component of the vector" + ] + }, + "toString": { + "description": [ + "Returns a string representation of a vector v by calling String(v) or v.toString(). This method is useful for logging vectors in the console." + ], + "returns": "String: " + }, + "set": { + "description": [ + "Sets the x, y, and z component of the vector using two or three separate variables, the data from a p5.Vector, or the values from a float array." + ], + "params": { + "x": "Number: (Optional) the x component of the vector", + "y": "Number: (Optional) the y component of the vector", + "z": "Number: (Optional) the z component of the vector", + "value": "p5.Vector|Number[]: the vector to set" + } + }, + "copy": { + "description": [ + "Gets a copy of the vector, returns a p5.Vector object." + ], + "returns": "p5.Vector: the copy of the p5.Vector object" + }, + "add": { + "description": [ + "Adds x, y, and z components to a vector, adds one vector to another, or adds two independent vectors together. The version of the method that adds two vectors together is a static method and returns a p5.Vector, the others acts directly on the vector. Additionally, you may provide arguments to this function as an array. See the examples for more context." + ], + "params": { + "x": "Number: the x component of the vector to be added", + "y": "Number: (Optional) the y component of the vector to be added", + "z": "Number: (Optional) the z component of the vector to be added", + "value": "p5.Vector|Number[]: the vector to add", + "v1": "p5.Vector: a p5.Vector to add", + "v2": "p5.Vector: a p5.Vector to add", + "target": "p5.Vector: (Optional) the vector to receive the result (Optional)" + } + }, + "rem": { + "description": [ + "Gives remainder of a vector when it is divided by another vector. See examples for more context." + ], + "params": { + "x": "Number: the x component of divisor vector", + "y": "Number: the y component of divisor vector", + "z": "Number: the z component of divisor vector", + "value": "p5.Vector | Number[]: divisor vector", + "v1": "p5.Vector: dividend p5.Vector", + "v2": "p5.Vector: divisor p5.Vector" + } + }, + "sub": { + "description": [ + "Subtracts x, y, and z components from a vector, subtracts one vector from another, or subtracts two independent vectors. The version of the method that subtracts two vectors is a static method and returns a p5.Vector, the other acts directly on the vector. Additionally, you may provide arguments to this function as an array. See the examples for more context." + ], + "params": { + "x": "Number: the x component of the vector to subtract", + "y": "Number: (optional) the y component of the vector to subtract", + "z": "Number: (optional) the z component of the vector to subtract", + "value": "p5.Vector|Number[]: the vector to subtract", + "v1": "p5.Vector: a p5.Vector to subtract from", + "v2": "p5.Vector: a p5.Vector to subtract", + "target": "p5.Vector: (optional) the vector to receive the result (Optional)" + } + }, + "mult": { + "description": [ + "Este método pode multiplicar o vetor por um valor escalar, multiplicar os valores x, y e z de um vetor, ou multiplicar os componentes x, y e z de dois vetores independentes. Ao multiplicar um vetor por um valor escalar, cada variável que o compõe será multiplicada pelo valor. Ao multiplicar dois vetores, os valores dos vetores serão multiplicados individualmente um pelo outro -- por exemplo, com dois vetores A e B, teremos como resultado: [A.x * B.x, A.y * B.y, A.z * B.z].", + "A versão estática do método retorna um novo p5.Vector, enquanto a versão não-estática modifica o vetor diretamente.", + "Além disso, você pode utilizar uma array como argumento. Veja os exemplos para compreender o método em seu contexto." + ], + "params": { + "n": "Número: o número a ser multiplicado pelo vetor.", + "x": "Número: o número a ser multiplicado pelo valor x do vetor", + "y": "Número: o número a ser multiplicado pelo valor y do vetor", + "z": "Número (opcional): o número a ser multiplicado pelo valor z do vetor", + "arr": "Número[]: a array a ser multiplicada pelos valores do vetor", + "v": "p5.Vector: o vetor a ser multiplicado pelos valores do vetor original", + "target": "p5.Vector (opcional): o vetor que receberá o resultado", + "v0": "p5.Vector: um vetor a ser multiplicado", + "v1": "p5.Vector: um vetor a ser multiplicado" + } + }, + "div": { + "description": [ + "Este método pode dividir o vetor por um valor escalar, dividir os valores x, y e z de um vetor, ou dividir os componentes x, y e z de dois vetores independentes. Ao dividir um vetor por um valor escalar, cada variável que o compõe será dividida pelo valor. Ao dividir um vetor por outro, cada valor do vetor original será dividido pelo valor correspondente do outro -- por exemplo, com dois vetores A e B, teremos como resultado: [A.x / B.x, A.y / B.y, A.z / B.z].", + "A versão estática do método retorna um novo p5.Vector, enquanto a versão não-estática modifica o vetor diretamente.", + "Além disso, você pode utilizar uma array como argumento. Veja os exemplos para compreender o método em seu contexto." + ], + "params": { + "n": "Número: o número pelo qual o vetor será dividido", + "x": "Número: o número pelo qual o valor x do vetor será dividido", + "y": "Número: o número pelo qual o valor y do vetor será dividido", + "z": "Número (opcional): o número pelo qual o valor z do vetor será dividido", + "arr": "Número[]: a array pelo qual os valores do vetor serão divididos", + "v": "p5.Vector: o vetor cujos valores irão dividir o vetor original", + "target": "p5.Vector (opcional): o vetor que receberá o resultado", + "v0": "p5.Vector: um vetor a ser dividido", + "v1": "p5.Vector: um vetor cujos valores irão dividir o vetor original" + } + }, + "mag": { + "description": [ + "Calcula a magnitude (comprimento) de um vetor, e retorna um número. Corresponde à equação sqrt(x*x + y*y + z*z)." + ], + "returns": "Número: magnitude do vetor", + "params": { + "vecT": "p5.Vector: o vetor que se quer saber a magnitude" + } + }, + "magSq": { + "description": [ + "Calcula a magnitude (comprimento) quadrada do vetor, e retorna um número. Corresponde à equação (x*x + y*y + z*z). É mais veloz caso o comprimento real não seja necessário ao comparar vetores." + ], + "returns": "Número: magnitude quadrada do vetor" + }, + "dot": { + "description": [ + "Calcula o produto escalar de dois vetores. A versão deste método que computa o produto escalar de dois vetores independentes é o método estático. Veja os exemplos para compreender o método em seu contexto." + ], + "returns": "Número: o produto escalar", + "params": { + "x": "Número: componente x do vetor", + "y": "Número (opcional): componente y do vetor", + "z": "Número (opcional): componente z do vetor", + "value": "p5.Vector: os valores de um vetor, ou um p5.Vector", + "v1": "p5.Vector: o primeiro vetor", + "v2": "p5.Vector: o segundo vetor" + } + }, + "cross": { + "description": [ + "Calcula e retorna o produto vetorial entre dois vetores. Tanto o modo estático quando o modo não-estático retornam um novo p5.Vector. Veja os exemplos para compreender o método em seu contexto." + ], + "returns": "p5.Vector: p5.Vector resultante do produto escalar", + "params": { + "v": "p5.Vector: p5.Vector a ser comparado", + "v1": "p5.Vector: o primeiro p5.Vector", + "v2": "p5.Vector: o segundo p5.Vector" + } + }, + "dist": { + "description": [ + "Calcula a distância euclidiana entre dois pontos, considerando um ponto como um vetor." + ], + "returns": "Número: a distância", + "params": { + "v": "p5.Vector: o p5.Vector para calcular a distância", + "v1": "p5.Vector: o primeiro p5.Vector", + "v2": "p5.Vector: o segundo p5.Vector" + } + }, + "normalize": { + "description": [ + "Normalizar o vetor para comprimento 1 — transformá-lo em um vetor unitário." + ], + "returns": "p5.Vector: o p5.Vector normalizado", + "params": { + "v": "p5.Vector: o vetor a ser normalizado", + "target": "p5.Vector (opcional): o vetor para receber o resultado" + } + }, + "limit": { + "description": [ + "Limita a magnitude (comprimento) do vetor ao valor dado como parâmetro." + ], + "params": { + "max": "Número: valor máximo para a magnitude do vetor" + } + }, + "setMag": { + "description": [ + "Transforma a magnitude (comprimento) do vetor no valor dado como parâmetro." + ], + "params": { + "len": "Número: o novo comprimento do vetor" + } + }, + "heading": { + "description": [ + "Calcula o ângulo de rotação de um vetor 2D. p5.Vectors criados utilizando a função createVector() utilizarão graus ou radianos, de acordo com o modo de ângulo (angleMode) definido no código." + ], + "returns": "Número: o ângulo de rotação" + }, + "setHeading": { + "description": [ + "Rotaciona um vetor 2D até um ângulo específico. A magnitude (comprimento) permanece a mesma." + ], + "params": { + "angle": "Número: o ângulo de rotação" + } + }, + "rotate": { + "description": [ + "Rotaciona um vetor em 2D pelo ângulo dado como parâmetro. A magnitude (comprimento) permanece a mesma." + ], + "params": { + "angle": "Número: o ângulo de rotação", + "v": "vetor a ser rotacionado", + "target": "p5.Vector (opcional): um vetor para receber o resultado" + } + }, + "angleBetween": { + "description": [ + "Calcula e retorna o ângulo entre dois vetores em radianos." + ], + "returns": "Número: o ângulo entre os vetores (em radianos)", + "params": { + "value": "p5.Vector: os componentes x, y e z de um p5.Vector" + } + }, + "lerp": { + "description": [ + "Interpolação linear entre dois vetores." + ], + "params": { + "x": "Número: o componente x do vetor", + "y": "Número: o componente y do vetor", + "z": "Número: o componente z do vetor", + "amt": "Número: a quatia de interpolação — um valor entre 0.0 (primeiro vetor) e 1.0 (segundo vetor). 0.9 é bem próximo do segundo vetor, 0.5 é entre os dois.", + "v": "p5.Vector: o vetor para interpolar", + "v1": "p5.Vector: o primeiro vetor", + "v2": "p5.Vector: o segundo vetor", + "target": "p5.Vector (opcional): o vetor para receber o resultado" + } + }, + "reflect": { + "description": [ + "Reflete o vetor incidente, resultando em sua normal como uma linha em 2D, ou um plano em 3D. Este método age diretamente no vetor." + ], + "params": { + "surfaceNormal": "p5.Vector: o p5.Vector a ser refletido, que será normalizado pelo método." + } + }, + "array": { + "description": [ + "Retorna uma representação do vetor como uma array de números. Isto é somente para uso temporário. Se utilizado de outra maneira, o conteúdo deve ser copiado usando o método p5.Vector.copy() para criar uma nova array." + ], + "returns": "Número[]: uma Array com três valores" + }, + "equals": { + "description": [ + "Checa se o vetor é igual a outro." + ], + "returns": "Booleano: retorna true (verdadeiro) caso os vetores sejam iguais, ou false (falso) caso não sejam", + "params": { + "x": "Número (opcional): o componente x do vetor", + "y": "Número (opcional): o componente y do vetor", + "z": "Número (opcional): o componente z do vetor", + "value": "p5.Vector|Array: o vetor a ser comparado" + } + }, + "fromAngle": { + "description": [ + "Faz um novo vetor 2D a partir de um ângulo." + ], + "returns": "p5.Vector: um novo p5.Vector", + "params": { + "angle": "Número: o ângulo desejado em radianos (não é afetado pelo modo de ângulo — angleMode)", + "length": "Número (opcional): o comprimento do novo vetor — caso não seja declarado, utiliza o valor 1 por padrão" + } + }, + "fromAngles": { + "description": [ + "Cria um novo vetor 3D a partir de um par de ângulos em coordenadas esféricas. Utiliza o padrão norte-americano (ISO)." + ], + "returns": "p5.Vector: o novo p5.Vector", + "params": { + "theta": "Número: ângulo polar (também conhecido como colatidude ou ângulo zenital) — ângulo que o vetor faz com o eixo Z positivo, em radianos; 0 significa para cima", + "phi": "Número: azimute (ou longitude) — ângulo que a projeção do vetor sobre o eixo XY faz com o eixo X positivo, em radianos", + "length": "Número (opcional): o comprimento do novo vetor — caso não seja especificado, é utilizado como padrão o valor 1" + } + }, + "random2D": { + "description": [ + "Cria um novo vetor unitário 2D a partir de um ângulo aleatório." + ], + "returns": "p5.Vector: um novo p5.Vector" + }, + "random3D": { + "description": [ + "Cria um novo vetor unitário 3D aleatório." + ], + "returns": "p5.Vector: um novo p5.Vector" + } + }, + "p5.Font": { + "description": [ + "Classe base para o uso de fontes." + ], + "params": { + "pInst": "P5 (opcional): ponteiro para a instância do p5" + }, + "font": { + "description": [ + "Implementação subjacente de fontes opentype." + ] + }, + "textBounds": { + "description": [ + "Retorna um retângulo contornando o texto dado, usando a fonte escolhida." + ], + "returns": "Objeto: um retângulo com as propriedades x, y, largura, e altura", + "params": { + "line": "String: um texto", + "x": "Número: coordenada x", + "y": "Número: coordenada y", + "fontSize": "Número (opcional): o tamanho da fonte a ser utilizada — o padrão é 12", + "options": "Objeto (opcional): opções opentype — fontes opentype possuem opções de alinhamento e linha de base, sendo o padrão 'LEFT' e 'alphabetic'" + } + }, + "textToPoints": { + "description": [ + "Calcula uma array de pontos que segue o contorno do texto especificado." + ], + "returns": "Array: uma array de pontos, cada um consistindo em x, y, e alpha (o ângulo do contorno)", + "params": { + "txt": "String: o texto a ser convertido em pontos", + "x": "Número: coordenada x", + "y": "Número: coordenada y", + "fontSize": "Número (opcional): tamanho da fonte a ser utilizada", + "options": "Objeto (opcional): um objeto que pode conter: sampleFactor - a proporção de pontos por segmento de traço, sendo que quanto maior o valor, mais pontos, e portanto mais precisão (o padrão é 1). simplifyThreshold - se este valor não for 0, pontos colineares serão removidos do polígono. O valor representa o ângulo limite para determinar se dois pontos são colineares ou não." + } + } + }, + "p5.Camera": { + "description": [ + "Esta classe descreve a câmera a ser utilizada no modo WebGL do p5. Ela contém a posição da câmera, orientação, e informação de projeção necessária para renderizar uma cena 3D. ", + "Novos objetos p5.Camera podem ser criados através da função createCamera(), e controlados a partir dos métodos descritos abaixo. A câmera criada dessa forma utilizará a posição e projeção de perspectiva padrão até que estas propriedades sejam modificadas através dos métodos disponíveis. É possível criar múltiplas câmeras, e então alternar entre elas utilizando o método setCamera() ", + "Nota: Os métodos abaixo operam em dois sistemas de coordenadas — o sistema do 'mundo' se refere às posições em relação à origem ao longo dos eixos X, Y e Z. O sistema 'local' da câmera se refere a posições a partir do ponto de vista da própria câmera: esquerda-direita, cima-baixo, frente-trás. O método move(), por exemplo, move a câmera em seus próprios eixos, enquanto setPosition() define a posição da câmera em relação ao espaço-mundo. ", + "As propriedades eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ que descrevem a posição, orientação e projeção da câmera, também são acessíveis a partir do objeto criado utilizando createCamera()" + ], + "params": { + "rendererGL": "RendererGL: instance of WebGL renderer" + }, + "eyeX": { + "description": [ + "camera position value on x axis" + ] + }, + "eyeY": { + "description": [ + "camera position value on y axis" + ] + }, + "eyeZ": { + "description": [ + "camera position value on z axis" + ] + }, + "centerX": { + "description": [ + "x coordinate representing center of the sketch" + ] + }, + "centerY": { + "description": [ + "y coordinate representing center of the sketch" + ] + }, + "centerZ": { + "description": [ + "z coordinate representing center of the sketch" + ] + }, + "upX": { + "description": [ + "x component of direction 'up' from camera" + ] + }, + "upY": { + "description": [ + "y component of direction 'up' from camera" + ] + }, + "upZ": { + "description": [ + "z component of direction 'up' from camera" + ] + }, + "perspective": { + "description": [ + "Sets a perspective projection for a p5.Camera object and sets parameters for that projection according to perspective() syntax." + ] + }, + "ortho": { + "description": [ + "Sets an orthographic projection for a p5.Camera object and sets parameters for that projection according to ortho() syntax." + ] + }, + "frustum": {}, + "pan": { + "description": [ + "Panning rotates the camera view to the left and right." + ], + "params": { + "angle": "Number: amount to rotate camera in current angleMode units. Greater than 0 values rotate counterclockwise (to the left)." + } + }, + "tilt": { + "description": [ + "Tilting rotates the camera view up and down." + ], + "params": { + "angle": "Number: amount to rotate camera in current angleMode units. Greater than 0 values rotate counterclockwise (to the left)." + } + }, + "lookAt": { + "description": [ + "Reorients the camera to look at a position in world space." + ], + "params": { + "x": "Number: x position of a point in world space", + "y": "Number: y position of a point in world space", + "z": "Number: z position of a point in world space" + } + }, + "camera": { + "description": [ + "Sets a camera's position and orientation. This is equivalent to calling camera() on a p5.Camera object." + ] + }, + "move": { + "description": [ + "Move camera along its local axes while maintaining current camera orientation." + ], + "params": { + "x": "Number: amount to move along camera's left-right axis", + "y": "Number: amount to move along camera's up-down axis", + "z": "Number: amount to move along camera's forward-backward axis" + } + }, + "setPosition": { + "description": [ + "Set camera position in world-space while maintaining current camera orientation." + ], + "params": { + "x": "Number: x position of a point in world space", + "y": "Number: y position of a point in world space", + "z": "Number: z position of a point in world space" + } + } + }, + "p5.Geometry": { + "description": [ + "p5 Geometry class" + ], + "params": { + "detailX": "Integer: (Optional) number of vertices on horizontal surface", + "detailY": "Integer: (Optional) number of vertices on horizontal surface", + "callback": "Function: (Optional) function to call upon object instantiation." + }, + "computeFaces": { + "description": [ + "computes faces for geometry objects based on the vertices." + ] + }, + "computeNormals": { + "description": [ + "computes smooth normals per vertex as an average of each face." + ] + }, + "averageNormals": { + "description": [ + "Averages the vertex normals. Used in curved surfaces" + ] + }, + "averagePoleNormals": { + "description": [ + "Averages pole normals. Used in spherical primitives" + ] + }, + "normalize": { + "description": [ + "Modifies all vertices to be centered within the range -100 to 100." + ] + } + }, + "p5.Shader": { + "description": [ + "Shader class for WEBGL Mode" + ], + "params": { + "renderer": "p5.RendererGL: an instance of p5.RendererGL that will provide the GL context for this new p5.Shader", + "vertSrc": "String: source code for the vertex shader (as a string)", + "fragSrc": "String: source code for the fragment shader (as a string)" + }, + "setUniform": { + "description": [ + "Wrapper around gl.uniform functions. As we store uniform info in the shader we can use that to do type checking on the supplied data and call the appropriate function." + ], + "params": { + "uniformName": "String: the name of the uniform in the shader program", + "data": "Object|Number|Boolean|Number[]: the data to be associated with that uniform; type varies (could be a single numerical value, array, matrix, or texture / sampler reference)" + } + } + }, + "p5.sound": { + "getMasterVolume": { + "description": [ + "Returns a number representing the master amplitude (volume) for sound in this sketch." + ], + "returns": "Number: Master amplitude (volume) for sound in this sketch. Should be between 0.0 (silence) and 1.0." + }, + "masterVolume": { + "description": [ + "Scale the output of all sound in this sketch Scaled between 0.0 (silence) and 1.0 (full volume). 1.0 is the maximum amplitude of a digital sound, so multiplying by greater than 1.0 may cause digital distortion. To fade, provide a rampTime parameter. For more complex fades, see the Envelope class. ", + "Alternately, you can pass in a signal source such as an oscillator to modulate the amplitude with an audio signal. ", + "How This Works: When you load the p5.sound module, it creates a single instance of p5sound. All sound objects in this module output to p5sound before reaching your computer's output. So if you change the amplitude of p5sound, it impacts all of the sound in this module. ", + "If no value is provided, returns a Web Audio API Gain Node" + ], + "params": { + "volume": "Number|Object: Volume (amplitude) between 0.0 and 1.0 or modulating signal/oscillator", + "rampTime": "Number: (Optional) Fade for t seconds", + "timeFromNow": "Number: (Optional) Schedule this event to happen at t seconds in the future" + } + }, + "soundOut": { + "description": [ + "p5.soundOut is the p5.sound master output. It sends output to the destination of this window's web audio context. It contains Web Audio API nodes including a dyanmicsCompressor (.limiter), and Gain Nodes for .input and .output." + ] + } + }, + "p5.Effect": { + "description": [ + "Effect is a base class for audio effects in p5. This module handles the nodes and methods that are common and useful for current and future effects. ", + "This class is extended by p5.Distortion, p5.Compressor, p5.Delay, p5.Filter, p5.Reverb." + ], + "params": { + "ac": "Object: (Optional) Reference to the audio context of the p5 object", + "input": "AudioNode: (Optional) Gain Node effect wrapper", + "output": "AudioNode: (Optional) Gain Node effect wrapper", + "_drywet": "Object: (Optional) Tone.JS CrossFade node (defaults to value: 1)", + "wet": "AudioNode: (Optional) Effects that extend this class should connect to the wet signal to this gain node, so that dry and wet signals are mixed properly." + }, + "amp": { + "description": [ + "Set the output volume of the filter." + ], + "params": { + "vol": "Number: (Optional) amplitude between 0 and 1.0", + "rampTime": "Number: (Optional) create a fade that lasts until rampTime", + "tFromNow": "Number: (Optional) schedule this event to happen in tFromNow seconds" + } + }, + "chain": { + "description": [ + "Link effects together in a chain Example usage: filter.chain(reverb, delay, panner); May be used with an open-ended number of arguments" + ], + "params": { + "arguments": "Object: (Optional) Chain together multiple sound objects" + } + }, + "drywet": { + "description": [ + "Adjust the dry/wet value." + ], + "params": { + "fade": "Number: (Optional) The desired drywet value (0 - 1.0)" + } + }, + "connect": { + "description": [ + "Send output to a p5.js-sound, Web Audio Node, or use signal to control an AudioParam" + ], + "params": { + "unit": "Object" + } + }, + "disconnect": { + "description": [ + "Disconnect all output." + ] + } + }, + "p5.Filter": { + "description": [ + "A p5.Filter uses a Web Audio Biquad Filter to filter the frequency response of an input source. Subclasses include: p5.LowPass: Allows frequencies below the cutoff frequency to pass through, and attenuates frequencies above the cutoff.", + "p5.HighPass: The opposite of a lowpass filter.", + "p5.BandPass: Allows a range of frequencies to pass through and attenuates the frequencies below and above this frequency range.", + "The .res() method controls either width of the bandpass, or resonance of the low/highpass cutoff frequency. ", + "This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available." + ], + "params": { + "type": "String: (Optional) 'lowpass' (default), 'highpass', 'bandpass'" + }, + "biquadFilter": { + "description": [ + "The p5.Filter is built with a Web Audio BiquadFilter Node." + ] + }, + "process": { + "description": [ + "Filter an audio signal according to a set of filter parameters." + ], + "params": { + "Signal": "Object: An object that outputs audio", + "freq": "Number: (Optional) Frequency in Hz, from 10 to 22050", + "res": "Number: (Optional) Resonance/Width of the filter frequency from 0.001 to 1000" + } + }, + "set": { + "description": [ + "Set the frequency and the resonance of the filter." + ], + "params": { + "freq": "Number: (Optional) Frequency in Hz, from 10 to 22050", + "res": "Number: (Optional) Resonance (Q) from 0.001 to 1000", + "timeFromNow": "Number: (Optional) schedule this event to happen seconds from now" + } + }, + "freq": { + "description": [ + "Set the filter frequency, in Hz, from 10 to 22050 (the range of human hearing, although in reality most people hear in a narrower range)." + ], + "returns": "Number: value Returns the current frequency value", + "params": { + "freq": "Number: Filter Frequency", + "timeFromNow": "Number: (Optional) schedule this event to happen seconds from now" + } + }, + "res": { + "description": [ + "Controls either width of a bandpass frequency, or the resonance of a low/highpass cutoff frequency." + ], + "returns": "Number: value Returns the current res value", + "params": { + "res": "Number: Resonance/Width of filter freq from 0.001 to 1000", + "timeFromNow": "Number: (Optional) schedule this event to happen seconds from now" + } + }, + "gain": { + "description": [ + "Controls the gain attribute of a Biquad Filter. This is distinctly different from .amp() which is inherited from p5.Effect .amp() controls the volume via the output gain node p5.Filter.gain() controls the gain parameter of a Biquad Filter node." + ], + "returns": "Number: Returns the current or updated gain value", + "params": { + "gain": "Number" + } + }, + "toggle": { + "description": [ + "Toggle function. Switches between the specified type and allpass" + ], + "returns": "Boolean: [Toggle value]" + }, + "setType": { + "description": [ + "Set the type of a p5.Filter. Possible types include: \"lowpass\" (default), \"highpass\", \"bandpass\", \"lowshelf\", \"highshelf\", \"peaking\", \"notch\", \"allpass\"." + ], + "params": { + "t": "String" + } + } + }, + "p5.LowPass": { + "description": [ + "Constructor: new p5.LowPass() Filter. This is the same as creating a p5.Filter and then calling its method setType('lowpass'). See p5.Filter for methods." + ] + }, + "p5.HighPass": { + "description": [ + "Constructor: new p5.HighPass() Filter. This is the same as creating a p5.Filter and then calling its method setType('highpass'). See p5.Filter for methods." + ] + }, + "p5.BandPass": { + "description": [ + "Constructor: new p5.BandPass() Filter. This is the same as creating a p5.Filter and then calling its method setType('bandpass'). See p5.Filter for methods." + ] + }, + "p5.Oscillator": { + "description": [ + "Creates a signal that oscillates between -1.0 and 1.0. By default, the oscillation takes the form of a sinusoidal shape ('sine'). Additional types include 'triangle', 'sawtooth' and 'square'. The frequency defaults to 440 oscillations per second (440Hz, equal to the pitch of an 'A' note). ", + "Set the type of oscillation with setType(), or by instantiating a specific oscillator: p5.SinOsc, p5.TriOsc, p5.SqrOsc, or p5.SawOsc. " + ], + "params": { + "freq": "Number: (Optional) frequency defaults to 440Hz", + "type": "String: (Optional) type of oscillator. Options: 'sine' (default), 'triangle', 'sawtooth', 'square'" + }, + "start": { + "description": [ + "Start an oscillator. ", + "Starting an oscillator on a user gesture will enable audio in browsers that have a strict autoplay policy, including Chrome and most mobile devices. See also: userStartAudio()." + ], + "params": { + "time": "Number: (Optional) startTime in seconds from now.", + "frequency": "Number: (Optional) frequency in Hz." + } + }, + "stop": { + "description": [ + "Stop an oscillator. Accepts an optional parameter to determine how long (in seconds from now) until the oscillator stops." + ], + "params": { + "secondsFromNow": "Number: Time, in seconds from now." + } + }, + "amp": { + "description": [ + "Set the amplitude between 0 and 1.0. Or, pass in an object such as an oscillator to modulate amplitude with an audio signal." + ], + "returns": "AudioParam: gain If no value is provided, returns the Web Audio API AudioParam that controls this oscillator's gain/amplitude/volume)", + "params": { + "vol": "Number|Object: between 0 and 1.0 or a modulating signal/oscillator", + "rampTime": "Number: (Optional) create a fade that lasts rampTime", + "timeFromNow": "Number: (Optional) schedule this event to happen seconds from now" + } + }, + "freq": { + "description": [ + "Set frequency of an oscillator to a value. Or, pass in an object such as an oscillator to modulate the frequency with an audio signal." + ], + "returns": "AudioParam: Frequency If no value is provided, returns the Web Audio API AudioParam that controls this oscillator's frequency", + "params": { + "Frequency": "Number|Object: Frequency in Hz or modulating signal/oscillator", + "rampTime": "Number: (Optional) Ramp time (in seconds)", + "timeFromNow": "Number: (Optional) Schedule this event to happen at x seconds from now" + } + }, + "setType": { + "description": [ + "Set type to 'sine', 'triangle', 'sawtooth' or 'square'." + ], + "params": { + "type": "String: 'sine', 'triangle', 'sawtooth' or 'square'." + } + }, + "connect": { + "description": [ + "Connect to a p5.sound / Web Audio object." + ], + "params": { + "unit": "Object: A p5.sound or Web Audio object" + } + }, + "disconnect": { + "description": [ + "Disconnect all outputs" + ] + }, + "pan": { + "description": [ + "Pan between Left (-1) and Right (1)" + ], + "params": { + "panning": "Number: Number between -1 and 1", + "timeFromNow": "Number: schedule this event to happen seconds from now" + } + }, + "phase": { + "description": [ + "Set the phase of an oscillator between 0.0 and 1.0. In this implementation, phase is a delay time based on the oscillator's current frequency." + ], + "params": { + "phase": "Number: float between 0.0 and 1.0" + } + }, + "add": { + "description": [ + "Add a value to the p5.Oscillator's output amplitude, and return the oscillator. Calling this method again will override the initial add() with a new value." + ], + "returns": "p5.Oscillator: Oscillator Returns this oscillator with scaled output", + "params": { + "number": "Number: Constant number to add" + } + }, + "mult": { + "description": [ + "Multiply the p5.Oscillator's output amplitude by a fixed value (i.e. turn it up!). Calling this method again will override the initial mult() with a new value." + ], + "returns": "p5.Oscillator: Oscillator Returns this oscillator with multiplied output", + "params": { + "number": "Number: Constant number to multiply" + } + }, + "scale": { + "description": [ + "Scale this oscillator's amplitude values to a given range, and return the oscillator. Calling this method again will override the initial scale() with new values." + ], + "returns": "p5.Oscillator: Oscillator Returns this oscillator with scaled output", + "params": { + "inMin": "Number: input range minumum", + "inMax": "Number: input range maximum", + "outMin": "Number: input range minumum", + "outMax": "Number: input range maximum" + } + } + }, + "p5.SinOsc": { + "description": [ + "Constructor: new p5.SinOsc(). This creates a Sine Wave Oscillator and is equivalent to new p5.Oscillator('sine') or creating a p5.Oscillator and then calling its method setType('sine'). See p5.Oscillator for methods." + ], + "params": { + "freq": "Number: (Optional) Set the frequency" + } + }, + "p5.TriOsc": { + "description": [ + "Constructor: new p5.TriOsc(). This creates a Triangle Wave Oscillator and is equivalent to new p5.Oscillator('triangle') or creating a p5.Oscillator and then calling its method setType('triangle'). See p5.Oscillator for methods." + ], + "params": { + "freq": "Number: (Optional) Set the frequency" + } + }, + "p5.SawOsc": { + "description": [ + "Constructor: new p5.SawOsc(). This creates a SawTooth Wave Oscillator and is equivalent to new p5.Oscillator('sawtooth') or creating a p5.Oscillator and then calling its method setType('sawtooth'). See p5.Oscillator for methods." + ], + "params": { + "freq": "Number: (Optional) Set the frequency" + } + }, + "p5.SqrOsc": { + "description": [ + "Constructor: new p5.SqrOsc(). This creates a Square Wave Oscillator and is equivalent to new p5.Oscillator('square') or creating a p5.Oscillator and then calling its method setType('square'). See p5.Oscillator for methods." + ], + "params": { + "freq": "Number: (Optional) Set the frequency" + } + }, + "p5.MonoSynth": { + "description": [ + "A MonoSynth is used as a single voice for sound synthesis. This is a class to be used in conjunction with the PolySynth class. Custom synthetisers should be built inheriting from this class." + ], + "play": { + "description": [ + "Play tells the MonoSynth to start playing a note. This method schedules the calling of .triggerAttack and .triggerRelease." + ], + "params": { + "note": "String | Number: the note you want to play, specified as a frequency in Hertz (Number) or as a midi value in Note/Octave format (\"C4\", \"Eb3\"...etc\") See Tone. Defaults to 440 hz.", + "velocity": "Number: (Optional) velocity of the note to play (ranging from 0 to 1)", + "secondsFromNow": "Number: (Optional) time from now (in seconds) at which to play", + "sustainTime": "Number: (Optional) time to sustain before releasing the envelope. Defaults to 0.15 seconds." + } + }, + "triggerAttack": { + "description": [ + "Trigger the Attack, and Decay portion of the Envelope. Similar to holding down a key on a piano, but it will hold the sustain level until you let go." + ], + "params": { + "note": "String | Number: the note you want to play, specified as a frequency in Hertz (Number) or as a midi value in Note/Octave format (\"C4\", \"Eb3\"...etc\") See Tone. Defaults to 440 hz", + "velocity": "Number: (Optional) velocity of the note to play (ranging from 0 to 1)", + "secondsFromNow": "Number: (Optional) time from now (in seconds) at which to play" + } + }, + "triggerRelease": { + "description": [ + "Trigger the release of the Envelope. This is similar to releasing the key on a piano and letting the sound fade according to the release level and release time." + ], + "params": { + "secondsFromNow": "Number: time to trigger the release" + } + }, + "setADSR": { + "description": [ + "Set values like a traditional ADSR envelope ." + ], + "params": { + "attackTime": "Number: Time (in seconds before envelope reaches Attack Level", + "decayTime": "Number: (Optional) Time (in seconds) before envelope reaches Decay/Sustain Level", + "susRatio": "Number: (Optional) Ratio between attackLevel and releaseLevel, on a scale from 0 to 1, where 1.0 = attackLevel, 0.0 = releaseLevel. The susRatio determines the decayLevel and the level at which the sustain portion of the envelope will sustain. For example, if attackLevel is 0.4, releaseLevel is 0, and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is increased to 1.0 (using setRange), then decayLevel would increase proportionally, to become 0.5.", + "releaseTime": "Number: (Optional) Time in seconds from now (defaults to 0)" + } + }, + "attack": { + "description": [ + "Getters and Setters" + ] + }, + "decay": {}, + "sustain": {}, + "release": {}, + "amp": { + "description": [ + "MonoSynth amp" + ], + "returns": "Number: new volume value", + "params": { + "vol": "Number: desired volume", + "rampTime": "Number: (Optional) Time to reach new volume" + } + }, + "connect": { + "description": [ + "Connect to a p5.sound / Web Audio object." + ], + "params": { + "unit": "Object: A p5.sound or Web Audio object" + } + }, + "disconnect": { + "description": [ + "Disconnect all outputs" + ] + }, + "dispose": { + "description": [ + "Get rid of the MonoSynth and free up its resources / memory." + ] + } + }, + "p5.AudioVoice": { + "description": [ + "Base class for monophonic synthesizers. Any extensions of this class should follow the API and implement the methods below in order to remain compatible with p5.PolySynth();" + ], + "connect": { + "description": [ + "Connect to p5 objects or Web Audio Nodes" + ], + "params": { + "unit": "Object" + } + }, + "disconnect": { + "description": [ + "Disconnect from soundOut" + ] + } + }, + "p5.PolySynth": { + "description": [ + "An AudioVoice is used as a single voice for sound synthesis. The PolySynth class holds an array of AudioVoice, and deals with voices allocations, with setting notes to be played, and parameters to be set." + ], + "params": { + "synthVoice": "Number: (Optional) A monophonic synth voice inheriting the AudioVoice class. Defaults to p5.MonoSynth", + "maxVoices": "Number: (Optional) Number of voices, defaults to 8;" + }, + "notes": { + "description": [ + "An object that holds information about which notes have been played and which notes are currently being played. New notes are added as keys on the fly. While a note has been attacked, but not released, the value of the key is the audiovoice which is generating that note. When notes are released, the value of the key becomes undefined." + ] + }, + "polyvalue": { + "description": [ + "A PolySynth must have at least 1 voice, defaults to 8" + ] + }, + "AudioVoice": { + "description": [ + "Monosynth that generates the sound for each note that is triggered. The p5.PolySynth defaults to using the p5.MonoSynth as its voice." + ] + }, + "play": { + "description": [ + "Play a note by triggering noteAttack and noteRelease with sustain time" + ], + "params": { + "note": "Number: (Optional) midi note to play (ranging from 0 to 127 - 60 being a middle C)", + "velocity": "Number: (Optional) velocity of the note to play (ranging from 0 to 1)", + "secondsFromNow": "Number: (Optional) time from now (in seconds) at which to play", + "sustainTime": "Number: (Optional) time to sustain before releasing the envelope" + } + }, + "noteADSR": { + "description": [ + "noteADSR sets the envelope for a specific note that has just been triggered. Using this method modifies the envelope of whichever audiovoice is being used to play the desired note. The envelope should be reset before noteRelease is called in order to prevent the modified envelope from being used on other notes." + ], + "params": { + "note": "Number: (Optional) Midi note on which ADSR should be set.", + "attackTime": "Number: (Optional) Time (in seconds before envelope reaches Attack Level", + "decayTime": "Number: (Optional) Time (in seconds) before envelope reaches Decay/Sustain Level", + "susRatio": "Number: (Optional) Ratio between attackLevel and releaseLevel, on a scale from 0 to 1, where 1.0 = attackLevel, 0.0 = releaseLevel. The susRatio determines the decayLevel and the level at which the sustain portion of the envelope will sustain. For example, if attackLevel is 0.4, releaseLevel is 0, and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is increased to 1.0 (using setRange), then decayLevel would increase proportionally, to become 0.5.", + "releaseTime": "Number: (Optional) Time in seconds from now (defaults to 0)" + } + }, + "setADSR": { + "description": [ + "Set the PolySynths global envelope. This method modifies the envelopes of each monosynth so that all notes are played with this envelope." + ], + "params": { + "attackTime": "Number: (Optional) Time (in seconds before envelope reaches Attack Level", + "decayTime": "Number: (Optional) Time (in seconds) before envelope reaches Decay/Sustain Level", + "susRatio": "Number: (Optional) Ratio between attackLevel and releaseLevel, on a scale from 0 to 1, where 1.0 = attackLevel, 0.0 = releaseLevel. The susRatio determines the decayLevel and the level at which the sustain portion of the envelope will sustain. For example, if attackLevel is 0.4, releaseLevel is 0, and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is increased to 1.0 (using setRange), then decayLevel would increase proportionally, to become 0.5.", + "releaseTime": "Number: (Optional) Time in seconds from now (defaults to 0)" + } + }, + "noteAttack": { + "description": [ + "Trigger the Attack, and Decay portion of a MonoSynth. Similar to holding down a key on a piano, but it will hold the sustain level until you let go." + ], + "params": { + "note": "Number: (Optional) midi note on which attack should be triggered.", + "velocity": "Number: (Optional) velocity of the note to play (ranging from 0 to 1)/", + "secondsFromNow": "Number: (Optional) time from now (in seconds)" + } + }, + "noteRelease": { + "description": [ + "Trigger the Release of an AudioVoice note. This is similar to releasing the key on a piano and letting the sound fade according to the release level and release time." + ], + "params": { + "note": "Number: (Optional) midi note on which attack should be triggered. If no value is provided, all notes will be released.", + "secondsFromNow": "Number: (Optional) time to trigger the release" + } + }, + "connect": { + "description": [ + "Connect to a p5.sound / Web Audio object." + ], + "params": { + "unit": "Object: A p5.sound or Web Audio object" + } + }, + "disconnect": { + "description": [ + "Disconnect all outputs" + ] + }, + "dispose": { + "description": [ + "Get rid of the MonoSynth and free up its resources / memory." + ] + } + }, + "p5.SoundFile": { + "description": [ + "SoundFile object with a path to a file. ", + "The p5.SoundFile may not be available immediately because it loads the file information asynchronously. ", + "To do something with the sound as soon as it loads pass the name of a function as the second parameter. ", + "Only one file path is required. However, audio file formats (i.e. mp3, ogg, wav and m4a/aac) are not supported by all web browsers. If you want to ensure compatability, instead of a single file path, you may include an Array of filepaths, and the browser will choose a format that works." + ], + "params": { + "path": "String|Array: path to a sound file (String). Optionally, you may include multiple file formats in an array. Alternately, accepts an object from the HTML5 File API, or a p5.File.", + "successCallback": "Function: (Optional) Name of a function to call once file loads", + "errorCallback": "Function: (Optional) Name of a function to call if file fails to load. This function will receive an error or XMLHttpRequest object with information about what went wrong.", + "whileLoadingCallback": "Function: (Optional) Name of a function to call while file is loading. That function will receive progress of the request to load the sound file (between 0 and 1) as its first parameter. This progress does not account for the additional time needed to decode the audio data." + }, + "isLoaded": { + "description": [ + "Returns true if the sound file finished loading successfully." + ], + "returns": "Boolean: " + }, + "play": { + "description": [ + "Play the p5.SoundFile" + ], + "params": { + "startTime": "Number: (Optional) (optional) schedule playback to start (in seconds from now).", + "rate": "Number: (Optional) (optional) playback rate", + "amp": "Number: (Optional) (optional) amplitude (volume) of playback", + "cueStart": "Number: (Optional) (optional) cue start time in seconds", + "duration": "Number: (Optional) (optional) duration of playback in seconds" + } + }, + "playMode": { + "description": [ + "p5.SoundFile has two play modes: restart and sustain. Play Mode determines what happens to a p5.SoundFile if it is triggered while in the middle of playback. In sustain mode, playback will continue simultaneous to the new playback. In restart mode, play() will stop playback and start over. With untilDone, a sound will play only if it's not already playing. Sustain is the default mode." + ], + "params": { + "str": "String: 'restart' or 'sustain' or 'untilDone'" + } + }, + "pause": { + "description": [ + "Pauses a file that is currently playing. If the file is not playing, then nothing will happen. ", + "After pausing, .play() will resume from the paused position. If p5.SoundFile had been set to loop before it was paused, it will continue to loop after it is unpaused with .play()." + ], + "params": { + "startTime": "Number: (Optional) (optional) schedule event to occur seconds from now" + } + }, + "loop": { + "description": [ + "Loop the p5.SoundFile. Accepts optional parameters to set the playback rate, playback volume, loopStart, loopEnd." + ], + "params": { + "startTime": "Number: (Optional) (optional) schedule event to occur seconds from now", + "rate": "Number: (Optional) (optional) playback rate", + "amp": "Number: (Optional) (optional) playback volume", + "cueLoopStart": "Number: (Optional) (optional) startTime in seconds", + "duration": "Number: (Optional) (optional) loop duration in seconds" + } + }, + "setLoop": { + "description": [ + "Set a p5.SoundFile's looping flag to true or false. If the sound is currently playing, this change will take effect when it reaches the end of the current playback." + ], + "params": { + "Boolean": "Boolean: set looping to true or false" + } + }, + "isLooping": { + "description": [ + "Returns 'true' if a p5.SoundFile is currently looping and playing, 'false' if not." + ], + "returns": "Boolean: " + }, + "isPlaying": { + "description": [ + "Returns true if a p5.SoundFile is playing, false if not (i.e. paused or stopped)." + ], + "returns": "Boolean: " + }, + "isPaused": { + "description": [ + "Returns true if a p5.SoundFile is paused, false if not (i.e. playing or stopped)." + ], + "returns": "Boolean: " + }, + "stop": { + "description": [ + "Stop soundfile playback." + ], + "params": { + "startTime": "Number: (Optional) (optional) schedule event to occur in seconds from now" + } + }, + "setVolume": { + "description": [ + "Multiply the output volume (amplitude) of a sound file between 0.0 (silence) and 1.0 (full volume). 1.0 is the maximum amplitude of a digital sound, so multiplying by greater than 1.0 may cause digital distortion. To fade, provide a rampTime parameter. For more complex fades, see the Envelope class. ", + "Alternately, you can pass in a signal source such as an oscillator to modulate the amplitude with an audio signal." + ], + "params": { + "volume": "Number|Object: Volume (amplitude) between 0.0 and 1.0 or modulating signal/oscillator", + "rampTime": "Number: (Optional) Fade for t seconds", + "timeFromNow": "Number: (Optional) Schedule this event to happen at t seconds in the future" + } + }, + "pan": { + "description": [ + "Set the stereo panning of a p5.sound object to a floating point number between -1.0 (left) and 1.0 (right). Default is 0.0 (center)." + ], + "params": { + "panValue": "Number: (Optional) Set the stereo panner", + "timeFromNow": "Number: (Optional) schedule this event to happen seconds from now" + } + }, + "getPan": { + "description": [ + "Returns the current stereo pan position (-1.0 to 1.0)" + ], + "returns": "Number: Returns the stereo pan setting of the Oscillator as a number between -1.0 (left) and 1.0 (right). 0.0 is center and default." + }, + "rate": { + "description": [ + "Set the playback rate of a sound file. Will change the speed and the pitch. Values less than zero will reverse the audio buffer." + ], + "params": { + "playbackRate": "Number: (Optional) Set the playback rate. 1.0 is normal, .5 is half-speed, 2.0 is twice as fast. Values less than zero play backwards." + } + }, + "duration": { + "description": [ + "Returns the duration of a sound file in seconds." + ], + "returns": "Number: The duration of the soundFile in seconds." + }, + "currentTime": { + "description": [ + "Return the current position of the p5.SoundFile playhead, in seconds. Time is relative to the normal buffer direction, so if reverseBuffer has been called, currentTime will count backwards." + ], + "returns": "Number: currentTime of the soundFile in seconds." + }, + "jump": { + "description": [ + "Move the playhead of a soundfile that is currently playing to a new position and a new duration, in seconds. If none are given, will reset the file to play entire duration from start to finish. To set the position of a soundfile that is not currently playing, use the play or loop methods." + ], + "params": { + "cueTime": "Number: cueTime of the soundFile in seconds.", + "duration": "Number: duration in seconds." + } + }, + "channels": { + "description": [ + "Return the number of channels in a sound file. For example, Mono = 1, Stereo = 2." + ], + "returns": "Number: [channels]" + }, + "sampleRate": { + "description": [ + "Return the sample rate of the sound file." + ], + "returns": "Number: [sampleRate]" + }, + "frames": { + "description": [ + "Return the number of samples in a sound file. Equal to sampleRate * duration." + ], + "returns": "Number: [sampleCount]" + }, + "getPeaks": { + "description": [ + "Returns an array of amplitude peaks in a p5.SoundFile that can be used to draw a static waveform. Scans through the p5.SoundFile's audio buffer to find the greatest amplitudes. Accepts one parameter, 'length', which determines size of the array. Larger arrays result in more precise waveform visualizations. ", + "Inspired by Wavesurfer.js." + ], + "returns": "Float32Array: Array of peaks.", + "params": { + "length": "Number: (Optional) length is the size of the returned array. Larger length results in more precision. Defaults to 5*width of the browser window." + } + }, + "reverseBuffer": { + "description": [ + "Reverses the p5.SoundFile's buffer source. Playback must be handled separately (see example)." + ] + }, + "onended": { + "description": [ + "Schedule an event to be called when the soundfile reaches the end of a buffer. If the soundfile is playing through once, this will be called when it ends. If it is looping, it will be called when stop is called." + ], + "params": { + "callback": "Function: function to call when the soundfile has ended." + } + }, + "connect": { + "description": [ + "Connects the output of a p5sound object to input of another p5.sound object. For example, you may connect a p5.SoundFile to an FFT or an Effect. If no parameter is given, it will connect to the master output. Most p5sound objects connect to the master output when they are created." + ], + "params": { + "object": "Object: (Optional) Audio object that accepts an input" + } + }, + "disconnect": { + "description": [ + "Disconnects the output of this p5sound object." + ] + }, + "setPath": { + "description": [ + "Reset the source for this SoundFile to a new path (URL)." + ], + "params": { + "path": "String: path to audio file", + "callback": "Function: Callback" + } + }, + "setBuffer": { + "description": [ + "Replace the current Audio Buffer with a new Buffer." + ], + "params": { + "buf": "Array: Array of Float32 Array(s). 2 Float32 Arrays will create a stereo source. 1 will create a mono source." + } + }, + "processPeaks": { + "description": [ + "processPeaks returns an array of timestamps where it thinks there is a beat. ", + "This is an asynchronous function that processes the soundfile in an offline audio context, and sends the results to your callback function. ", + "The process involves running the soundfile through a lowpass filter, and finding all of the peaks above the initial threshold. If the total number of peaks are below the minimum number of peaks, it decreases the threshold and re-runs the analysis until either minPeaks or minThreshold are reached." + ], + "returns": "Array: Array of timestamped peaks", + "params": { + "callback": "Function: a function to call once this data is returned", + "initThreshold": "Number: (Optional) initial threshold defaults to 0.9", + "minThreshold": "Number: (Optional) minimum threshold defaults to 0.22", + "minPeaks": "Number: (Optional) minimum number of peaks defaults to 200" + } + }, + "addCue": { + "description": [ + "Schedule events to trigger every time a MediaElement (audio/video) reaches a playback cue point. ", + "Accepts a callback function, a time (in seconds) at which to trigger the callback, and an optional parameter for the callback. ", + "Time will be passed as the first parameter to the callback function, and param will be the second parameter." + ], + "returns": "Number: id ID of this cue, useful for removeCue(id)", + "params": { + "time": "Number: Time in seconds, relative to this media element's playback. For example, to trigger an event every time playback reaches two seconds, pass in the number 2. This will be passed as the first parameter to the callback function.", + "callback": "Function: Name of a function that will be called at the given time. The callback will receive time and (optionally) param as its two parameters.", + "value": "Object: (Optional) An object to be passed as the second parameter to the callback function." + } + }, + "removeCue": { + "description": [ + "Remove a callback based on its ID. The ID is returned by the addCue method." + ], + "params": { + "id": "Number: ID of the cue, as returned by addCue" + } + }, + "clearCues": { + "description": [ + "Remove all of the callbacks that had originally been scheduled via the addCue method." + ] + }, + "save": { + "description": [ + "Save a p5.SoundFile as a .wav file. The browser will prompt the user to download the file to their device. To upload a file to a server, see getBlob" + ], + "params": { + "fileName": "String: (Optional) name of the resulting .wav file." + } + }, + "getBlob": { + "description": [ + "This method is useful for sending a SoundFile to a server. It returns the .wav-encoded audio data as a \"Blob\". A Blob is a file-like data object that can be uploaded to a server with an http request. We'll use the httpDo options object to send a POST request with some specific options: we encode the request as multipart/form-data, and attach the blob as one of the form values using FormData." + ], + "returns": "Blob: A file-like data object" + } + }, + "p5.Amplitude": { + "description": [ + "Amplitude measures volume between 0.0 and 1.0. Listens to all p5sound by default, or use setInput() to listen to a specific sound source. Accepts an optional smoothing value, which defaults to 0." + ], + "params": { + "smoothing": "Number: (Optional) between 0.0 and .999 to smooth amplitude readings (defaults to 0)" + }, + "setInput": { + "description": [ + "Connects to the p5sound instance (master output) by default. Optionally, you can pass in a specific source (i.e. a soundfile)." + ], + "params": { + "snd": "SoundObject|undefined: (Optional) set the sound source (optional, defaults to master output)", + "smoothing": "Number|undefined: (Optional) a range between 0.0 and 1.0 to smooth amplitude readings" + } + }, + "getLevel": { + "description": [ + "Returns a single Amplitude reading at the moment it is called. For continuous readings, run in the draw loop." + ], + "returns": "Number: Amplitude as a number between 0.0 and 1.0", + "params": { + "channel": "Number: (Optional) Optionally return only channel 0 (left) or 1 (right)" + } + }, + "toggleNormalize": { + "description": [ + "Determines whether the results of Amplitude.process() will be Normalized. To normalize, Amplitude finds the difference the loudest reading it has processed and the maximum amplitude of 1.0. Amplitude adds this difference to all values to produce results that will reliably map between 0.0 and 1.0. However, if a louder moment occurs, the amount that Normalize adds to all the values will change. Accepts an optional boolean parameter (true or false). Normalizing is off by default." + ], + "params": { + "boolean": "Boolean: (Optional) set normalize to true (1) or false (0)" + } + }, + "smooth": { + "description": [ + "Smooth Amplitude analysis by averaging with the last analysis frame. Off by default." + ], + "params": { + "set": "Number: smoothing from 0.0 <= 1" + } + } + }, + "p5.FFT": { + "description": [ + "FFT (Fast Fourier Transform) is an analysis algorithm that isolates individual audio frequencies within a waveform. ", + "Once instantiated, a p5.FFT object can return an array based on two types of analyses: • FFT.waveform() computes amplitude values along the time domain. The array indices correspond to samples across a brief moment in time. Each value represents amplitude of the waveform at that sample of time. • FFT.analyze() computes amplitude values along the frequency domain. The array indices correspond to frequencies (i.e. pitches), from the lowest to the highest that humans can hear. Each value represents amplitude at that slice of the frequency spectrum. Use with getEnergy() to measure amplitude at specific frequencies, or within a range of frequencies. ", + "FFT analyzes a very short snapshot of sound called a sample buffer. It returns an array of amplitude measurements, referred to as bins. The array is 1024 bins long by default. You can change the bin array length, but it must be a power of 2 between 16 and 1024 in order for the FFT algorithm to function correctly. The actual size of the FFT buffer is twice the number of bins, so given a standard sample rate, the buffer is 2048/44100 seconds long." + ], + "params": { + "smoothing": "Number: (Optional) Smooth results of Freq Spectrum. 0.0 < smoothing < 1.0. Defaults to 0.8.", + "bins": "Number: (Optional) Length of resulting array. Must be a power of two between 16 and 1024. Defaults to 1024." + }, + "setInput": { + "description": [ + "Set the input source for the FFT analysis. If no source is provided, FFT will analyze all sound in the sketch." + ], + "params": { + "source": "Object: (Optional) p5.sound object (or web audio API source node)" + } + }, + "waveform": { + "description": [ + "Returns an array of amplitude values (between -1.0 and +1.0) that represent a snapshot of amplitude readings in a single buffer. Length will be equal to bins (defaults to 1024). Can be used to draw the waveform of a sound." + ], + "returns": "Array: Array Array of amplitude values (-1 to 1) over time. Array length = bins.", + "params": { + "bins": "Number: (Optional) Must be a power of two between 16 and 1024. Defaults to 1024.", + "precision": "String: (Optional) If any value is provided, will return results in a Float32 Array which is more precise than a regular array." + } + }, + "analyze": { + "description": [ + "Returns an array of amplitude values (between 0 and 255) across the frequency spectrum. Length is equal to FFT bins (1024 by default). The array indices correspond to frequencies (i.e. pitches), from the lowest to the highest that humans can hear. Each value represents amplitude at that slice of the frequency spectrum. Must be called prior to using getEnergy()." + ], + "returns": "Array: spectrum Array of energy (amplitude/volume) values across the frequency spectrum. Lowest energy (silence) = 0, highest possible is 255.", + "params": { + "bins": "Number: (Optional) Must be a power of two between 16 and 1024. Defaults to 1024.", + "scale": "Number: (Optional) If \"dB,\" returns decibel float measurements between -140 and 0 (max). Otherwise returns integers from 0-255." + } + }, + "getEnergy": { + "description": [ + "Returns the amount of energy (volume) at a specific frequency, or the average amount of energy between two frequencies. Accepts Number(s) corresponding to frequency (in Hz), or a String corresponding to predefined frequency ranges (\"bass\", \"lowMid\", \"mid\", \"highMid\", \"treble\"). Returns a range between 0 (no energy/volume at that frequency) and 255 (maximum energy). NOTE: analyze() must be called prior to getEnergy(). Analyze() tells the FFT to analyze frequency data, and getEnergy() uses the results determine the value at a specific frequency or range of frequencies." + ], + "returns": "Number: Energy Energy (volume/amplitude) from 0 and 255.", + "params": { + "frequency1": "Number|String: Will return a value representing energy at this frequency. Alternately, the strings \"bass\", \"lowMid\" \"mid\", \"highMid\", and \"treble\" will return predefined frequency ranges.", + "frequency2": "Number: (Optional) If a second frequency is given, will return average amount of energy that exists between the two frequencies." + } + }, + "getCentroid": { + "description": [ + "Returns the spectral centroid of the input signal. NOTE: analyze() must be called prior to getCentroid(). Analyze() tells the FFT to analyze frequency data, and getCentroid() uses the results determine the spectral centroid." + ], + "returns": "Number: Spectral Centroid Frequency Frequency of the spectral centroid in Hz." + }, + "smooth": { + "description": [ + "Smooth FFT analysis by averaging with the last analysis frame." + ], + "params": { + "smoothing": "Number: 0.0 < smoothing < 1.0. Defaults to 0.8." + } + }, + "linAverages": { + "description": [ + "Returns an array of average amplitude values for a given number of frequency bands split equally. N defaults to 16. NOTE: analyze() must be called prior to linAverages(). Analyze() tells the FFT to analyze frequency data, and linAverages() uses the results to group them into a smaller set of averages." + ], + "returns": "Array: linearAverages Array of average amplitude values for each group", + "params": { + "N": "Number: Number of returned frequency groups" + } + }, + "logAverages": { + "description": [ + "Returns an array of average amplitude values of the spectrum, for a given set of Octave Bands NOTE: analyze() must be called prior to logAverages(). Analyze() tells the FFT to analyze frequency data, and logAverages() uses the results to group them into a smaller set of averages." + ], + "returns": "Array: logAverages Array of average amplitude values for each group", + "params": { + "octaveBands": "Array: Array of Octave Bands objects for grouping" + } + }, + "getOctaveBands": { + "description": [ + "Calculates and Returns the 1/N Octave Bands N defaults to 3 and minimum central frequency to 15.625Hz. (1/3 Octave Bands ~= 31 Frequency Bands) Setting fCtr0 to a central value of a higher octave will ignore the lower bands and produce less frequency groups." + ], + "returns": "Array: octaveBands Array of octave band objects with their bounds", + "params": { + "N": "Number: Specifies the 1/N type of generated octave bands", + "fCtr0": "Number: Minimum central frequency for the lowest band" + } + } + }, + "p5.Signal": { + "description": [ + "p5.Signal is a constant audio-rate signal used by p5.Oscillator and p5.Envelope for modulation math. ", + "This is necessary because Web Audio is processed on a seprate clock. For example, the p5 draw loop runs about 60 times per second. But the audio clock must process samples 44100 times per second. If we want to add a value to each of those samples, we can't do it in the draw loop, but we can do it by adding a constant-rate audio signal.tone.js." + ], + "returns": "Tone.Signal: A Signal object from the Tone.js library", + "fade": { + "description": [ + "Fade to value, for smooth transitions" + ], + "params": { + "value": "Number: Value to set this signal", + "secondsFromNow": "Number: (Optional) Length of fade, in seconds from now" + } + }, + "setInput": { + "description": [ + "Connect a p5.sound object or Web Audio node to this p5.Signal so that its amplitude values can be scaled." + ], + "params": { + "input": "Object" + } + }, + "add": { + "description": [ + "Add a constant value to this audio signal, and return the resulting audio signal. Does not change the value of the original signal, instead it returns a new p5.SignalAdd." + ], + "returns": "p5.Signal: object", + "params": { + "number": "Number" + } + }, + "mult": { + "description": [ + "Multiply this signal by a constant value, and return the resulting audio signal. Does not change the value of the original signal, instead it returns a new p5.SignalMult." + ], + "returns": "p5.Signal: object", + "params": { + "number": "Number: to multiply" + } + }, + "scale": { + "description": [ + "Scale this signal value to a given range, and return the result as an audio signal. Does not change the value of the original signal, instead it returns a new p5.SignalScale." + ], + "returns": "p5.Signal: object", + "params": { + "number": "Number: to multiply", + "inMin": "Number: input range minumum", + "inMax": "Number: input range maximum", + "outMin": "Number: input range minumum", + "outMax": "Number: input range maximum" + } + } + }, + "p5.Envelope": { + "description": [ + "Envelopes are pre-defined amplitude distribution over time. Typically, envelopes are used to control the output volume of an object, a series of fades referred to as Attack, Decay, Sustain and Release ( ADSR ). Envelopes can also control other Web Audio Parameters—for example, a p5.Envelope can control an Oscillator's frequency like this: osc.freq(env). ", + "Use setRange to change the attack/release level. Use setADSR to change attackTime, decayTime, sustainPercent and releaseTime. ", + "Use the play method to play the entire envelope, the ramp method for a pingable trigger, or triggerAttack/ triggerRelease to trigger noteOn/noteOff." + ], + "attackTime": { + "description": [ + "Time until envelope reaches attackLevel" + ] + }, + "attackLevel": { + "description": [ + "Level once attack is complete." + ] + }, + "decayTime": { + "description": [ + "Time until envelope reaches decayLevel." + ] + }, + "decayLevel": { + "description": [ + "Level after decay. The envelope will sustain here until it is released." + ] + }, + "releaseTime": { + "description": [ + "Duration of the release portion of the envelope." + ] + }, + "releaseLevel": { + "description": [ + "Level at the end of the release." + ] + }, + "set": { + "description": [ + "Reset the envelope with a series of time/value pairs." + ], + "params": { + "attackTime": "Number: Time (in seconds) before level reaches attackLevel", + "attackLevel": "Number: Typically an amplitude between 0.0 and 1.0", + "decayTime": "Number: Time", + "decayLevel": "Number: Amplitude (In a standard ADSR envelope, decayLevel = sustainLevel)", + "releaseTime": "Number: Release Time (in seconds)", + "releaseLevel": "Number: Amplitude" + } + }, + "setADSR": { + "description": [ + "Set values like a traditional ADSR envelope ." + ], + "params": { + "attackTime": "Number: Time (in seconds before envelope reaches Attack Level", + "decayTime": "Number: (Optional) Time (in seconds) before envelope reaches Decay/Sustain Level", + "susRatio": "Number: (Optional) Ratio between attackLevel and releaseLevel, on a scale from 0 to 1, where 1.0 = attackLevel, 0.0 = releaseLevel. The susRatio determines the decayLevel and the level at which the sustain portion of the envelope will sustain. For example, if attackLevel is 0.4, releaseLevel is 0, and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is increased to 1.0 (using setRange), then decayLevel would increase proportionally, to become 0.5.", + "releaseTime": "Number: (Optional) Time in seconds from now (defaults to 0)" + } + }, + "setRange": { + "description": [ + "Set max (attackLevel) and min (releaseLevel) of envelope." + ], + "params": { + "aLevel": "Number: attack level (defaults to 1)", + "rLevel": "Number: release level (defaults to 0)" + } + }, + "setInput": { + "description": [ + "Assign a parameter to be controlled by this envelope. If a p5.Sound object is given, then the p5.Envelope will control its output gain. If multiple inputs are provided, the env will control all of them." + ], + "params": { + "inputs": "Object: (Optional) A p5.sound object or Web Audio Param." + } + }, + "setExp": { + "description": [ + "Set whether the envelope ramp is linear (default) or exponential. Exponential ramps can be useful because we perceive amplitude and frequency logarithmically." + ], + "params": { + "isExp": "Boolean: true is exponential, false is linear" + } + }, + "play": { + "description": [ + "Play tells the envelope to start acting on a given input. If the input is a p5.sound object (i.e. AudioIn, Oscillator, SoundFile), then Envelope will control its output volume. Envelopes can also be used to control any Web Audio Audio Param." + ], + "params": { + "unit": "Object: A p5.sound object or Web Audio Param.", + "startTime": "Number: (Optional) time from now (in seconds) at which to play", + "sustainTime": "Number: (Optional) time to sustain before releasing the envelope" + } + }, + "triggerAttack": { + "description": [ + "Trigger the Attack, and Decay portion of the Envelope. Similar to holding down a key on a piano, but it will hold the sustain level until you let go. Input can be any p5.sound object, or a Web Audio Param." + ], + "params": { + "unit": "Object: p5.sound Object or Web Audio Param", + "secondsFromNow": "Number: time from now (in seconds)" + } + }, + "triggerRelease": { + "description": [ + "Trigger the Release of the Envelope. This is similar to releasing the key on a piano and letting the sound fade according to the release level and release time." + ], + "params": { + "unit": "Object: p5.sound Object or Web Audio Param", + "secondsFromNow": "Number: time to trigger the release" + } + }, + "ramp": { + "description": [ + "Exponentially ramp to a value using the first two values from setADSR(attackTime, decayTime) as time constants for simple exponential ramps. If the value is higher than current value, it uses attackTime, while a decrease uses decayTime." + ], + "params": { + "unit": "Object: p5.sound Object or Web Audio Param", + "secondsFromNow": "Number: When to trigger the ramp", + "v": "Number: Target value", + "v2": "Number: (Optional) Second target value (optional)" + } + }, + "add": { + "description": [ + "Add a value to the p5.Oscillator's output amplitude, and return the oscillator. Calling this method again will override the initial add() with new values." + ], + "returns": "p5.Envelope: Envelope Returns this envelope with scaled output", + "params": { + "number": "Number: Constant number to add" + } + }, + "mult": { + "description": [ + "Multiply the p5.Envelope's output amplitude by a fixed value. Calling this method again will override the initial mult() with new values." + ], + "returns": "p5.Envelope: Envelope Returns this envelope with scaled output", + "params": { + "number": "Number: Constant number to multiply" + } + }, + "scale": { + "description": [ + "Scale this envelope's amplitude values to a given range, and return the envelope. Calling this method again will override the initial scale() with new values." + ], + "returns": "p5.Envelope: Envelope Returns this envelope with scaled output", + "params": { + "inMin": "Number: input range minumum", + "inMax": "Number: input range maximum", + "outMin": "Number: input range minumum", + "outMax": "Number: input range maximum" + } + } + }, + "p5.Pulse": { + "description": [ + "Creates a Pulse object, an oscillator that implements Pulse Width Modulation. The pulse is created with two oscillators. Accepts a parameter for frequency, and to set the width between the pulses. See p5.Oscillator for a full list of methods." + ], + "params": { + "freq": "Number: (Optional) Frequency in oscillations per second (Hz)", + "w": "Number: (Optional) Width between the pulses (0 to 1.0, defaults to 0)" + }, + "width": { + "description": [ + "Set the width of a Pulse object (an oscillator that implements Pulse Width Modulation)." + ], + "params": { + "width": "Number: (Optional) Width between the pulses (0 to 1.0, defaults to 0)" + } + } + }, + "p5.Noise": { + "description": [ + "Noise is a type of oscillator that generates a buffer with random values." + ], + "params": { + "type": "String: Type of noise can be 'white' (default), 'brown' or 'pink'." + }, + "setType": { + "description": [ + "Set type of noise to 'white', 'pink' or 'brown'. White is the default." + ], + "params": { + "type": "String: (Optional) 'white', 'pink' or 'brown'" + } + } + }, + "p5.AudioIn": { + "description": [ + "Get audio from an input, i.e. your computer's microphone. ", + "Turn the mic on/off with the start() and stop() methods. When the mic is on, its volume can be measured with getLevel or by connecting an FFT object. ", + "If you want to hear the AudioIn, use the .connect() method. AudioIn does not connect to p5.sound output by default to prevent feedback. ", + "Note: This uses the getUserMedia/ Stream API, which is not supported by certain browsers. Access in Chrome browser is limited to localhost and https, but access over http may be limited." + ], + "params": { + "errorCallback": "Function: (Optional) A function to call if there is an error accessing the AudioIn. For example, Safari and iOS devices do not currently allow microphone access." + }, + "input": {}, + "output": {}, + "stream": {}, + "mediaStream": {}, + "currentSource": {}, + "enabled": { + "description": [ + "Client must allow browser to access their microphone / audioin source. Default: false. Will become true when the client enables access." + ] + }, + "amplitude": { + "description": [ + "Input amplitude, connect to it by default but not to master out" + ] + }, + "start": { + "description": [ + "Start processing audio input. This enables the use of other AudioIn methods like getLevel(). Note that by default, AudioIn is not connected to p5.sound's output. So you won't hear anything unless you use the connect() method.", + "Certain browsers limit access to the user's microphone. For example, Chrome only allows access from localhost and over https. For this reason, you may want to include an errorCallback—a function that is called in case the browser won't provide mic access." + ], + "params": { + "successCallback": "Function: (Optional) Name of a function to call on success.", + "errorCallback": "Function: (Optional) Name of a function to call if there was an error. For example, some browsers do not support getUserMedia." + } + }, + "stop": { + "description": [ + "Turn the AudioIn off. If the AudioIn is stopped, it cannot getLevel(). If re-starting, the user may be prompted for permission access." + ] + }, + "connect": { + "description": [ + "Connect to an audio unit. If no parameter is provided, will connect to the master output (i.e. your speakers)." + ], + "params": { + "unit": "Object: (Optional) An object that accepts audio input, such as an FFT" + } + }, + "disconnect": { + "description": [ + "Disconnect the AudioIn from all audio units. For example, if connect() had been called, disconnect() will stop sending signal to your speakers." + ] + }, + "getLevel": { + "description": [ + "Read the Amplitude (volume level) of an AudioIn. The AudioIn class contains its own instance of the Amplitude class to help make it easy to get a microphone's volume level. Accepts an optional smoothing value (0.0 < 1.0). NOTE: AudioIn must .start() before using .getLevel()." + ], + "returns": "Number: Volume level (between 0.0 and 1.0)", + "params": { + "smoothing": "Number: (Optional) Smoothing is 0.0 by default. Smooths values based on previous values." + } + }, + "amp": { + "description": [ + "Set amplitude (volume) of a mic input between 0 and 1.0. " + ], + "params": { + "vol": "Number: between 0 and 1.0", + "time": "Number: (Optional) ramp time (optional)" + } + }, + "getSources": { + "description": [ + "Returns a list of available input sources. This is a wrapper for https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices\"
", + "and it returns a Promise.
" + ], + "returns": "Promise: Returns a Promise that can be used in place of the callbacks, similar to the enumerateDevices() method", + "params": { + "successCallback": "Function: (Optional) This callback function handles the sources when they have been enumerated. The callback function receives the deviceList array as its only argument", + "errorCallback": "Function: (Optional) This optional callback receives the error message as its argument." + } + }, + "setSource": { + "description": [ + "Set the input source. Accepts a number representing a position in the array returned by getSources(). This is only available in browsers that support https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices\"
", + "navigator.mediaDevices.enumerateDevices().
" + ], + "params": { + "num": "Number: position of input source in the array" + } + } + }, + "p5.EQ": { + "description": [ + "p5.EQ is an audio effect that performs the function of a multiband audio equalizer. Equalization is used to adjust the balance of frequency compoenents of an audio signal. This process is commonly used in sound production and recording to change the waveform before it reaches a sound output device. EQ can also be used as an audio effect to create interesting distortions by filtering out parts of the spectrum. p5.EQ is built using a chain of Web Audio Biquad Filter Nodes and can be instantiated with 3 or 8 bands. Bands can be added or removed from the EQ by directly modifying p5.EQ.bands (the array that stores filters). ", + "This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available." + ], + "returns": "Object: p5.EQ object", + "params": { + "_eqsize": "Number: (Optional) Constructor will accept 3 or 8, defaults to 3" + }, + "bands": { + "description": [ + "The p5.EQ is built with abstracted p5.Filter objects. To modify any bands, use methods of the p5.Filter API, especially gain and freq. Bands are stored in an array, with indices 0 - 3, or 0 - 7" + ] + }, + "process": { + "description": [ + "Process an input by connecting it to the EQ" + ], + "params": { + "src": "Object: Audio source" + } + } + }, + "p5.Panner3D": { + "description": [ + "Panner3D is based on the Web Audio Spatial Panner Node. This panner is a spatial processing node that allows audio to be positioned and oriented in 3D space. ", + "The position is relative to an Audio Context Listener, which can be accessed by p5.soundOut.audiocontext.listener" + ], + "panner": { + "description": [ + " Web Audio Spatial Panner Node ", + "Properties include " + ] + }, + "process": { + "description": [ + "Connect an audio sorce" + ], + "params": { + "src": "Object: Input source" + } + }, + "set": { + "description": [ + "Set the X,Y,Z position of the Panner" + ], + "returns": "Array: Updated x, y, z values as an array", + "params": { + "xVal": "Number", + "yVal": "Number", + "zVal": "Number", + "time": "Number" + } + }, + "positionX": { + "description": [ + "Getter and setter methods for position coordinates" + ], + "returns": "Number: updated coordinate value" + }, + "positionY": { + "description": [ + "Getter and setter methods for position coordinates" + ], + "returns": "Number: updated coordinate value" + }, + "positionZ": { + "description": [ + "Getter and setter methods for position coordinates" + ], + "returns": "Number: updated coordinate value" + }, + "orient": { + "description": [ + "Set the X,Y,Z position of the Panner" + ], + "returns": "Array: Updated x, y, z values as an array", + "params": { + "xVal": "Number", + "yVal": "Number", + "zVal": "Number", + "time": "Number" + } + }, + "orientX": { + "description": [ + "Getter and setter methods for orient coordinates" + ], + "returns": "Number: updated coordinate value" + }, + "orientY": { + "description": [ + "Getter and setter methods for orient coordinates" + ], + "returns": "Number: updated coordinate value" + }, + "orientZ": { + "description": [ + "Getter and setter methods for orient coordinates" + ], + "returns": "Number: updated coordinate value" + }, + "setFalloff": { + "description": [ + "Set the rolloff factor and max distance" + ], + "params": { + "maxDistance": "Number (Optional)", + "rolloffFactor": "Number (Optional)" + } + }, + "maxDist": { + "description": [ + "Maxium distance between the source and the listener" + ], + "returns": "Number: updated value", + "params": { + "maxDistance": "Number" + } + }, + "rollof": { + "description": [ + "How quickly the volume is reduced as the source moves away from the listener" + ], + "returns": "Number: updated value", + "params": { + "rolloffFactor": "Number" + } + } + }, + "p5.Delay": { + "description": [ + "Delay is an echo effect. It processes an existing sound source, and outputs a delayed version of that sound. The p5.Delay can produce different effects depending on the delayTime, feedback, filter, and type. In the example below, a feedback of 0.5 (the default value) will produce a looping delay that decreases in volume by 50% each repeat. A filter will cut out the high frequencies so that the delay does not sound as piercing as the original source. ", + "This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available." + ], + "leftDelay": { + "description": [ + "The p5.Delay is built with two Web Audio Delay Nodes, one for each stereo channel." + ] + }, + "rightDelay": { + "description": [ + "The p5.Delay is built with two Web Audio Delay Nodes, one for each stereo channel." + ] + }, + "process": { + "description": [ + "Add delay to an audio signal according to a set of delay parameters." + ], + "params": { + "Signal": "Object: An object that outputs audio", + "delayTime": "Number: (Optional) Time (in seconds) of the delay/echo. Some browsers limit delayTime to 1 second.", + "feedback": "Number: (Optional) sends the delay back through itself in a loop that decreases in volume each time.", + "lowPass": "Number: (Optional) Cutoff frequency. Only frequencies below the lowPass will be part of the delay." + } + }, + "delayTime": { + "description": [ + "Set the delay (echo) time, in seconds. Usually this value will be a floating point number between 0.0 and 1.0." + ], + "params": { + "delayTime": "Number: Time (in seconds) of the delay" + } + }, + "feedback": { + "description": [ + "Feedback occurs when Delay sends its signal back through its input in a loop. The feedback amount determines how much signal to send each time through the loop. A feedback greater than 1.0 is not desirable because it will increase the overall output each time through the loop, creating an infinite feedback loop. The default value is 0.5" + ], + "returns": "Number: Feedback value", + "params": { + "feedback": "Number|Object: 0.0 to 1.0, or an object such as an Oscillator that can be used to modulate this param" + } + }, + "filter": { + "description": [ + "Set a lowpass filter frequency for the delay. A lowpass filter will cut off any frequencies higher than the filter frequency." + ], + "params": { + "cutoffFreq": "Number|Object: A lowpass filter will cut off any frequencies higher than the filter frequency.", + "res": "Number|Object: Resonance of the filter frequency cutoff, or an object (i.e. a p5.Oscillator) that can be used to modulate this parameter. High numbers (i.e. 15) will produce a resonance, low numbers (i.e. .2) will produce a slope." + } + }, + "setType": { + "description": [ + "Choose a preset type of delay. 'pingPong' bounces the signal from the left to the right channel to produce a stereo effect. Any other parameter will revert to the default delay setting." + ], + "params": { + "type": "String|Number: 'pingPong' (1) or 'default' (0)" + } + }, + "amp": { + "description": [ + "Set the output level of the delay effect." + ], + "params": { + "volume": "Number: amplitude between 0 and 1.0", + "rampTime": "Number: (Optional) create a fade that lasts rampTime", + "timeFromNow": "Number: (Optional) schedule this event to happen seconds from now" + } + }, + "connect": { + "description": [ + "Send output to a p5.sound or web audio object" + ], + "params": { + "unit": "Object" + } + }, + "disconnect": { + "description": [ + "Disconnect all output." + ] + } + }, + "p5.Reverb": { + "description": [ + "Reverb adds depth to a sound through a large number of decaying echoes. It creates the perception that sound is occurring in a physical space. The p5.Reverb has paramters for Time (how long does the reverb last) and decayRate (how much the sound decays with each echo) that can be set with the .set() or .process() methods. The p5.Convolver extends p5.Reverb allowing you to recreate the sound of actual physical spaces through convolution. ", + "This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available." + ], + "process": { + "description": [ + "Connect a source to the reverb, and assign reverb parameters." + ], + "params": { + "src": "Object: p5.sound / Web Audio object with a sound output.", + "seconds": "Number: (Optional) Duration of the reverb, in seconds. Min: 0, Max: 10. Defaults to 3.", + "decayRate": "Number: (Optional) Percentage of decay with each echo. Min: 0, Max: 100. Defaults to 2.", + "reverse": "Boolean: (Optional) Play the reverb backwards or forwards." + } + }, + "set": { + "description": [ + "Set the reverb settings. Similar to .process(), but without assigning a new input." + ], + "params": { + "seconds": "Number: (Optional) Duration of the reverb, in seconds. Min: 0, Max: 10. Defaults to 3.", + "decayRate": "Number: (Optional) Percentage of decay with each echo. Min: 0, Max: 100. Defaults to 2.", + "reverse": "Boolean: (Optional) Play the reverb backwards or forwards." + } + }, + "amp": { + "description": [ + "Set the output level of the reverb effect." + ], + "params": { + "volume": "Number: amplitude between 0 and 1.0", + "rampTime": "Number: (Optional) create a fade that lasts rampTime", + "timeFromNow": "Number: (Optional) schedule this event to happen seconds from now" + } + }, + "connect": { + "description": [ + "Send output to a p5.sound or web audio object" + ], + "params": { + "unit": "Object" + } + }, + "disconnect": { + "description": [ + "Disconnect all output." + ] + } + }, + "p5.Convolver": { + "description": [ + "p5.Convolver extends p5.Reverb. It can emulate the sound of real physical spaces through a process called convolution. ", + "Convolution multiplies any audio input by an \"impulse response\" to simulate the dispersion of sound over time. The impulse response is generated from an audio file that you provide. One way to generate an impulse response is to pop a balloon in a reverberant space and record the echo. Convolution can also be used to experiment with sound. ", + "Use the method createConvolution(path) to instantiate a p5.Convolver with a path to your impulse response audio file." + ], + "params": { + "path": "String: path to a sound file", + "callback": "Function: (Optional) function to call when loading succeeds", + "errorCallback": "Function: (Optional) function to call if loading fails. This function will receive an error or XMLHttpRequest object with information about what went wrong." + }, + "convolverNode": { + "description": [ + "Internally, the p5.Convolver uses the a Web Audio Convolver Node." + ] + }, + "process": { + "description": [ + "Connect a source to the convolver." + ], + "params": { + "src": "Object: p5.sound / Web Audio object with a sound output." + } + }, + "impulses": { + "description": [ + "If you load multiple impulse files using the .addImpulse method, they will be stored as Objects in this Array. Toggle between them with the toggleImpulse(id) method." + ] + }, + "addImpulse": { + "description": [ + "Load and assign a new Impulse Response to the p5.Convolver. The impulse is added to the .impulses array. Previous impulses can be accessed with the .toggleImpulse(id) method." + ], + "params": { + "path": "String: path to a sound file", + "callback": "Function: function (optional)", + "errorCallback": "Function: function (optional)" + } + }, + "resetImpulse": { + "description": [ + "Similar to .addImpulse, except that the .impulses Array is reset to save memory. A new .impulses array is created with this impulse as the only item." + ], + "params": { + "path": "String: path to a sound file", + "callback": "Function: function (optional)", + "errorCallback": "Function: function (optional)" + } + }, + "toggleImpulse": { + "description": [ + "If you have used .addImpulse() to add multiple impulses to a p5.Convolver, then you can use this method to toggle between the items in the .impulses Array. Accepts a parameter to identify which impulse you wish to use, identified either by its original filename (String) or by its position in the .impulses Array (Number).", + "You can access the objects in the .impulses Array directly. Each Object has two attributes: an .audioBuffer (type: Web Audio AudioBuffer) and a .name, a String that corresponds with the original filename." + ], + "params": { + "id": "String|Number: Identify the impulse by its original filename (String), or by its position in the .impulses Array (Number)." + } + } + }, + "p5.Phrase": { + "description": [ + "A phrase is a pattern of musical events over time, i.e. a series of notes and rests. ", + "Phrases must be added to a p5.Part for playback, and each part can play multiple phrases at the same time. For example, one Phrase might be a kick drum, another could be a snare, and another could be the bassline. ", + "The first parameter is a name so that the phrase can be modified or deleted later. The callback is a a function that this phrase will call at every step—for example it might be called playNote(value){}. The array determines which value is passed into the callback at each step of the phrase. It can be numbers, an object with multiple numbers, or a zero (0) indicates a rest so the callback won't be called)." + ], + "params": { + "name": "String: Name so that you can access the Phrase.", + "callback": "Function: The name of a function that this phrase will call. Typically it will play a sound, and accept two parameters: a time at which to play the sound (in seconds from now), and a value from the sequence array. The time should be passed into the play() or start() method to ensure precision.", + "sequence": "Array: Array of values to pass into the callback at each step of the phrase." + }, + "sequence": { + "description": [ + "Array of values to pass into the callback at each step of the phrase. Depending on the callback function's requirements, these values may be numbers, strings, or an object with multiple parameters. Zero (0) indicates a rest." + ] + } + }, + "p5.Part": { + "description": [ + "A p5.Part plays back one or more p5.Phrases. Instantiate a part with steps and tatums. By default, each step represents a 1/16th note. ", + "See p5.Phrase for more about musical timing." + ], + "params": { + "steps": "Number: (Optional) Steps in the part", + "tatums": "Number: (Optional) Divisions of a beat, e.g. use 1/4, or 0.25 for a quater note (default is 1/16, a sixteenth note)" + }, + "setBPM": { + "description": [ + "Set the tempo of this part, in Beats Per Minute." + ], + "params": { + "BPM": "Number: Beats Per Minute", + "rampTime": "Number: (Optional) Seconds from now" + } + }, + "getBPM": { + "description": [ + "Returns the tempo, in Beats Per Minute, of this part." + ], + "returns": "Number: " + }, + "start": { + "description": [ + "Start playback of this part. It will play through all of its phrases at a speed determined by setBPM." + ], + "params": { + "time": "Number: (Optional) seconds from now" + } + }, + "loop": { + "description": [ + "Loop playback of this part. It will begin looping through all of its phrases at a speed determined by setBPM." + ], + "params": { + "time": "Number: (Optional) seconds from now" + } + }, + "noLoop": { + "description": [ + "Tell the part to stop looping." + ] + }, + "stop": { + "description": [ + "Stop the part and cue it to step 0. Playback will resume from the begining of the Part when it is played again." + ], + "params": { + "time": "Number: (Optional) seconds from now" + } + }, + "pause": { + "description": [ + "Pause the part. Playback will resume from the current step." + ], + "params": { + "time": "Number: seconds from now" + } + }, + "addPhrase": { + "description": [ + "Add a p5.Phrase to this Part." + ], + "params": { + "phrase": "p5.Phrase: reference to a p5.Phrase" + } + }, + "removePhrase": { + "description": [ + "Remove a phrase from this part, based on the name it was given when it was created." + ], + "params": { + "phraseName": "String" + } + }, + "getPhrase": { + "description": [ + "Get a phrase from this part, based on the name it was given when it was created. Now you can modify its array." + ], + "params": { + "phraseName": "String" + } + }, + "replaceSequence": { + "description": [ + "Find all sequences with the specified name, and replace their patterns with the specified array." + ], + "params": { + "phraseName": "String", + "sequence": "Array: Array of values to pass into the callback at each step of the phrase." + } + }, + "onStep": { + "description": [ + "Set the function that will be called at every step. This will clear the previous function." + ], + "params": { + "callback": "Function: The name of the callback you want to fire on every beat/tatum." + } + } + }, + "p5.Score": { + "description": [ + "A Score consists of a series of Parts. The parts will be played back in order. For example, you could have an A part, a B part, and a C part, and play them back in this order new p5.Score(a, a, b, a, c)" + ], + "params": { + "parts": "p5.Part: (Optional) One or multiple parts, to be played in sequence." + }, + "start": { + "description": [ + "Start playback of the score." + ] + }, + "stop": { + "description": [ + "Stop playback of the score." + ] + }, + "pause": { + "description": [ + "Pause playback of the score." + ] + }, + "loop": { + "description": [ + "Loop playback of the score." + ] + }, + "noLoop": { + "description": [ + "Stop looping playback of the score. If it is currently playing, this will go into effect after the current round of playback completes." + ] + }, + "setBPM": { + "description": [ + "Set the tempo for all parts in the score" + ], + "params": { + "BPM": "Number: Beats Per Minute", + "rampTime": "Number: Seconds from now" + } + } + }, + "p5.SoundLoop": { + "description": [ + "SoundLoop" + ], + "params": { + "callback": "Function: this function will be called on each iteration of theloop", + "interval": "Number|String: (Optional) amount of time (if a number) or beats (if a string, following Tone.Time convention) for each iteration of the loop. Defaults to 1 second." + }, + "musicalTimeMode": { + "description": [ + "musicalTimeMode uses Tone.Time convention true if string, false if number" + ] + }, + "maxIterations": { + "description": [ + "Set a limit to the number of loops to play. defaults to Infinity" + ] + }, + "start": { + "description": [ + "Start the loop" + ], + "params": { + "timeFromNow": "Number: (Optional) schedule a starting time" + } + }, + "stop": { + "description": [ + "Stop the loop" + ], + "params": { + "timeFromNow": "Number: (Optional) schedule a stopping time" + } + }, + "pause": { + "description": [ + "Pause the loop" + ], + "params": { + "timeFromNow": "Number: (Optional) schedule a pausing time" + } + }, + "syncedStart": { + "description": [ + "Synchronize loops. Use this method to start two more more loops in synchronization or to start a loop in synchronization with a loop that is already playing This method will schedule the implicit loop in sync with the explicit master loop i.e. loopToStart.syncedStart(loopToSyncWith)" + ], + "params": { + "otherLoop": "Object: a p5.SoundLoop to sync with", + "timeFromNow": "Number: (Optional) Start the loops in sync after timeFromNow seconds" + } + }, + "bpm": { + "description": [ + "Getters and Setters, setting any paramter will result in a change in the clock's frequency, that will be reflected after the next callback beats per minute (defaults to 60)" + ] + }, + "timeSignature": { + "description": [ + "number of quarter notes in a measure (defaults to 4)" + ] + }, + "interval": { + "description": [ + "length of the loops interval" + ] + }, + "iterations": { + "description": [ + "how many times the callback has been called so far" + ] + } + }, + "p5.Compressor": { + "description": [ + "Compressor is an audio effect class that performs dynamics compression on an audio input source. This is a very commonly used technique in music and sound production. Compression creates an overall louder, richer, and fuller sound by lowering the volume of louds and raising that of softs. Compression can be used to avoid clipping (sound distortion due to peaks in volume) and is especially useful when many sounds are played at once. Compression can be used on indivudal sound sources in addition to the master output. ", + "This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available." + ], + "compressor": { + "description": [ + "The p5.Compressor is built with a Web Audio Dynamics Compressor Node " + ] + }, + "process": { + "description": [ + "Performs the same function as .connect, but also accepts optional parameters to set compressor's audioParams" + ], + "params": { + "src": "Object: Sound source to be connected", + "attack": "Number: (Optional) The amount of time (in seconds) to reduce the gain by 10dB, default = .003, range 0 - 1", + "knee": "Number: (Optional) A decibel value representing the range above the threshold where the curve smoothly transitions to the \"ratio\" portion. default = 30, range 0 - 40", + "ratio": "Number: (Optional) The amount of dB change in input for a 1 dB change in output default = 12, range 1 - 20", + "threshold": "Number: (Optional) The decibel value above which the compression will start taking effect default = -24, range -100 - 0", + "release": "Number: (Optional) The amount of time (in seconds) to increase the gain by 10dB default = .25, range 0 - 1" + } + }, + "set": { + "description": [ + "Set the paramters of a compressor." + ], + "params": { + "attack": "Number: The amount of time (in seconds) to reduce the gain by 10dB, default = .003, range 0 - 1", + "knee": "Number: A decibel value representing the range above the threshold where the curve smoothly transitions to the \"ratio\" portion. default = 30, range 0 - 40", + "ratio": "Number: The amount of dB change in input for a 1 dB change in output default = 12, range 1 - 20", + "threshold": "Number: The decibel value above which the compression will start taking effect default = -24, range -100 - 0", + "release": "Number: The amount of time (in seconds) to increase the gain by 10dB default = .25, range 0 - 1" + } + }, + "attack": { + "description": [ + "Get current attack or set value w/ time ramp" + ], + "params": { + "attack": "Number: (Optional) Attack is the amount of time (in seconds) to reduce the gain by 10dB, default = .003, range 0 - 1", + "time": "Number: (Optional) Assign time value to schedule the change in value" + } + }, + "knee": { + "description": [ + "Get current knee or set value w/ time ramp" + ], + "params": { + "knee": "Number: (Optional) A decibel value representing the range above the threshold where the curve smoothly transitions to the \"ratio\" portion. default = 30, range 0 - 40", + "time": "Number: (Optional) Assign time value to schedule the change in value" + } + }, + "ratio": { + "description": [ + "Get current ratio or set value w/ time ramp" + ], + "params": { + "ratio": "Number: (Optional) The amount of dB change in input for a 1 dB change in output default = 12, range 1 - 20", + "time": "Number: (Optional) Assign time value to schedule the change in value" + } + }, + "threshold": { + "description": [ + "Get current threshold or set value w/ time ramp" + ], + "params": { + "threshold": "Number: The decibel value above which the compression will start taking effect default = -24, range -100 - 0", + "time": "Number: (Optional) Assign time value to schedule the change in value" + } + }, + "release": { + "description": [ + "Get current release or set value w/ time ramp" + ], + "params": { + "release": "Number: The amount of time (in seconds) to increase the gain by 10dB default = .25, range 0 - 1", + "time": "Number: (Optional) Assign time value to schedule the change in value" + } + }, + "reduction": { + "description": [ + "Return the current reduction value" + ], + "returns": "Number: Value of the amount of gain reduction that is applied to the signal" + } + }, + "p5.SoundRecorder": { + "description": [ + "Record sounds for playback and/or to save as a .wav file. The p5.SoundRecorder records all sound output from your sketch, or can be assigned a specific source with setInput(). ", + "The record() method accepts a p5.SoundFile as a parameter. When playback is stopped (either after the given amount of time, or with the stop() method), the p5.SoundRecorder will send its recording to that p5.SoundFile for playback." + ], + "setInput": { + "description": [ + "Connect a specific device to the p5.SoundRecorder. If no parameter is given, p5.SoundRecorer will record all audible p5.sound from your sketch." + ], + "params": { + "unit": "Object: (Optional) p5.sound object or a web audio unit that outputs sound" + } + }, + "record": { + "description": [ + "Start recording. To access the recording, provide a p5.SoundFile as the first parameter. The p5.SoundRecorder will send its recording to that p5.SoundFile for playback once recording is complete. Optional parameters include duration (in seconds) of the recording, and a callback function that will be called once the complete recording has been transfered to the p5.SoundFile." + ], + "params": { + "soundFile": "p5.SoundFile: p5.SoundFile", + "duration": "Number: (Optional) Time (in seconds)", + "callback": "Function: (Optional) The name of a function that will be called once the recording completes" + } + }, + "stop": { + "description": [ + "Stop the recording. Once the recording is stopped, the results will be sent to the p5.SoundFile that was given on .record(), and if a callback function was provided on record, that function will be called." + ] + } + }, + "p5.PeakDetect": { + "description": [ + "PeakDetect works in conjunction with p5.FFT to look for onsets in some or all of the frequency spectrum. ", + "To use p5.PeakDetect, call update in the draw loop and pass in a p5.FFT object. ", + "You can listen for a specific part of the frequency spectrum by setting the range between freq1 and freq2.", + "threshold is the threshold for detecting a peak, scaled between 0 and 1. It is logarithmic, so 0.1 is half as loud as 1.0.", + "The update method is meant to be run in the draw loop, and frames determines how many loops must pass before another peak can be detected. For example, if the frameRate() = 60, you could detect the beat of a 120 beat-per-minute song with this equation: framesPerPeak = 60 / (estimatedBPM / 60 ); ", + "Based on example contribtued by @b2renger, and a simple beat detection explanation by Felix Turner. " + ], + "params": { + "freq1": "Number: (Optional) lowFrequency - defaults to 20Hz", + "freq2": "Number: (Optional) highFrequency - defaults to 20000 Hz", + "threshold": "Number: (Optional) Threshold for detecting a beat between 0 and 1 scaled logarithmically where 0.1 is 1/2 the loudness of 1.0. Defaults to 0.35.", + "framesPerPeak": "Number: (Optional) Defaults to 20." + }, + "isDetected": { + "description": [ + "isDetected is set to true when a peak is detected." + ] + }, + "update": { + "description": [ + "The update method is run in the draw loop. ", + "Accepts an FFT object. You must call .analyze() on the FFT object prior to updating the peakDetect because it relies on a completed FFT analysis." + ], + "params": { + "fftObject": "p5.FFT: A p5.FFT object" + } + }, + "onPeak": { + "description": [ + "onPeak accepts two arguments: a function to call when a peak is detected. The value of the peak, between 0.0 and 1.0, is passed to the callback." + ], + "params": { + "callback": "Function: Name of a function that will be called when a peak is detected.", + "val": "Object: (Optional) Optional value to pass into the function when a peak is detected." + } + } + }, + "p5.Gain": { + "description": [ + "A gain node is usefull to set the relative volume of sound. It's typically used to build mixers." + ], + "setInput": { + "description": [ + "Connect a source to the gain node." + ], + "params": { + "src": "Object: p5.sound / Web Audio object with a sound output." + } + }, + "connect": { + "description": [ + "Send output to a p5.sound or web audio object" + ], + "params": { + "unit": "Object" + } + }, + "disconnect": { + "description": [ + "Disconnect all output." + ] + }, + "amp": { + "description": [ + "Set the output level of the gain node." + ], + "params": { + "volume": "Number: amplitude between 0 and 1.0", + "rampTime": "Number: (Optional) create a fade that lasts rampTime", + "timeFromNow": "Number: (Optional) schedule this event to happen seconds from now" + } + } + }, + "p5.Distortion": { + "description": [ + "A Distortion effect created with a Waveshaper Node, with an approach adapted from Kevin Ennis ", + "This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available." + ], + "params": { + "amount": "Number: (Optional) Unbounded distortion amount. Normal values range from 0-1.", + "oversample": "String: (Optional) 'none', '2x', or '4x'." + }, + "WaveShaperNode": { + "description": [ + "The p5.Distortion is built with a Web Audio WaveShaper Node." + ] + }, + "process": { + "description": [ + "Process a sound source, optionally specify amount and oversample values." + ], + "params": { + "amount": "Number: (Optional) Unbounded distortion amount. Normal values range from 0-1.", + "oversample": "String: (Optional) 'none', '2x', or '4x'." + } + }, + "set": { + "description": [ + "Set the amount and oversample of the waveshaper distortion." + ], + "params": { + "amount": "Number: (Optional) Unbounded distortion amount. Normal values range from 0-1.", + "oversample": "String: (Optional) 'none', '2x', or '4x'." + } + }, + "getAmount": { + "description": [ + "Return the distortion amount, typically between 0-1." + ], + "returns": "Number: Unbounded distortion amount. Normal values range from 0-1." + }, + "getOversample": { + "description": [ + "Return the oversampling." + ], + "returns": "String: Oversample can either be 'none', '2x', or '4x'." + } + } +} From 8c053b762f20f85401895a41e667a51ca896ac5c Mon Sep 17 00:00:00 2001 From: limzykenneth Date: Fri, 20 Aug 2021 23:33:48 +0100 Subject: [PATCH 096/308] Add Portuguese reference translation Pontoon localization files --- src/data/localization/pt-BR/JSON.ftl | 2 + src/data/localization/pt-BR/console.ftl | 4 + src/data/localization/pt-BR/p5.Amplitude.ftl | 0 src/data/localization/pt-BR/p5.AudioIn.ftl | 0 src/data/localization/pt-BR/p5.AudioVoice.ftl | 0 src/data/localization/pt-BR/p5.BandPass.ftl | 0 src/data/localization/pt-BR/p5.Camera.ftl | 4 + src/data/localization/pt-BR/p5.Color.ftl | 14 + src/data/localization/pt-BR/p5.Compressor.ftl | 0 src/data/localization/pt-BR/p5.Convolver.ftl | 0 src/data/localization/pt-BR/p5.Delay.ftl | 0 src/data/localization/pt-BR/p5.Distortion.ftl | 0 src/data/localization/pt-BR/p5.EQ.ftl | 0 src/data/localization/pt-BR/p5.Effect.ftl | 0 src/data/localization/pt-BR/p5.Element.ftl | 57 + src/data/localization/pt-BR/p5.Envelope.ftl | 0 src/data/localization/pt-BR/p5.FFT.ftl | 0 src/data/localization/pt-BR/p5.File.ftl | 0 src/data/localization/pt-BR/p5.Filter.ftl | 0 src/data/localization/pt-BR/p5.Font.ftl | 17 + src/data/localization/pt-BR/p5.Gain.ftl | 0 src/data/localization/pt-BR/p5.Geometry.ftl | 0 src/data/localization/pt-BR/p5.Graphics.ftl | 0 src/data/localization/pt-BR/p5.HighPass.ftl | 0 src/data/localization/pt-BR/p5.Image.ftl | 0 src/data/localization/pt-BR/p5.LowPass.ftl | 0 .../localization/pt-BR/p5.MediaElement.ftl | 0 src/data/localization/pt-BR/p5.MonoSynth.ftl | 0 src/data/localization/pt-BR/p5.Noise.ftl | 0 src/data/localization/pt-BR/p5.NumberDict.ftl | 0 src/data/localization/pt-BR/p5.Oscillator.ftl | 0 src/data/localization/pt-BR/p5.Panner3D.ftl | 0 src/data/localization/pt-BR/p5.Part.ftl | 0 src/data/localization/pt-BR/p5.PeakDetect.ftl | 0 src/data/localization/pt-BR/p5.Phrase.ftl | 0 src/data/localization/pt-BR/p5.PolySynth.ftl | 0 .../localization/pt-BR/p5.PrintWriter.ftl | 0 src/data/localization/pt-BR/p5.Pulse.ftl | 0 src/data/localization/pt-BR/p5.Renderer.ftl | 0 src/data/localization/pt-BR/p5.Reverb.ftl | 0 src/data/localization/pt-BR/p5.SawOsc.ftl | 0 src/data/localization/pt-BR/p5.Score.ftl | 0 src/data/localization/pt-BR/p5.Shader.ftl | 0 src/data/localization/pt-BR/p5.Signal.ftl | 0 src/data/localization/pt-BR/p5.SinOsc.ftl | 0 src/data/localization/pt-BR/p5.SoundFile.ftl | 0 src/data/localization/pt-BR/p5.SoundLoop.ftl | 0 .../localization/pt-BR/p5.SoundRecorder.ftl | 0 src/data/localization/pt-BR/p5.SqrOsc.ftl | 0 src/data/localization/pt-BR/p5.StringDict.ftl | 0 src/data/localization/pt-BR/p5.Table.ftl | 0 src/data/localization/pt-BR/p5.TableRow.ftl | 0 src/data/localization/pt-BR/p5.TriOsc.ftl | 0 src/data/localization/pt-BR/p5.TypedDict.ftl | 0 src/data/localization/pt-BR/p5.Vector.ftl | 98 ++ src/data/localization/pt-BR/p5.XML.ftl | 0 src/data/localization/pt-BR/p5.ftl | 995 ++++++++++++++++++ src/data/localization/pt-BR/p5.sound.ftl | 0 src/data/localization/pt-BR/root.ftl | 63 ++ 59 files changed, 1254 insertions(+) create mode 100644 src/data/localization/pt-BR/JSON.ftl create mode 100644 src/data/localization/pt-BR/console.ftl create mode 100644 src/data/localization/pt-BR/p5.Amplitude.ftl create mode 100644 src/data/localization/pt-BR/p5.AudioIn.ftl create mode 100644 src/data/localization/pt-BR/p5.AudioVoice.ftl create mode 100644 src/data/localization/pt-BR/p5.BandPass.ftl create mode 100644 src/data/localization/pt-BR/p5.Camera.ftl create mode 100644 src/data/localization/pt-BR/p5.Color.ftl create mode 100644 src/data/localization/pt-BR/p5.Compressor.ftl create mode 100644 src/data/localization/pt-BR/p5.Convolver.ftl create mode 100644 src/data/localization/pt-BR/p5.Delay.ftl create mode 100644 src/data/localization/pt-BR/p5.Distortion.ftl create mode 100644 src/data/localization/pt-BR/p5.EQ.ftl create mode 100644 src/data/localization/pt-BR/p5.Effect.ftl create mode 100644 src/data/localization/pt-BR/p5.Element.ftl create mode 100644 src/data/localization/pt-BR/p5.Envelope.ftl create mode 100644 src/data/localization/pt-BR/p5.FFT.ftl create mode 100644 src/data/localization/pt-BR/p5.File.ftl create mode 100644 src/data/localization/pt-BR/p5.Filter.ftl create mode 100644 src/data/localization/pt-BR/p5.Font.ftl create mode 100644 src/data/localization/pt-BR/p5.Gain.ftl create mode 100644 src/data/localization/pt-BR/p5.Geometry.ftl create mode 100644 src/data/localization/pt-BR/p5.Graphics.ftl create mode 100644 src/data/localization/pt-BR/p5.HighPass.ftl create mode 100644 src/data/localization/pt-BR/p5.Image.ftl create mode 100644 src/data/localization/pt-BR/p5.LowPass.ftl create mode 100644 src/data/localization/pt-BR/p5.MediaElement.ftl create mode 100644 src/data/localization/pt-BR/p5.MonoSynth.ftl create mode 100644 src/data/localization/pt-BR/p5.Noise.ftl create mode 100644 src/data/localization/pt-BR/p5.NumberDict.ftl create mode 100644 src/data/localization/pt-BR/p5.Oscillator.ftl create mode 100644 src/data/localization/pt-BR/p5.Panner3D.ftl create mode 100644 src/data/localization/pt-BR/p5.Part.ftl create mode 100644 src/data/localization/pt-BR/p5.PeakDetect.ftl create mode 100644 src/data/localization/pt-BR/p5.Phrase.ftl create mode 100644 src/data/localization/pt-BR/p5.PolySynth.ftl create mode 100644 src/data/localization/pt-BR/p5.PrintWriter.ftl create mode 100644 src/data/localization/pt-BR/p5.Pulse.ftl create mode 100644 src/data/localization/pt-BR/p5.Renderer.ftl create mode 100644 src/data/localization/pt-BR/p5.Reverb.ftl create mode 100644 src/data/localization/pt-BR/p5.SawOsc.ftl create mode 100644 src/data/localization/pt-BR/p5.Score.ftl create mode 100644 src/data/localization/pt-BR/p5.Shader.ftl create mode 100644 src/data/localization/pt-BR/p5.Signal.ftl create mode 100644 src/data/localization/pt-BR/p5.SinOsc.ftl create mode 100644 src/data/localization/pt-BR/p5.SoundFile.ftl create mode 100644 src/data/localization/pt-BR/p5.SoundLoop.ftl create mode 100644 src/data/localization/pt-BR/p5.SoundRecorder.ftl create mode 100644 src/data/localization/pt-BR/p5.SqrOsc.ftl create mode 100644 src/data/localization/pt-BR/p5.StringDict.ftl create mode 100644 src/data/localization/pt-BR/p5.Table.ftl create mode 100644 src/data/localization/pt-BR/p5.TableRow.ftl create mode 100644 src/data/localization/pt-BR/p5.TriOsc.ftl create mode 100644 src/data/localization/pt-BR/p5.TypedDict.ftl create mode 100644 src/data/localization/pt-BR/p5.Vector.ftl create mode 100644 src/data/localization/pt-BR/p5.XML.ftl create mode 100644 src/data/localization/pt-BR/p5.ftl create mode 100644 src/data/localization/pt-BR/p5.sound.ftl create mode 100644 src/data/localization/pt-BR/root.ftl diff --git a/src/data/localization/pt-BR/JSON.ftl b/src/data/localization/pt-BR/JSON.ftl new file mode 100644 index 0000000000..f2ac9b095f --- /dev/null +++ b/src/data/localization/pt-BR/JSON.ftl @@ -0,0 +1,2 @@ +stringify__description__0 = A partir de uma entrada MDN: O método JSON.stringify() converte um objeto ou valor JavaScript em uma string JSON. +stringify__params__object = Objeto: Objeto Javascript que você gostaria de converter para JSON diff --git a/src/data/localization/pt-BR/console.ftl b/src/data/localization/pt-BR/console.ftl new file mode 100644 index 0000000000..de94da396d --- /dev/null +++ b/src/data/localization/pt-BR/console.ftl @@ -0,0 +1,4 @@ +log__description__0 = Imprime uma mensagem no console da web do seu navegador. Ao usar o p5, você pode usar print (imprimir) e console.log indistintamente. +log__description__1 = O console é aberto de forma diferente dependendo de qual navegador você está usando. Aqui estão os links sobre como abrir o console no Firefox , Chrome, Edge, e Safari. Com o editor online do p5 o console é incorporado diretamente na página abaixo do editor de código. +log__description__2 = A partir de uma entrada MDN: O método do console log() tem como saída uma mensagem para o console da web. A mensagem pode ser uma única string (com valores de substituição opcionais), ou pode ser qualquer um ou mais objetos JavaScript. +log__params__message = String|Expressão|Objeto: Mensagem que você gostaria de imprimir no console. diff --git a/src/data/localization/pt-BR/p5.Amplitude.ftl b/src/data/localization/pt-BR/p5.Amplitude.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.AudioIn.ftl b/src/data/localization/pt-BR/p5.AudioIn.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.AudioVoice.ftl b/src/data/localization/pt-BR/p5.AudioVoice.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.BandPass.ftl b/src/data/localization/pt-BR/p5.BandPass.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Camera.ftl b/src/data/localization/pt-BR/p5.Camera.ftl new file mode 100644 index 0000000000..f92c1e3364 --- /dev/null +++ b/src/data/localization/pt-BR/p5.Camera.ftl @@ -0,0 +1,4 @@ +description__0 = Esta classe descreve a câmera a ser utilizada no modo WebGL do p5. Ela contém a posição da câmera, orientação, e informação de projeção necessária para renderizar uma cena 3D. +description__1 = Novos objetos p5.Camera podem ser criados através da função createCamera(), e controlados a partir dos métodos descritos abaixo. A câmera criada dessa forma utilizará a posição e projeção de perspectiva padrão até que estas propriedades sejam modificadas através dos métodos disponíveis. É possível criar múltiplas câmeras, e então alternar entre elas utilizando o método setCamera() +description__2 = Nota: Os métodos abaixo operam em dois sistemas de coordenadas — o sistema do 'mundo' se refere às posições em relação à origem ao longo dos eixos X, Y e Z. O sistema 'local' da câmera se refere a posições a partir do ponto de vista da própria câmera: esquerda-direita, cima-baixo, frente-trás. O método move(), por exemplo, move a câmera em seus próprios eixos, enquanto setPosition() define a posição da câmera em relação ao espaço-mundo. +description__3 = As propriedades eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ que descrevem a posição, orientação e projeção da câmera, também são acessíveis a partir do objeto criado utilizando createCamera() \ No newline at end of file diff --git a/src/data/localization/pt-BR/p5.Color.ftl b/src/data/localization/pt-BR/p5.Color.ftl new file mode 100644 index 0000000000..b3faa2611d --- /dev/null +++ b/src/data/localization/pt-BR/p5.Color.ftl @@ -0,0 +1,14 @@ +description__0 = Cada cor armazena o modo de cor e os máximos de nível que foram aplicados no momento de sua construção. Eles são usados para interpretar os argumentos de entrada (na construção e posteriormente para essa instância de cor) e para formatar a saída, por exemplo, quando saturação() é requerida. +description__1 = Internamente, armazenamos um array representando os valores RGBA ideais na forma de ponto flutuante, normalizado de 0 a 1. A partir disso, calculamos a cor de tela mais próxima (níveis RGBA de 0 a 255) e a expomos ao renderizador. +description__2 = Também colocamos em cache normalizado, os componentes de ponto flutuante da cor em várias representações como eles são calculados. Isso é feito para evitar a repetição de uma conversão que já foi realizada. +toString__description__0 = Esta função retorna a cor formatada como string. Isso pode ser útil para depurar (debug) ou para usar p5.js com outras bibliotecas. +toString__returns = String: a cor formatada como string +toString__params__format = String (opcional): Como a sequência de cores será formatada. Deixar este parâmetro vazio formata a string como rgba (r, g, b, a). '#rgb' '#rgba' '#rrggbb' e '#rrggbbaa' formata como códigos de cores hexadecimais. 'rgb' 'hsb' e 'hsl' retornam a cor formatada no modo de cor especificado. 'rgba' 'hsba' e 'hsla' são iguais aos anteriores, mas com canais alfa. 'rgb%' 'hsb%' 'hsl%' 'rgba%' 'hsba%' e 'hsla%' formata como porcentagens. +setRed__description__0 = A função setRed define o componente vermelho de uma cor. O intervalo depende do seu modo de cor, no modo RGB padrão é entre 0 e 255. +setRed__params__red = Número: o novo valor de vermelho +setGreen__description__0 = A função setGreen define o componente verde de uma cor. O intervalo depende do seu modo de cor, no modo RGB padrão é entre 0 e 255. +setGreen__params__green = Número: o novo valor de verde +setBlue__description__0 = A função setBlue define o componente azul de uma cor. O intervalo depende do seu modo de cor, no modo RGB padrão é entre 0 e 255. +setBlue__params__blue = Número: o novo valor de azul +setAlpha__description__0 = A função setAlpha define o valor de transparência (alfa) de uma cor. O intervalo depende do seu modo de cor, no modo RGB padrão é entre 0 e 255. +setAlpha__params__alpha = Número: o novo valor de alpha diff --git a/src/data/localization/pt-BR/p5.Compressor.ftl b/src/data/localization/pt-BR/p5.Compressor.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Convolver.ftl b/src/data/localization/pt-BR/p5.Convolver.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Delay.ftl b/src/data/localization/pt-BR/p5.Delay.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Distortion.ftl b/src/data/localization/pt-BR/p5.Distortion.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.EQ.ftl b/src/data/localization/pt-BR/p5.EQ.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Effect.ftl b/src/data/localization/pt-BR/p5.Effect.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Element.ftl b/src/data/localization/pt-BR/p5.Element.ftl new file mode 100644 index 0000000000..f028015e7b --- /dev/null +++ b/src/data/localization/pt-BR/p5.Element.ftl @@ -0,0 +1,57 @@ +description__0 = Classe base para todos os elementos adicionados a um sketch, incluindo o canvas, buffers gráficos e outros elementos HTML. Não é chamado diretamente, mas os objetos p5.Element são criados ao chamar createCanvas, createGraphics, createDiv, createImg, createInput, etc. +params__elt = String: nó DOM que está embrulhado +params__pInst = P5 (opcional): ponteiro para instância p5 +elt__description__0 = Elemento HTML subjacente. Todos os métodos HTML normais podem ser chamados para isso. +parent__description__0 = Anexa o elemento ao pai especificado. Uma maneira de definir o contêiner para o elemento. Aceita tanto uma ID de string, nó DOM ou p5.Element . Se nenhum argumento for fornecido, o nó pai será retornado. Para obter mais maneiras de posicionar o canvas, consulte o posicionando o canvas wiki page. +parent__params__parent = String|p5.Element|Objeto: a ID, nó DOM, ou p5.Element do elemento pai desejado +id__description__0 = Define o ID do elemento. Se nenhum argumento de ID for passado, ele retorna o ID atual do elemento. Observe que apenas um elemento pode ter um id particular em uma página. A função .class () pode ser usada para identificar vários elementos com o mesmo nome de classe. +id__params__id = String: ID do elemento +class__description__0 = Adiciona determinada classe ao elemento. Se nenhum argumento de classe for passado, ele retorna uma string contendo a(s) classe(s) atual(is) do elemento. +class__params__class = String: classe para adicionar +mousePressed__description__0 = A função mousePressed() é chamada toda vez que um botão do mouse é pressionado sobre o elemento. Alguns navegadores em dispositivos móveis também podem acionar este evento em uma tela sensível ao toque, se o usuário executar um toque rápido. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento e ação. +mousePressed__params__fxn = Função|Booleano: função a ser disparada quando o mouse é pressionado sobre o elemento. Se false for passado, a função de disparo anterior não será mais acionada. +doubleClicked__description__0 = A função doubleClicked() é chamada uma vez que um botão do mouse é pressionado duas vezes sobre o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento e ação. +doubleClicked__returns = p5.Element: +doubleClicked__params__fxn = Função|Booleano: função a ser disparada quando o mouse é clicado duas vezes sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. +mouseWheel__description__0 = A função mouseWheel() é chamada uma vez que a roda do mouse é rolada sobre o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +mouseWheel__description__1 = A função aceita uma função de callback como argumento que será executada quando o evento wheel for acionado no elemento, a função de callback receberá um argumento event. A propriedade event.deltaY retorna valores negativos se a roda do mouse for girada para cima ou para longe do usuário e positiva na outra direção. A event.deltaX faz o mesmo que a event.deltaY exceto que lê a roda horizontal da roda do mouse. +mouseWheel__description__2 = No OS X com rolagem "natural" habilitada, na event.deltaY os valores são invertidos. +mouseWheel__params__fxn = Função|Booleano: função a ser disparada quando o mouse é rolado sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. +mouseReleased__description__0 = A função mouseReleased() é chamada uma vez que um botão do mouse é liberado sobre o elemento. Alguns navegadores em dispositivos móveis também podem acionar este evento em uma tela sensível ao toque, se o usuário executar um toque rápido. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +mouseReleased__params__fxn = Função|Booleano: função a ser disparada quando o mouse é liberado sobre o elemento. Se false for passado, a função de disparo anterior não será mais acionada. +mouseClicked__description__0 = A função mouseClicked() é chamada uma vez que um botão do mouse é pressionado e liberado sobre o elemento. Alguns navegadores em dispositivos móveis também podem acionar este evento em uma tela sensível ao toque, se o usuário executar um toque rápido. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento +mouseClicked__params__fxn = Função|Booleano: função a ser disparada quando o mouse é clicado sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. +mouseMoved__description__0 = A função mouseMoved() é chamada uma vez que o mouse se move sobre o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +mouseMoved__params__fxn = Função|Booleano: função a ser disparada quando o mouse mouse se move sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. +mouseOver__description__0 = A função mouseOver() é chamada uma vez que o mouse se move para o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +mouseOver__params__fxn = Função|Booleano: função a ser disparada quando o mouse se move para o elemento. Se false for passado, a função de disparo anterior não será mais disparada. +mouseOut__description__0 = A função mouseOut() é chamada uma vez que o mouse se move para fora do elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +mouseOut__params__fxn = Função|Booleano: função a ser disparada quando o mouse se move para fora do elemento. Se false for passado, a função de disparo anterior não será mais disparada. +touchStarted__description__0 = A função touchStarted() é chamada uma vez que um toque é registrado. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +touchStarted__params__fxn = Função|Booleano: função a ser disparada quando um toque é registrado. Se false for passado, a função de disparo anterior não será mais disparada. +touchMoved__description__0 = A função touchMoved() é chamada uma vez que um movimento de toque é registrado. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +touchMoved__params__fxn = Função|Booleano: função a ser disparada quando um toque se move sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. +touchEnded__description__0 = A função touchEnded() é chamada uma vez que um toque é registrado. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +touchEnded__params__fxn = Função|Booleano: função a ser disparada quando um toque termina sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. +dragOver__description__0 = A função dragOver() é chamada uma vez que um arquivo é arrastado sobre o elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +dragOver__params__fxn = Função|Booleano: função a ser disparada quando um arquivo é arrastado sobre o elemento. Se false for passado, a função de disparo anterior não será mais disparada. +dragLeave__description__0 = A função dragLeave() é chamada uma vez que um arquivo arrastado sai da área do elemento. Isso pode ser usado para anexar funções de escuta de eventos específicos de elemento. +dragLeave__params__fxn = Função|Booleano: função a ser disparada quando um arquivo é arrastado para fora do elemento. Se false for passado, a função de disparo anterior não será mais disparada. +addClass__description__0 = Adiciona uma classe especificada ao elemento. +addClass__params__class = String: nome da classe a ser adicionada +removeClass__description__0 = Remove uma classe especificada do elemento. +removeClass__params__class = String: nome da classe a ser removida. +hasClass__description__0 = Verifica se a classe especificada já está definida para o elemento. +hasClass__returns = Booleano: um valor Booleano se o elemento possui a classe especificada. +hasClass__params__c = String: nome da classe para verificação +toggleClass__description__0 = Alterna classe de elemento. +toggleClass__params__c = String: nome da classe a ser alternada +child__description__0 = Anexa o elemento como filho do pai especificado. Aceita tanto um ID de string, um nó DOM, ou um p5.Element. Se nenhum argumento for especificado, uma matriz de nós DOM filhos será retornada. +child__returns = Node[]: um array de nós filhos +child__params__child = String|p5.Element (opcional): a ID, nó DOM, ou p5.Element para adicionar ao elemento atual. +center__description__0 = Centraliza um elemento p5 verticalmente, horizontalmente ou ambos, em relação ao seu pai ou de acordo com o body (corpo) se o elemento não tiver pai. Se nenhum argumento for passado, o elemento é alinhado tanto vertical quanto horizontalmente. +center__params__align = String (opcional): passar 'vertical', 'horizontal' alinha o elemento de acordo +html__description__0 = Se um argumento for fornecido, define o HTML interno do elemento, substituindo qualquer HTML existente. Se true (verdadeiro) for incluído como um segundo argumento, o HTML é anexado em vez de substituir o HTML existente. Se nenhum argumento for fornecido, retorna o HTML interno do elemento. +html__returns = String: o HTML interno do elemento +html__params__html = String (opcional): o HTML a ser colocado dentro do elemento +html__params__append = Booleano (opcional): se deve anexar o novo HTML ao existente \ No newline at end of file diff --git a/src/data/localization/pt-BR/p5.Envelope.ftl b/src/data/localization/pt-BR/p5.Envelope.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.FFT.ftl b/src/data/localization/pt-BR/p5.FFT.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.File.ftl b/src/data/localization/pt-BR/p5.File.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Filter.ftl b/src/data/localization/pt-BR/p5.Filter.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Font.ftl b/src/data/localization/pt-BR/p5.Font.ftl new file mode 100644 index 0000000000..3ed1886c4a --- /dev/null +++ b/src/data/localization/pt-BR/p5.Font.ftl @@ -0,0 +1,17 @@ +description__0 = Classe base para o uso de fontes. +params__pInst = P5 (opcional): ponteiro para a instância do p5 +font__description__0 = Implementação subjacente de fontes opentype. +textBounds__description__0 = Retorna um retângulo contornando o texto dado, usando a fonte escolhida. +textBounds__returns = Objeto: um retângulo com as propriedades x, y, largura, e altura +textBounds__params__line = String: um texto +textBounds__params__x = Número: coordenada x +textBounds__params__y = Número: coordenada y +textBounds__params__fontSize = Número (opcional): o tamanho da fonte a ser utilizada — o padrão é 12 +textBounds__params__options = Objeto (opcional): opções opentype — fontes opentype possuem opções de alinhamento e linha de base, sendo o padrão 'LEFT' e 'alphabetic' +textToPoints__description__0 = Calcula uma array de pontos que segue o contorno do texto especificado. +textToPoints__returns = Array: uma array de pontos, cada um consistindo em x, y, e alpha (o ângulo do contorno) +textToPoints__params__txt = String: o texto a ser convertido em pontos +textToPoints__params__x = Número: coordenada x +textToPoints__params__y = Número: coordenada y +textToPoints__params__fontSize = Número (opcional): tamanho da fonte a ser utilizada +textToPoints__params__options = Objeto (opcional): um objeto que pode conter: sampleFactor - a proporção de pontos por segmento de traço, sendo que quanto maior o valor, mais pontos, e portanto mais precisão (o padrão é 1). simplifyThreshold - se este valor não for 0, pontos colineares serão removidos do polígono. O valor representa o ângulo limite para determinar se dois pontos são colineares ou não. diff --git a/src/data/localization/pt-BR/p5.Gain.ftl b/src/data/localization/pt-BR/p5.Gain.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Geometry.ftl b/src/data/localization/pt-BR/p5.Geometry.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Graphics.ftl b/src/data/localization/pt-BR/p5.Graphics.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.HighPass.ftl b/src/data/localization/pt-BR/p5.HighPass.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Image.ftl b/src/data/localization/pt-BR/p5.Image.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.LowPass.ftl b/src/data/localization/pt-BR/p5.LowPass.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.MediaElement.ftl b/src/data/localization/pt-BR/p5.MediaElement.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.MonoSynth.ftl b/src/data/localization/pt-BR/p5.MonoSynth.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Noise.ftl b/src/data/localization/pt-BR/p5.Noise.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.NumberDict.ftl b/src/data/localization/pt-BR/p5.NumberDict.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Oscillator.ftl b/src/data/localization/pt-BR/p5.Oscillator.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Panner3D.ftl b/src/data/localization/pt-BR/p5.Panner3D.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Part.ftl b/src/data/localization/pt-BR/p5.Part.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.PeakDetect.ftl b/src/data/localization/pt-BR/p5.PeakDetect.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Phrase.ftl b/src/data/localization/pt-BR/p5.Phrase.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.PolySynth.ftl b/src/data/localization/pt-BR/p5.PolySynth.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.PrintWriter.ftl b/src/data/localization/pt-BR/p5.PrintWriter.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Pulse.ftl b/src/data/localization/pt-BR/p5.Pulse.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Renderer.ftl b/src/data/localization/pt-BR/p5.Renderer.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Reverb.ftl b/src/data/localization/pt-BR/p5.Reverb.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.SawOsc.ftl b/src/data/localization/pt-BR/p5.SawOsc.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Score.ftl b/src/data/localization/pt-BR/p5.Score.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Shader.ftl b/src/data/localization/pt-BR/p5.Shader.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Signal.ftl b/src/data/localization/pt-BR/p5.Signal.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.SinOsc.ftl b/src/data/localization/pt-BR/p5.SinOsc.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.SoundFile.ftl b/src/data/localization/pt-BR/p5.SoundFile.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.SoundLoop.ftl b/src/data/localization/pt-BR/p5.SoundLoop.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.SoundRecorder.ftl b/src/data/localization/pt-BR/p5.SoundRecorder.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.SqrOsc.ftl b/src/data/localization/pt-BR/p5.SqrOsc.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.StringDict.ftl b/src/data/localization/pt-BR/p5.StringDict.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Table.ftl b/src/data/localization/pt-BR/p5.Table.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.TableRow.ftl b/src/data/localization/pt-BR/p5.TableRow.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.TriOsc.ftl b/src/data/localization/pt-BR/p5.TriOsc.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.TypedDict.ftl b/src/data/localization/pt-BR/p5.TypedDict.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.Vector.ftl b/src/data/localization/pt-BR/p5.Vector.ftl new file mode 100644 index 0000000000..73aa02e3ed --- /dev/null +++ b/src/data/localization/pt-BR/p5.Vector.ftl @@ -0,0 +1,98 @@ +mult__description__0 = Este método pode multiplicar o vetor por um valor escalar, multiplicar os valores x, y e z de um vetor, ou multiplicar os componentes x, y e z de dois vetores independentes. Ao multiplicar um vetor por um valor escalar, cada variável que o compõe será multiplicada pelo valor. Ao multiplicar dois vetores, os valores dos vetores serão multiplicados individualmente um pelo outro -- por exemplo, com dois vetores A e B, teremos como resultado: [A.x * B.x, A.y * B.y, A.z * B.z]. +mult__description__1 = A versão estática do método retorna um novo p5.Vector, enquanto a versão não-estática modifica o vetor diretamente. +mult__description__2 = Além disso, você pode utilizar uma array como argumento. Veja os exemplos para compreender o método em seu contexto. +mult__params__n = Número: o número a ser multiplicado pelo vetor. +mult__params__x = Número: o número a ser multiplicado pelo valor x do vetor +mult__params__y = Número: o número a ser multiplicado pelo valor y do vetor +mult__params__z = Número (opcional): o número a ser multiplicado pelo valor z do vetor +mult__params__arr = Número[]: a array a ser multiplicada pelos valores do vetor +mult__params__v = p5.Vector: o vetor a ser multiplicado pelos valores do vetor original +mult__params__target = p5.Vector (opcional): o vetor que receberá o resultado +mult__params__v0 = p5.Vector: um vetor a ser multiplicado +mult__params__v1 = p5.Vector: um vetor a ser multiplicado +div__description__0 = Este método pode dividir o vetor por um valor escalar, dividir os valores x, y e z de um vetor, ou dividir os componentes x, y e z de dois vetores independentes. Ao dividir um vetor por um valor escalar, cada variável que o compõe será dividida pelo valor. Ao dividir um vetor por outro, cada valor do vetor original será dividido pelo valor correspondente do outro -- por exemplo, com dois vetores A e B, teremos como resultado: [A.x / B.x, A.y / B.y, A.z / B.z]. +div__description__1 = A versão estática do método retorna um novo p5.Vector, enquanto a versão não-estática modifica o vetor diretamente. +div__description__2 = Além disso, você pode utilizar uma array como argumento. Veja os exemplos para compreender o método em seu contexto. +div__params__n = Número: o número pelo qual o vetor será dividido +div__params__x = Número: o número pelo qual o valor x do vetor será dividido +div__params__y = Número: o número pelo qual o valor y do vetor será dividido +div__params__z = Número (opcional): o número pelo qual o valor z do vetor será dividido +div__params__arr = Número[]: a array pelo qual os valores do vetor serão divididos +div__params__v = p5.Vector: o vetor cujos valores irão dividir o vetor original +div__params__target = p5.Vector (opcional): o vetor que receberá o resultado +div__params__v0 = p5.Vector: um vetor a ser dividido +div__params__v1 = p5.Vector: um vetor cujos valores irão dividir o vetor original +mag__description__0 = Calcula a magnitude (comprimento) de um vetor, e retorna um número. Corresponde à equação sqrt(x*x + y*y + z*z). +mag__returns = Número: magnitude do vetor +mag__params__vecT = p5.Vector: o vetor que se quer saber a magnitude +magSq__description__0 = Calcula a magnitude (comprimento) quadrada do vetor, e retorna um número. Corresponde à equação (x*x + y*y + z*z). É mais veloz caso o comprimento real não seja necessário ao comparar vetores. +magSq__returns = Número: magnitude quadrada do vetor +dot__description__0 = Calcula o produto escalar de dois vetores. A versão deste método que computa o produto escalar de dois vetores independentes é o método estático. Veja os exemplos para compreender o método em seu contexto. +dot__returns = Número: o produto escalar +dot__params__x = Número: componente x do vetor +dot__params__y = Número (opcional): componente y do vetor +dot__params__z = Número (opcional): componente z do vetor +dot__params__value = p5.Vector: os valores de um vetor, ou um p5.Vector +dot__params__v1 = p5.Vector: o primeiro vetor +dot__params__v2 = p5.Vector: o segundo vetor +cross__description__0 = Calcula e retorna o produto vetorial entre dois vetores. Tanto o modo estático quando o modo não-estático retornam um novo p5.Vector. Veja os exemplos para compreender o método em seu contexto. +cross__returns = p5.Vector: p5.Vector resultante do produto escalar +cross__params__v = p5.Vector: p5.Vector a ser comparado +cross__params__v1 = p5.Vector: o primeiro p5.Vector +cross__params__v2 = p5.Vector: o segundo p5.Vector +dist__description__0 = Calcula a distância euclidiana entre dois pontos, considerando um ponto como um vetor. +dist__returns = Número: a distância +dist__params__v = p5.Vector: o p5.Vector para calcular a distância +dist__params__v1 = p5.Vector: o primeiro p5.Vector +dist__params__v2 = p5.Vector: o segundo p5.Vector +normalize__description__0 = Normalizar o vetor para comprimento 1 — transformá-lo em um vetor unitário. +normalize__returns = p5.Vector: o p5.Vector normalizado +normalize__params__v = p5.Vector: o vetor a ser normalizado +normalize__params__target = p5.Vector (opcional): o vetor para receber o resultado +limit__description__0 = Limita a magnitude (comprimento) do vetor ao valor dado como parâmetro. +limit__params__max = Número: valor máximo para a magnitude do vetor +setMag__description__0 = Transforma a magnitude (comprimento) do vetor no valor dado como parâmetro. +setMag__params__len = Número: o novo comprimento do vetor +heading__description__0 = Calcula o ângulo de rotação de um vetor 2D. p5.Vectors criados utilizando a função createVector() utilizarão graus ou radianos, de acordo com o modo de ângulo (angleMode) definido no código. +heading__returns = Número: o ângulo de rotação +setHeading__description__0 = Rotaciona um vetor 2D até um ângulo específico. A magnitude (comprimento) permanece a mesma. +setHeading__params__angle = Número: o ângulo de rotação +rotate__description__0 = Rotaciona um vetor em 2D pelo ângulo dado como parâmetro. A magnitude (comprimento) permanece a mesma. +rotate__params__angle = Número: o ângulo de rotação +rotate__params__v = vetor a ser rotacionado +rotate__params__target = p5.Vector (opcional): um vetor para receber o resultado +angleBetween__description__0 = Calcula e retorna o ângulo entre dois vetores em radianos. +angleBetween__returns = Número: o ângulo entre os vetores (em radianos) +angleBetween__params__value = p5.Vector: os componentes x, y e z de um p5.Vector +lerp__description__0 = Interpolação linear entre dois vetores. +lerp__params__x = Número: o componente x do vetor +lerp__params__y = Número: o componente y do vetor +lerp__params__z = Número: o componente z do vetor +lerp__params__amt = Número: a quatia de interpolação — um valor entre 0.0 (primeiro vetor) e 1.0 (segundo vetor). 0.9 é bem próximo do segundo vetor, 0.5 é entre os dois. +lerp__params__v = p5.Vector: o vetor para interpolar +lerp__params__v1 = p5.Vector: o primeiro vetor +lerp__params__v2 = p5.Vector: o segundo vetor +lerp__params__target = p5.Vector (opcional): o vetor para receber o resultado +reflect__description__0 = Reflete o vetor incidente, resultando em sua normal como uma linha em 2D, ou um plano em 3D. Este método age diretamente no vetor. +reflect__params__surfaceNormal = p5.Vector: o p5.Vector a ser refletido, que será normalizado pelo método. +array__description__0 = Retorna uma representação do vetor como uma array de números. Isto é somente para uso temporário. Se utilizado de outra maneira, o conteúdo deve ser copiado usando o método p5.Vector.copy() para criar uma nova array. +array__returns = Número[]: uma Array com três valores +equals__description__0 = Checa se o vetor é igual a outro. +equals__returns = Booleano: retorna true (verdadeiro) caso os vetores sejam iguais, ou false (falso) caso não sejam +equals__params__x = Número (opcional): o componente x do vetor +equals__params__y = Número (opcional): o componente y do vetor +equals__params__z = Número (opcional): o componente z do vetor +equals__params__value = p5.Vector|Array: o vetor a ser comparado +fromAngle__description__0 = Faz um novo vetor 2D a partir de um ângulo. +fromAngle__returns = p5.Vector: um novo p5.Vector +fromAngle__params__angle = Número: o ângulo desejado em radianos (não é afetado pelo modo de ângulo — angleMode) +fromAngle__params__length = Número (opcional): o comprimento do novo vetor — caso não seja declarado, utiliza o valor 1 por padrão +fromAngles__description__0 = Cria um novo vetor 3D a partir de um par de ângulos em coordenadas esféricas. Utiliza o padrão norte-americano (ISO). +fromAngles__returns = p5.Vector: o novo p5.Vector +fromAngles__params__theta = Número: ângulo polar (também conhecido como colatidude ou ângulo zenital) — ângulo que o vetor faz com o eixo Z positivo, em radianos; 0 significa para cima +fromAngles__params__phi = Número: azimute (ou longitude) — ângulo que a projeção do vetor sobre o eixo XY faz com o eixo X positivo, em radianos +fromAngles__params__length = Número (opcional): o comprimento do novo vetor — caso não seja especificado, é utilizado como padrão o valor 1 +random2D__description__0 = Cria um novo vetor unitário 2D a partir de um ângulo aleatório. +random2D__returns = p5.Vector: um novo p5.Vector +random3D__description__0 = Cria um novo vetor unitário 3D aleatório. +random3D__returns = p5.Vector: um novo p5.Vector diff --git a/src/data/localization/pt-BR/p5.XML.ftl b/src/data/localization/pt-BR/p5.XML.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/p5.ftl b/src/data/localization/pt-BR/p5.ftl new file mode 100644 index 0000000000..6ecf376f39 --- /dev/null +++ b/src/data/localization/pt-BR/p5.ftl @@ -0,0 +1,995 @@ +description__0 = Esse é o construtor de p5 instance (instância p5). +description__1 = Uma instância p5 contém todas as propriedades e métodos relacionados a um sketch de p5. Ela gerencia os pedidos de um sketch e também pode servir como um parâmetro de node opcional para atrelar um canvas p5 a um node. O sketch gerado usa as novas instances (instâncias) p5 como um novo argumento e pode opcionalmente criar um preload(), setup(), e/ou draw() as propriedades de um sketch que já está rodando. +description__2 = Um sketch p5 pode rodar em "global" ou "instance" modo: "global" - todas as propriedades e métodos estão atrelados à janela "instance" - todas as propriedades e métodos estão atrelados ao este objeto p5 +resultado = P5: uma p5 instance (instância) +params__sketch = Função: uma closure (clausura) que pode definir um preload() opcional, setup(), e/ou draw() as propriedades de uma p5 instance +params__node = HTMLElement: (Optional) element to attach canvas to +describe__description__0 = Cria uma descrição acessível a leitores de tela para a canvas. O primeiro parâmetro deve ser uma string com a descrição da canvas. O segundo parâmetro é opcional. Se especificado, ele determina como a descrição será mostrada. +describe__description__1 = describe(texto, LABEL) apresenta a descrição a todas as pessoas como uma ETIQUETA DE MUSEU ***** em uma
próxima à canvas. Você pode utilizar CSS para alterar a aparência dessa legenda. +describe__description__2 = describe(texto, FALLBACK) torna a descrição acessível somente para pessoas utilizando leitores de tela, em um sub DOM dentro do elemento canvas. Se um segundo parâmetro não for especificado, por padrão, a descrição somente será acessível para pessoas que utilizem leitores de tela. +describe__params__text = String: descrição da canvas +describe__params__display = Constante (opcional): LABEL ou FALLBACK +describeElement__description__0 = Esta função cria uma descrição acessível a leitores de tela para elementos - formas ou grupos de formas que só tem signficado juntas — na canvas. O primeiro parâmetro deve ser o nome do elemento. O segundo parâmetro deve ser uma string com a descrição do elemento. O terceiro parâmetro é opcional. Se especificado, ele determina como a descrição do elemento será mostrada. +describeElement__description__1 = describeElement(nome, texto, LABEL) mostra a descrição do elemento a todas as pessoas como uma ETIQUETA DE MUSEU *****/caption em uma
adjacente à canvas. Você pode definir o estilo como quiser no seu CSS. +describeElement__description__2 = describeElement(nome, texto, FALLBACK) torna a descrição do elemento acessível somente a pessoas que estejam utilizando leitores de tela, em um sub DOM dentro do elemento canvas. Se um segundo parâmetro não for definido, por padrão a descrição do elemento estará disponível apenas a pessoas que façam uso de leitores de tela. +describeElement__params__name = String: nome do elemento +describeElement__params__text = String: descrição do elemento +describeElement__params__display = Constante (opcional): LABEL ou FALLBACK +textOutput__description__0 = textOutput() cria uma descrição em inglês das formas presentes na canvas de forma acessível a leitores de tela. A descrição geral da canvas inclui tamanho, cor, e o número de elementos na tela. Exemplo: 'Your output is a, 400 by 400 pixels, lavender blue canvas containing the following 4 shapes:" (em português: "Seu resultado é uma canvas lavanda-azulado, de 400 por 400 pixels, contendo as seguintes formas:"), seguida de uma lista descrevendo a cor, posição e área de cada forma — exemplo: "orange ellipse at top left covering 1% of the canvas" (em português: uma elipse alaranjada no canto superior esquerdo cobrindo 1% da canvas). Cada elemento pode ser selecionado para acessar mais detalhes. Uma tabela de elementos também é fornecida. Nesta tabela são descritas a forma, cor, localização, coordenadas e área — exemplo: "orange ellipse location=top left area=2" (em português: "laranja | elipse | localização = superior esquerda | área = 2"). +textOutput__description__1 = textOutput() e texOutput(FALLBACK) disponibilizam a descrição em um sub DOM dentro do elemento canvas, sendo acessível através do uso de leitores de tela. textOutput(LABEL) cria um elemento div ao lado da canvas para conter o texto. Isto pode ser interessante para que pessoas que não utilizam leitores de tela possam visualizar a descrição enquanto programam. Porém, é importante notar que usar o parâmetro LABEL no código final irá criar redundância para leitores de tela. Recomendamos utilizar LABEL somente como parte do desenvolvimento do código, e removê-lo antes de publicar e compartilhar seu código com pessoas que utilizam leitores de tela. +textOutput__params__display = Constante (opcional): FALLBACK ou LABEL +gridOutput__description__0 = gridOutput() mostra o conteúdo da canvas na forma de uma tabela HTML (grade), baseando-se na localização de cada forma. Uma breve descrição da canvas em inglês é disponibilizada antes das informações da tabela. Esta descrição inclui: cor do fundo, tamanho da canvas, número de objetos, e tipos de objetos — exemplo: "lavender blue canvas is 200 by 200 and contains 4 objects - 3 ellipses 1 rectangle" (em português: "canvas lavanda-azulada mede 200 por 200 pixels e contém 4 objetos — 3 elipses 1 retângulo"). A tabela descreve o conteúdo espacialmente, cada elemento é posicionado em uma célula da tabela a depender de sua posição. Cada célula apresenta a cor e o tipo de forma do elemento correspondente — exemplo: "orange ellipse" (em português: "elipse laranja"). As descrições podem ser selecionadas individualmente para mais detalhes. Também disponibiliza uma lista descritiva contendo forma, cor, localização e área de cada elemento — examplo: "orange ellipse location=top left area=1%" (em português: "laranja | elipse | localização = topo esquerdo | área = 1%). +gridOutput__description__1 = gridOutput() e gridOutput(FALLBACK) disponibilizam a descrição em um sub DOM dentro do elemento canvas, sendo acessível através do uso de leitores de tela. gridOutput(LABEL) cria um elemento div ao lado da canvas para conter o texto. Isto pode ser interessante para que pessoas que não utilizam leitores de tela possam visualizar a descrição enquanto programam. Porém, é importante notar que usar o parâmetro LABEL no código final irá criar redundância para leitores de tela. Recomendamos utilizar LABEL somente como parte do desenvolvimento do código, e removê-lo antes de publicar e compartilhar seu código com pessoas que utilizam leitores de tela. +gridOutput__params__display = Constante (opcional): FALLBACK ou LABEL +alpha__description__0 = Extrai o valor de transparência (alpha) de uma cor ou de uma array de pixels. +alpha__returns = Número: o valor de transparência (alpha) presente na cor especificada +alpha__params__color = p5.Color | Número[] | String: objeto p5.Color, valores dos componentes da cor ou cor CSS +blue__description__0 = Extrai o valor de azul de uma cor ou de uma array de pixels. +blue__returns = Número: o valor de azul presente na cor especificada +blue__params__color = p5.Color | Número[] | String: objeto p5.Color, valores dos componentes da cor ou cor CSS +brightness__description__0 = Extrai o valor do brilho de uma cor ou array de pixels seguindo o modo de cor HSB. +brightness__returns = Número: o valor do brilho da cor especificada +brightness__params__color = p5.Color | Número[] | String: objeto p5.Color, valores dos componentes da cor ou cor CSS +color__description__0 = Cria um objeto para armazenar variáveis do tipo cor. Os parâmetros são interpretados como valores RGB ou HSB dependendo do modo de cor definido (colorMode()). O modo padrão usa valores RGB de 0 a 255 e, logo, a função color(255, 204, 0) retornará um amarelo claro. +color__description__1 = Note que se apenas um valor for fornecido ao color() ele será interpretado como um valor em escala de cinza. Adicionando um segundo valor ele será interpretado como alpha (transparência). Quando três valores forem fornecidos eles serão interpretados como RGB (vermelho, verde e azul) ou HSB (matiz, saturação e brilho). Adicionando um quarto valor ele será usado como alpha (transparência). +color__description__2 = Também é possível passar à função um único argumento do tipo string. Assim, ele será interpretado como qualquer cor web nomeável, cores hex (#), rgb() ou rgba() (ver exemplos). Nesse caso, um valor para alpha não será possível pois a função não suporta um argumento do tipo número após uma string. Para cores com transparência, use o padrão RGBA. +color__returns = p5.Color: a cor resultante +color__params__gray = Número: valor único da cor em escala de cinza +color__params__alpha = Número (opcional): alpha (transparência) a ser adicionada à cor especificada (por padrão, são válidos valores entre 0-255) +color__params__v1 = Número: valor do vermelho em modo RGB ou da matiz de cor no modo HSB +color__params__v2 = Número: valor do verde em modo RGB ou da saturação de cor no modo HSB +color__params__v3 = Número: valor do azul em modo RGB ou do brilho de cor no modo HSB +color__params__value = String: string de cor — os formatos possíveis são: rgb() ou rgba() com números inteiros (0-255) ou porcentagens, hex de 3 ou de 6 dígitos, ou nomes de cores +color__params__values = Número[]: uma array contendo os valores de vermelho, verde, azul e alpha (transparência) da cor final +color__params__color = p5.Color +green__description__0 = Extrai o valor de verde de uma cor ou de uma array de pixels. +green__returns = Número: o valor de verde presente na cor especificada +green__params__color = p5.Color | Número[] | String: objeto p5.Color, valores dos componentes da cor ou cor CSS +hue__description__0 = Extrai o valor da matiz de uma cor ou de uma arrray de pixels. +hue__description__1 = Matiz (hue) está presente nos padrões de cor HSB e HSL. Esta função retornará a matiz normalizada de acordo com o padrão HSB quando um objeto contendo uma cor neste formato for fornecido, ou quando uma array de pixels for fornecida enquanto o sketch estiver utilizando HSB como modo de cor (colorMode()). Porém, retornará uma matiz normalizada segundo o padrão HSL em qualquer outro caso. Os valores só serão diferentes se o valor máximo da matiz for diferente para cada sistema. +hue__returns = Número: a matiz da cor especificada +hue__params__color = p5.Color | Número[] | String: objeto p5.Color, valores dos componentes da cor ou cor CSS +lerpColor__description__0 = Mistura duas cores para encontrar uma terceira entre as duas. O parâmetro amt é a quantidade para interpolar entre dois valores, onde 0 é igual à primeira cor, e 1 é igual à segunda — 0.1 é muito próximo da primeira cor, 0.5 é a média, etc. Um valor menor que 0 será considerado igual a 0. Da mesma maneira, valores acima de 1 serão considerados iguais a 1. Esse comportamento é diferente de lerp(), mas necessário para evitar números fora do intervalo que podem produzir cores e resultados inesperados. +lerpColor__description__1 = A maneira que as cores são interpoladas depende do modo de cor em uso (colorMode()). +lerpColor__returns = p5.Color: a cor resultante da interpolação +lerpColor__params__c1 = p5.Color: cor a interpolar de (equivalente a 0) +lerpColor__params__c2 = p5.Color: cor a interpolar para (equivalente a 1) +lerpColor__params__amt = Número: número entre 0 e 1 +lightness__description__0 = Extrai o valor do brilho de uma cor ou array de pixels seguindo o modo de cor HSL. +lightness__returns = Número: o valor do brilho da cor especificada +lightness__params__color = p5.Color | Número[] | String: objeto p5.Color, valores dos componentes da cor ou cor CSS +red__description__0 = Extrai o valor de vermelho de uma cor ou de uma array de pixels. +red__returns = Número: o valor de vermelho presente na cor especificada +red__params__color = p5.Color | Número[] | String: objeto p5.Color, valores dos componentes da cor ou cor CSS +saturation__description__0 = Extrai o valor de saturação da cor ou de uma array de pixels +saturation__description__1 = A Saturação funciona de forma diferente em HSB e HSL. Esta função retornará a saturação no modo HSB quando a cor ou array de pixels utilizar este formato, mas usará a saturação em HSL como padrão (caso não seja fornecido outro). +saturation__returns = Número: o valor de saturação da cor especificada +saturation__params__color = p5.Color | Número[] | String: objeto p5.Color, valores dos componentes da cor ou cor CSS +background__description__0 = A função background() configura a cor de fundo da canvas. A cor padrão é transparente. Esta função geralmente é usada dentro de draw() para limpar a tela no início de cada frame, mas pode ser usada dentro de setup() para configurar o fundo no primeiro frame da animação ou se o fundo precisa ser configurado apenas uma vez. +background__description__1 = A cor é especificada em RGB, HSB ou HSL, dependendo do colorMode() usado. (O modo padrão de cores é RGB, com cada atributo indo de 0 a 255). O alpha (transparência) padrão também vai de 0 a 255. +background__description__2 = Também é possível passar à função um único argumento do tipo string. Assim, ele será interpretado como qualquer cor web nomeável, cores hex (#), rgb() ou rgba() (ver exemplos). Nesse caso, um valor para alpha não será possível pois a função não suporta um argumento do tipo número após uma string. Para cores com transparência, use o padrão RGBA. +background__description__3 = Um objeto p5.Color também pode ser utilizado para configurar a cor de fundo, ou ainda uma p5.Image pode ser utilizada para configurar uma imagem de fundo. +background__params__color = p5.Color: qualquer valor criado pela função color() +background__params__colorstring = String: string de cor — os formatos possíveis são: rgb() ou rgba() com números inteiros (0-255) ou porcentagens, hex de 3 ou de 6 dígitos, ou nomes de cores +background__params__a = Número (opcional): a opacidade (alpha) do fundo em relação ao intervalo de cor que está sendo utilizado (por padrão: 0 a 255) +background__params__gray = Número: específica um valor entre branco e preto (escala de cinza) +background__params__v1 = Número: valor do vermelho em modo RGB ou da matiz de cor no modo HSB +background__params__v2 = Número: valor do verde em modo RGB ou da saturação de cor no modo HSB +background__params__v3 = Número: valor do azul em modo RGB ou do brilho de cor no modo HSB +background__params__values = Número[]: uma array contendo vermelho, verde, azul e o alpha (opacidade) da cor +background__params__image = p5.Image: imagem criada com os métodos loadImage() ou createImage(), para configurar o fundo (deve ser do mesmo tamanho da janela do sketch) +clear__description__0 = Limpa os pixels dentro de um buffer (memória temporária), tornando-os transparentes. Esta função limpa apenas a canvas, ela não limpará os objetos criados pelos métodos do tipo createX(), como o createVideo() ou o createDiv(). Diferentemente do contexto principal dos gráficos, os pixels em gráficos adicionais criados com createGraphics() podem ser inteiramente ou parcialmente transparentes. Esta função torna todos os pixels 100% transparentes. +colorMode__description__0 = colorMode() muda a forma com que o p5.js interpreta os dados de cor. Por padrão, os parâmetros para fill(), stroke(), background(), e color() são definidos por valores entre 0 e 255 utilizando o formato RGB. Isto é equivalente a configurar como colorMode(RGB, 255). Utilizar colorMode(HSB) permite que você use o sistema HSB. Por padrão, isso é (HSB, 360, 100, 100, 1). Você também pode usar HSL. +colorMode__description__1 = Observação: as cores dos objetos já existentes lembram o modo de cor em que foram criados, logo, você pode mudá-lo sem afetar a aparência deles. +colorMode__params__mode = Constante: RGB, HSB ou HSL, correspondendo a Vermelho/Verde/Azul ou Matiz/Saturação/Brilho +colorMode__params__max = Número (opcional): intervalo para todos os valores, isto é, o valor máximo para cada parâmetro +colorMode__params__max1 = Número: intervalo de vermelho ou de matiz (dependendo do formato de cor sendo utilizado) +colorMode__params__max2 = Número: intervalo de verde ou de saturação (dependendo do formato de cor sendo utilizado) +colorMode__params__max3 = Número: intervalo de azul ou de brilho (dependendo do formato de cor sendo utilizado) +colorMode__params__maxA = Número (opcional): intervalo de alpha (transparência) +fill__description__0 = Configura a cor usada no preenchimento das formas. Por exemplo, se você configurar fill(204, 102, 0), todas as formas criadas depois desse comando serão preenchidas com a cor laranja. Essa cor é especificada em RGB ou HSB, dependendo do colorMode() atual. (O padrão é RGB, onde cada valor vai de 0 a 255). O alpha também vai de 0 a 255. +fill__description__1 = Também é possível passar à função um único argumento do tipo string. Assim, ele será interpretado como qualquer cor web nomeável, cores hex (#), rgb() ou rgba() (ver exemplos). Nesse caso, um valor para alpha não será possível pois a função não suporta um argumento do tipo número após uma string. Para cores com transparência, use o padrão RGBA. +fill__description__2 = Um objeto Color também pode ser utilizado para definir a cor do preenchimento. +fill__params__v1 = Número: o valor de vermelho ou de matiz (dependendo do formato de cor sendo utilizado) +fill__params__v2 = Número: o valor de verde ou de saturação (dependendo do formato de cor sendo utilizado) +fill__params__v3 = Número: o valor de azul ou de brilho (dependendo do formato de cor sendo utilizado) +fill__params__alpha = Número (opcional): valor de alpha (opacidade) do preenchimento +fill__params__value = String: string de cor — os formatos possíveis são: rgb() ou rgba() com números inteiros (0-255) ou porcentagens, hex de 3 ou de 6 dígitos, ou nomes de cores +fill__params__gray = Número: um valor de cinza +fill__params__values = Número[]: uma array contendo vermelho, verde, azul e alpha +fill__params__color = p5.Color: a cor do preenchimento +noFill__description__0 = Desabilita o preenchimento das formas que sejam criadas depois deste comando. Se noStroke() e noFill() forem chamados, nada será criado na tela. +noStroke__description__0 = Desabilita o contorno das formas que sejam criadas depois deste comando. Se noStroke() e noFill() forem chamados, nada será criado na tela. +stroke__description__0 = Define a cor usada para as linhas de contorno e bordas das formas. Essa cor é especificada em RGB ou HSB, dependendo do colorMode() atual — o padrão é RGB, onde cada valor vai de 0 a 255. O alpha também vai de 0 a 255. +stroke__description__1 = Também é possível passar à função um único argumento do tipo string. Assim, ele será interpretado como qualquer cor web nomeável, cores hex (#), rgb() ou rgba() (ver exemplos). Nesse caso, um valor para alpha não será possível pois a função não suporta um argumento do tipo número após uma string. Para cores com transparência, use o padrão RGBA. +stroke__description__2 = Um objeto Color também pode ser utilizado para definir a cor do contorno. +stroke__params__v1 = Número: o valor de vermelho ou de matiz (dependendo do formato de cor sendo utilizado) +stroke__params__v2 = Número: o valor de verde ou de saturação (dependendo do formato de cor sendo utilizado) +stroke__params__v3 = Número: o valor de azul ou de brilho (dependendo do formato de cor sendo utilizado) +stroke__params__alpha = Número (opcional): valor de alpha (opacidade) do contorno +stroke__params__value = String: string de cor — os formatos possíveis são: rgb() ou rgba() com números inteiros (0-255) ou porcentagens, hex de 3 ou de 6 dígitos, ou nomes de cores +stroke__params__gray = Número: um valor de cinza +stroke__params__values = Número[]: uma array contendo vermelho, verde, azul e alpha +stroke__params__color = p5.Color: a cor do contorno +erase__description__0 = Qualquer desenho criado depois do erase() será subtraído (apagado) da canvas. Áreas apagadas mostrarão a página web abaixo da canvas. Essa subtração pode ser cancelada com noErase(). +erase__description__1 = Desenhos feitos com image() e background() entre erase() e noErase() não apagará a canvas, e funcionará normalmente. +erase__params__strengthFill = Número (opcional): Um número (0-255) que define a opacidade do apagamento do preenchimento da forma. O valor padrão quando nenhum outro valor for fornecido é de 255, resultando em transparência total. +erase__params__strengthStroke = Número (opcional): Um número (0-255) que define a opacidade do apagamento do contorno da forma. O valor padrão quando nenhum outro valor for fornecido é de 255, resultando em transparência total. +noErase__description__0 = Determina o fim do apagamento iniciado com erase(). O fill(), stroke(), e blendMode() retornarão ao que eram antes de chamar o erase(). +arc__description__0 = Desenha um arco na tela. Se for chamado apenas com x, y, w, h, start e stop, o arco será desenhado e preenchido como um segmento aberto. Se um parâmetro de modo for fornecido, o arco será preenchido como um semi-círculo aberto (OPEN),um semi-círculo fechado (CHORD), ou como uma geometria fechada (PIE). A origem pode ser definida com a função ellipseMode(). +arc__description__1 = O arco é desenhado sempre em sentido horário do ponto inicial ao final na elipse. Adicionar ou subtrair TWO_PI para qualquer um dos ângulos não muda onde eles caem. Se o início e o final caem no mesmo ponto uma elipse completa será desenhada. Leve em consideração que o eixo y aumenta indo para baixo, logo, os ângulos são medidos em sentido horário da direção x positiva ("3 horas"). +arc__params__x = Number: coordenada x da elipse do arco +arc__params__y = Number: coordenada y da elipse do arco +arc__params__w = Number: largura da elipse do arco por padrão +arc__params__h = Number: altura da elipse do arco por padrão +arc__params__start = Number: ângulo para iniciar o arco, especificado em radianos +arc__params__stop = Number: ângulo para terminar o arco, especificado em radianos +arc__params__mode = Constant: (Optional) parâmetro opcional para determinar como desenhar o arco, CHORD, PIE ou OPEN +arc__params__detail = Integer: (Optional) parâmetro opcional apenas para WebGL. Serve para especificar o número de vertices que compõem o perímetro do arco. O valor padrão é 25. O detalhe máximo é de 50. +ellipse__description__0 = Desenha uma elipse na tela. Por padrão, os primeiros dois parâmetros configuram a localização do centro da elipse, o terceiro e o quarto parâmetros definem a altura e a largura da geometria. Se nenhuma altura for definida, o padrão é utilizar o mesmo valor da largura. Se o valor for negativo, o valor absoluto será utilizado. +ellipse__description__1 = Uma elipse que possui a altura igual à largura é um círculo. A origem pode ser definida pela função ellipseMode(). +ellipse__params__x = Number: coordenada x do centro da elipse. +ellipse__params__y = Number: coordenada y do centro da elipse. +ellipse__params__w = Number: largura da elipse. +ellipse__params__h = Number: (Optional) altura da elipse. +ellipse__params__detail = Integer: (Optional) parâmetro opcional apenas para WebGL. Serve para especificar o número de vertices que compõem o perímetro da elipse. O valor padrão é 25. O detalhe máximo é de 50. +circle__description__0 = Desenha um círculo na tela. O círculo é uma geometria simples e fechada. Seu ponto de referência é o centro. Essa função é um caso especial da ellipse(), onde a largura e a altura da elipse são iguais. A altura e a largura da elipse correspondem ao diâmetro do círculo. Por padrão, os 2 primeiros parâmetros configuram a localização do centro do círculo, o terceiro define o diâmetro. +circle__params__x = Number: coordenada x do centro do círculo. +circle__params__y = Number: coordenada y do centro do círculo. +circle__params__d = Number: diameter of the circle. +line__description__0 = Desenha uma linha (um caminho direto entre dois pontos) na tela. Se criada com apenas 4 parâmetros, desenhará uma linha em 2D com a largura padrão de 1 pixel. Essa largura pode ser modificada usando a função strokeWeight(). Uma linha não pode ser preenchida, logo a função fill() não afetará a cor da linha. Para definir a cor de uma linha use a função stroke(). +line__params__x1 = Number: a coordenada x do primeiro ponto +line__params__y1 = Number: a coordenada y do primeiro ponto +line__params__x2 = Number: a coordenada x do segundo ponto +line__params__y2 = Number: a coordenada y do segundo ponto +line__params__z1 = Number: a coordenada z do primeiro ponto +line__params__z2 = Number: a coordenada z do segundo ponto +point__description__0 = Desenha um ponto, uma coordenada no espaço com a dimensão de um pixel. O primeiro parâmetro é o valor da horizontal, o segundo é da vertical. A cor do ponto é definida pela função stroke(). O tamanho do ponto pode ser definido pela função strokeWeight(). +point__params__x = Number: a coordenada x +point__params__y = Number: a coordenada y +point__params__z = Number: (Optional) a coordenada z (para WebGL ) +point__params__coordinate_vector = p5.Vector: o vetor da coordenada +quad__description__0 = Desenha um quadrilátero na canvas. Similar ao retângulo mas os ângulos não são necessariamente 90 graus. O primeiro par de parâmetros (x1,y1) define o primeiro vértice, os pares subsequentes vão em sentido horário ou anti-horário. Argumentos no eixo z funcionam apenas quando o quad() está em WEBGL. +quad__params__x1 = Number: a coordenada x do primeiro ponto +quad__params__y1 = Number: a coordenada y do primeiro ponto +quad__params__x2 = Number: a coordenada x do segundo ponto +quad__params__y2 = Number: a coordenada y do segundo ponto +quad__params__x3 = Number: a coordenada x do terceiro ponto +quad__params__y3 = Number: a coordenada y do terceiro ponto +quad__params__x4 = Number: a coordenada x do quarto ponto +quad__params__y4 = Number: a coordenada y do quarto ponto +quad__params__detailX = Integer: (Optional) número de segmentos na direção x +quad__params__detailY = Integer: (Optional) número de segmentos na direção y +quad__params__z1 = Number: a coordenada z do primeiro ponto +quad__params__z2 = Number: a coordenada z do segundo ponto +quad__params__z3 = Number: a coordenada z do terceiro ponto +quad__params__z4 = Number: a coordenada z do quarto ponto +rect__description__0 = Desenha um retângulo na canvas. O retângulo é uma geometria de quatro lados com todos os ângulos iguais a 90 graus. Por padrão, os dois primeiros parâmetros configuram a localização do canto superior esquerdo, o terceiro define a largura e o quarto define a altura. A maneira em que esses parâmetros são interpretados pode ser modificada pela função rectMode(). +rect__description__1 = O quinto, sexto, sétimo e oitavo parâmetros, se especificados, determinam o raio dos cantos superiores esquerdo e direito e dos inferiores esquerdo e direito, respectivamente. Um raio de canto omitido utilizará o valor anteriormente especificado na lista de parâmetros. +rect__params__x = Number: coordenada x do retângulo. +rect__params__y = Number: coordenada y do retângulo. +rect__params__w = Number: largura do retângulo. +rect__params__h = Number: (Optional) altura do retângulo. +rect__params__tl = Number: (Optional) raio do canto superior esquerdo. +rect__params__tr = Number: (Optional) raio do canto superior direito. +rect__params__br = Number: (Optional) raio do canto inferior direito. +rect__params__bl = Number: (Optional) raio do canto inferior esquerdo. +rect__params__detailX = Integer: (Optional) número de segmentos na direção x (para WebGL) +rect__params__detailY = Integer: (Optional) número de segmentos na direção y (para WebGL) +square__description__0 = Desenha um quadrado na tela. Um quadrado é uma geometria de quatro lados com todos os ângulos iguais a 90 graus e todos os lados do mesmo tamanho. Essa função é um caso especial da função rect(), onde a largura e a altura são iguais e o parâmetro "s" define o tamamho do lado. Por padrão, os primeiros dois parâmetros definem a localização do canto superior esquerdo, o terceiro define o tamanho do lado do quadrado. A maneira em que esses parâmetros são interpretados podem ser modificados pela função rectMode() . +square__description__1 = O quarto, quinto, sexto e sétimo parâmetros, se especificados, determinam o raio dos cantos superiores esquerdo e direito e dos inferiores esquerdo e direito, respectivamente. Um raio de canto omitido utilizará o valor anteriormente especificado na lista de parâmetros. +square__params__x = Number: coordenada x do quadrado. +square__params__y = Number: coordenada y do quadrado. +square__params__s = Number: tamanho do lado do quadrado. +square__params__tl = Number: (Optional) raio do canto superior esquerdo. +square__params__tr = Number: (Optional) raio do canto superior direito. +square__params__br = Number: (Optional) raio do canto inferior direito. +square__params__bl = Number: (Optional) raio do canto inferior esquerdo. +triangle__description__0 = Desenha um triângulo na canvas. Um triângulo é um plano criado pela ligação de três pontos. Os primeiros dois argumentos especificam o primeiro ponto, os dois argumentos do meio especificam o segundo ponto e os dois últimos argumentos especificam o terceiro ponto. +triangle__params__x1 = Number: coordenada x do primeiro ponto +triangle__params__y1 = Number: coordenada y do primeiro ponto +triangle__params__x2 = Number: coordenada x do segundo ponto +triangle__params__y2 = Number: coordenada y do segundo ponto +triangle__params__x3 = Number: coordenada x do terceiro ponto +triangle__params__y3 = Number: coordenada y do terceiro ponto +ellipseMode__description__0 = Modifica a localização de onde as elipses são desenhadas através da mudança da forma em que ellipse(), circle() e arc() são interpretadas. +ellipseMode__description__1 = O modo padrão é CENTER, em que os dois primeiros parâmetros são interpretados como x e y do centro da geometria, enquanto o terceiro e quarto parâmetros são sua largura e altura. +ellipseMode__description__2 = ellipseMode(RADIUS) também usa os dois primeiros parâmetros para definir o x e o y do centro da geometria, mas usa o terceiro e o quarto parâmetros para especificar a metade da largura e da altura da geometria. +ellipseMode__description__3 = ellipseMode(CORNER) interpreta os dois primeiros parâmetros como o canto superior esquerdo da geometria, enquanto o terceiro e o quarto parâmetros são sua largura e altura. +ellipseMode__description__4 = ellipseMode(CORNERS) interpreta os dois primeiros parâmetros como a localização de um canto da elipse que é utilizada como bounding box, o terceiro e o quarto parâmetros são a localização do canto oposto. +ellipseMode__description__5 = O parâmetro para este método deve ser escrito em CAPS porque eles são predefinidos como constantes e Javascript é uma linguagem que diferencia maiúsculas de minúsculas (case-sensitive). +ellipseMode__params__mode = Constant: ou CENTER, RADIUS, CORNER, ou CORNERS +noSmooth__description__0 = Mostra toda a geometria com os contornos serrilhados. Note que smooth() é ativado por padrão no modo 2D, logo, é necessário chamar noSmooth() para desabilitar a suavização da geometria, imagens e fontes. No modo 3D, noSmooth() está ativado por padrão, logo, é necessário chamar smooth() se você quiser uma geometria suavizada (antialiased) no seu contorno. +rectMode__description__0 = Modifica a localização de onde os retângulos são criados através da mudança da maneira em que os parâmetros rect() são interpretados. +rectMode__description__1 = O modo padrão é CORNER, que interpretada os primeiros dois parâmetros como o canto superior esquerdo da shape, enquanto o terceiro e o quarto parâmetros são sua largura e altura. +rectMode__description__2 = rectMode(CORNERS) interpreta os dois primeiros parâmetros como a localização de um dos cantos e o segundo e terceiro parâmetros como a localização do canto diagonalmente oposto. Note que o retângulo é criado entre as coordenadas, não sendo necessário que o primeiro canto seja o superior esquerdo. +rectMode__description__3 = rectMode(CENTER) interpreta os dois primeiros parâmetros como o ponto central da shape, enquanto o terceiro e o quarto parâmetros são sua largura e altura. +rectMode__description__4 = rectMode(RADIUS) também usa os dois primeiros parâmetros como o ponto central da shape, mas usa o terceiro e quarto parâmetros para especificar metade da largura e da altura. +rectMode__description__5 = O parâmetro para este método deve ser escrito em CAPS porque eles são predefinidos como constantes e Javascript é uma linguagem que diferencia maiúsculas de minúsculas (case-sensitive). +rectMode__params__mode = Constant: ou CORNER, CORNERS, CENTER, ou RADIUS +smooth__description__0 = Desenha todas as geometrias com as boardas suavizadas (antialiased). smooth() também melhorará a qualidade de uma imagem redimensionada. Leve em consideração que smooth() está ativado por padrão no modo 2D; noSmooth() também pode ser utilizado para desabilitar a suavização de uma geometria, imagem ou fonte. No modo 3D noSmooth() está ligado por padrão, logo, é necessário usar smooth() se você quiser suavizar (antialiased) as bordas da geometria. +strokeCap__description__0 = Define o estilo de renderização das pontas das linhas. Essas pontas são ou arredondadas, quadradas ou extendidas, e são especificadas com estes parâmetros: ROUND, SQUARE e PROJECT. O padrão é ROUND. +strokeCap__description__1 = O parâmetro para este método deve ser escrito em CAPS porque eles são predefinidos como constantes e Javascript é uma linguagem que diferencia maiúsculas de minúsculas (case-sensitive). +strokeCap__params__cap = Constant: ou ROUND, SQUARE ou PROJECT +strokeJoin__description__0 = Define o estilo das conexões entre os segmentos de linha. Estas conexões são retas, chanfradas ou arredondadas, e são especificadas com estes parâmetros: MITER, BEVEL and ROUND. The default joint is MITER. +strokeJoin__description__1 = O parâmetro para este método deve ser escrito em CAPS porque eles são predefinidos como constantes e Javascript é uma linguagem que diferencia maiúsculas de minúsculas (case-sensitive). +strokeJoin__params__join = Constant: ou MITER, BEVEL ou ROUND +strokeWeight__description__0 = Define a largura do contorno utilizado para as linhas, pontos e bordas de geometrias. Todas as larguras são definidas em pixels. +strokeWeight__params__weight = Number: a largura do contorno (em pixels) +bezier__description__0 = Cria uma curva de Bezier cúbico. Estas curvas são definidas por uma série de pontos âncora e de controle. Os dois primeiros parâmetros especificam o primeiro ponto âncora e os dois últimos parâmetros definem o outro ponto âncora, que se tornam o primeiro e último pontos da cuva. Os parâmetros do meio especificam dois pontos de controle que definem a forma da curva. Os pontos de controle "puxam" a curva em direção a eles. +bezier__description__1 = As curvas Bezier foram desenvolvidas pelo engenheiro automotivo francês Pierre Bezier e são utilizadas geralmente em gráficos de computador para definir curvas suaves. Veja também curve(). +bezier__params__x1 = Number: coordenada x para o primeiro ponto âncora +bezier__params__y1 = Number: coordenada y para o primeiro ponto âncora +bezier__params__x2 = Number: coordenada x para o primeiro ponto de controle +bezier__params__y2 = Number: coordenada y para o primeiro ponto de controle +bezier__params__x3 = Number: coordenada x para o segundo ponto de controle +bezier__params__y3 = Number: coordenada y para o segundo ponto de controle +bezier__params__x4 = Number: coordenada x para o segundo ponto âncora +bezier__params__y4 = Number: coordenada y para o segundo ponto âncora +bezier__params__z1 = Number: coordenada z para o primeiro ponto âncora +bezier__params__z2 = Number: coordenada z para o primeiro ponto de controle +bezier__params__z3 = Number: coordenada z para o segundo ponto de controle +bezier__params__z4 = Number: coordenada z para o segundo ponto âncora +bezierDetail__description__0 = Define a resolução em que a curva Bezier é mostrada. O valor padrão é 20. +bezierDetail__description__1 = Leve em consideração que essa função só é útil quando estiver renderizando em WEBGL, a canvas padrão não usa essa informação. +bezierDetail__params__detail = Number: resolução das curvas +bezierPoint__description__0 = Dadas as coordenadas x ou y dos pontos de controle e dos pontos âncora de uma curva bezier, esse parâmetro avalia as coordenadas bezier na posição t. Os parâmetros a e d são as coordenadas x ou y do primeiro e do último pontos na curva, enquanto b e c são os pontos de controle. O último parâmetro é a posição do ponto resultante, representado por um valor entre 0 e 1. Isso pode ser feito primeiramente com as coordenadas x e em uma segunda vez com as coordenadas y para identificar a posição de uma curva bezier em t. +bezierPoint__returns = Number: o valor de Bezier na posição t +bezierPoint__params__a = Number: coordenada do primeiro ponto da curva +bezierPoint__params__b = Number: coordenada do primeiro ponto de controle +bezierPoint__params__c = Number: coordenada do segundo ponto de controle +bezierPoint__params__d = Number: coordenada do segundo ponto da curva +bezierPoint__params__t = Number: valor entre 0 e 1 +bezierTangent__description__0 = Avalia a tangente ao Bezier na posição t para os pontos a, b, c, d. Os parâmetros a e d são o primeiro e último pontos na curva, b e c são os pontos de controle. O último parâmetro t varia entre 0 e 1. +bezierTangent__returns = Number: a tangente na posição t +bezierTangent__params__a = Number: coordenada do primeiro ponto da curva +bezierTangent__params__b = Number: coordenada do primeiro ponto de controle +bezierTangent__params__c = Number: coordenada do segundo ponto de controle +bezierTangent__params__d = Number: coordenada do segundo ponto da curva +bezierTangent__params__t = Number: valor entre 0 e 1 +curve__description__0 = Cria uma linha curva entre dois pontos, dada pelos quatro parâmetros do meio. Os dois primeiros parâmetros são um ponto de controle, como se a curva viesse desse ponto mesmo ele não aparecendo na tela. Os dois últimos parâmetros similarmente descrevem o outro ponto de controle. +curve__description__1 = Curvas mais longas podem ser criadas usando uma série de funções curve() em conjunto ou usando curveVertex(). Uma função adicionada chamada curveTightness() faz o controle da qualidade visual da curva. A função curve() é uma implementação de splines Catmull-Rom. +curve__params__x1 = Number: coordenada x do ponto de controle inicial +curve__params__y1 = Number: coordenada y do ponto de controle inicial +curve__params__x2 = Number: coordenada x do primeiro ponto +curve__params__y2 = Number: coordenada y do primeiro ponto +curve__params__x3 = Number: coordenada x do segundo ponto +curve__params__y3 = Number: coordenada y do segundo ponto +curve__params__x4 = Number: coordenada x do ponto de controle final +curve__params__y4 = Number: coordenada y do ponto de controle final +curve__params__z1 = Number: coordenada z do ponto de controle inicial +curve__params__z2 = Number: coordenada z do primeiro ponto +curve__params__z3 = Number: coordenada z do segundo ponto +curve__params__z4 = Number: coordenada z do ponto de controle final +curveDetail__description__0 = Define a resolução em que a curva será mostrada. O valor padrão é 20, enquanto o valor mínimo é 3. +curveDetail__description__1 = Esta função só é útil quando estiver usando o WEBGL renderer, já que o renderer padrão não usa essa informação. +curveDetail__params__resolution = Number: resolução das curvas +curveTightness__description__0 = Modifica a qualidade das formas criadas com curve() e curveVertex(). O parâmetro tightness determina como a curva se encaixa nos pontos de vértice. O valor padrão é 0.0 (esse valor define as curvas como splines Catmull-Rom) e o valor 1.0 conecta todos os pontos com linhas retas. Valores no intervalo entre -5.0 e 5.0 vão deformar as curvas mas ainda deixaram elas reconhecíveis, ao aumentar a magnitude dos valores eles continuarão a deformar. +curveTightness__params__amount = Number: quantidade de deformação dos vértices originais +curvePoint__description__0 = Avalia a curva na posição t para os pontos a, b, c, d. O parâmetro t varia entre 0 e 1, a e d são os pontos de controle da curva, b e c são os pontos de início e de final da curva. Isso pode ser feito primeiramente com as coordenadas x e em uma segunda vez com as coordenadas y para identificar a posição de uma curva bezier em t. +curvePoint__returns = Number: valor bezier na posição t +curvePoint__params__a = Number: coordenada do primeiro ponto de controle da curva +curvePoint__params__b = Number: coordenada do primeiro ponto +curvePoint__params__c = Number: coordenada do segundo ponto +curvePoint__params__d = Number: coordenada do segundo ponto de controle da curva +curvePoint__params__t = Number: valor entre 0 e 1 +curveTangent__description__0 = Avalia a curva na posição t para os pontos a, b, c, d. O parâmetro t varia entre 0 e 1, a e d são os pontos da curva, b e c são os pontos de controle. +curveTangent__returns = Number: a tangente na posição t +curveTangent__params__a = Number: coordenada do primeiro ponto de controle +curveTangent__params__b = Number: coordenada do primeiro ponto na curva +curveTangent__params__c = Number: coordenada do segundo ponto na curva +curveTangent__params__d = Number: coordenada do segundo ponto de controle +curveTangent__params__t = Number: valor entre 0 e 1 +beginContour__description__0 = Use as funções beginContour() e endContour() para criar formas negativas dentro de outras formas, como o a do centro da letra 'O'. beginContour() inicia a gravação de vértices para a forma e endContour() termina a gravação. O vértice que define a forma negativa deve "girar" na direção oposta da forma exterior. Primeiro desenhar os vértices para o exterior no sentido horário, e então, para as formas internas, desenhar os vértices no sentido anti-horário. +beginContour__description__1 = Estas funções só podem ser utilizadas com o par beginShape()/endShape() e transformações como translate(), rotate(), e scale() não funciona com o par beginContour()/endContour(). Também não é possível usar outras formas, como a ellipse() ou rect(). +beginShape__description__0 = Usando as funções beginShape() e endShape() permitem criar formas mais complexas. beginShape() inicia a gravação de vértices para a forma e endShape() termina a gravação. O valor do tipo de parâmetro define que tipos de formas criar dos vértices providenciados. Se o modo não for especificado, a forma pode ser qualquer polígono irregular. +beginShape__description__1 = Os parâmetros disponíveis para beginShape() são POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, QUAD_STRIP, and TESS (apenas em WebGL). Após chamar a função beginShape(), uma série de comandos vertex() devem ser providenciados. Para parar o desenho da forma, chame endShape(). Cada forma será delineada com a cor de contorno vigente e preenchida com a cor de preenchimento vigente. +beginShape__description__2 = Transformações como translate(), rotate(), e scale() não funcionam com beginShape(). Também não é possível usar outras formas, como ellipse() ou rect() dentro de beginShape(). +beginShape__params__kind = Constante: (Opcional) either POINTS, LINES, TRIANGLES, TRIANGLE_FAN TRIANGLE_STRIP, QUADS, QUAD_STRIP ou TESS +bezierVertex__description__0 = Especifica as coordenadas dos vértices para as curvas Bezier. Cada chamada do bezierVertex() define a posição de dois pontos de controle e um ponto âncora de uma curva Bezier, adicionando um novo segmento a uma linha ou forma. Para o modo WebGL, bezierVertex() pode ser usado tanto em 2D quando em 3D. O modo 2D espera 6 parâmetros, , enquanto o modo 3D espera 9 parâmetros (incluindo as coordenadas do eixo z). +bezierVertex__description__1 = Na primeira vez que bezierVertex() for usada com beginShape(), ela deve ser precedida com um vertex() para definir o primeiro ponto âncora. Essa função pode ser usada entre beginShape() e endShape() mas só quando não houver os parâmetros MODE ou POINTS especificados para beginShape(). +bezierVertex__params__x2 = Number: coordenada x para o primeiro ponto de controle +bezierVertex__params__y2 = Number: coordenada y para o primeiro ponto de controle +bezierVertex__params__x3 = Number: coordenada x para o segundo ponto de controle +bezierVertex__params__y3 = Number: coordenada y para o segundo ponto de controle +bezierVertex__params__x4 = Number: coordenada x para o ponto âncora +bezierVertex__params__y4 = Number: coordenada y para o ponto âncora +bezierVertex__params__z2 = Number: coordenada z para o primeiro ponto de controle (para WebGL) +bezierVertex__params__z3 = Number: coordenada z para o segundo ponto de controle (para WebGL) +bezierVertex__params__z4 = Number: coordenada z para o ponto âncora (para WebGL) +curveVertex__description__0 = Especifica as coordenadas do vértices para as curvas. This function may only be used between beginShape() and endShape() and only when there is no MODE parameter specified to beginShape(). For WebGL mode curveVertex() can be used in 2D as well as 3D mode. 2D mode expects 2 parameters, while 3D mode expects 3 parameters. +curveVertex__params__x = Number: coordenada x do vértice +curveVertex__params__y = Number: coordenada y do vértice +curveVertex__params__z = Number: (Optional) coordenada z do vértice (for WebGL mode) +quadraticVertex__params__x3 = Number: x-coordinate para o ponto âncora +quadraticVertex__params__y3 = Number: y-coordinate para o ponto âncora +quadraticVertex__params__z3 = Number: z-coordinate para o ponto âncora (for WebGL mode) +vertex__params__x = Number: x-coordinate do vértice +vertex__params__y = Number: y-coordinate do vértice +vertex__params__z = Number: z-coordinate do vértice +HALF_PI__description__0 = HALF_PI é uma constante matemática com o valor 1.57079632679489661923. É a metade da razão entre a circunferência de um círculo e seu diâmetro. É útil em combinação com as funções trigonométricas sin() e cos(). +PI__description__0 = PI é uma constante matemática com o valor 3.14159265358979323846. É a razão entre a circunferência de um círculo e seu diâmetro. É útil em combinação com as funções trigonométricas sin() e cos(). +QUARTER_PI__description__0 = QUARTER_PI é uma constante matemática com o valor 0.7853982. É um quarto da razão entre a circunferência de um círculo e seu diâmetro. É útil em combinação com as funções trigonométricas sin() e cos(). +TAU__description__0 = TAU é uma abreviatura para TWO_PI, que é uma constante matemática com o valor 6.28318530717958647693. Equivale duas vezes a razão entre a circunferência de um círculo e seu diâmetro. É útil em combinação com as funções trigonométricas sin() e cos(). +TWO_PI__description__0 = TWO_PI é uma constante matemática com o valor 6.28318530717958647693. Equivale duas vezes a razão entre a circunferência de um círculo e seu diâmetro. É útil em combinação com as funções trigonométricas sin() e cos(). +DEGREES__description__0 = Constante a ser usada com a função angleMode() , para definir o modo em que p5.js interpreta e calcula ângulos (GRAUS ou RADIANOS). +RADIANS__description__0 = Constante a ser usada com a função angleMode() , para definir o modo em que p5.js interpreta e calcula ângulos (GRAUS ou RADIANOS). +print__description__0 = A função print() escreve uma mensagem no console do browser. Essa função é útil para que possamos observar os dados produzidos enquanto o programa está em execução — por exemplo, para verificar o valor de uma variável em um ponto específico do código. A função cria uma nova linha de texto a cada vez que é chamada. O argumento da função podem ser quaisquer valores válidos da linguagem, como cadeias de caracteres (strings / texto), números, variáveis, booleanos, objetos, arrays, expressões, etc. +print__description__1 = Para imprimir valores de tipos diferentes, podemos separá-los por vírgulas (,). Para juntar uma ou mais strings à variável que queremos verificar, como no exemplo acima, é possível utilizar o operador de adição (+) — que neste caso transforma o número em String. Por exemplo, podemos escrever print("O valor de x é " + x + ", e de y é " + y). +print__description__2 = Também é possível utilizar template strings, que é uma forma de escrever strings que permite embutir outros valores. Para tal, utilizamos acentos graves (``). Os caracteres são colocados entre os acentos, e quaisquer variáveis, expressões, ou outros valores que não strings são colocados após um cifrão, entre chaves (${"{"}{"}"}). O exemplo anterior fica: print(`O valor de x é ${"{"}x{"}"}, e de y é ${"{"}y{"}"}`) +print__description__3 = Note que chamar a função print() sem nenhum argumento invoca a função window.print(), que abre a janela de impressão do browser. Para escrever uma linha em branco no console, você pode escrever print("\n"). +print__params__contents = Qualquer: qualquer sequência de números, Strings, objetos, booleanos ou array para escrever no console +frameCount__description__0 = A variável global frameCount, embutida na biblioteca p5.js, contém o número de quadros (frames) que foram mostrados desde que o programa iniciou. Dentro de setup() o valor é 0, depois da primeira iteração de draw() é 1, etc. +deltaTime__description__0 = A variável global deltaTime, embutida na biblioteca p5.js, contém a diferença de tempo entre o início do quadro (frame) anterior e o início do quadro atual em milissegundos. +deltaTime__description__1 = Essa variável é útil para criar animações que dependem do tempo, ou cálculos de física que devam permanecem constantes mesmo que haja variação na taxa de quadros. +focused__description__0 = Confirma que a janela do sketch está em foco, ou seja, que ela irá aceitar interação de mouse ou teclado. Essa variável retorna true (verdadeiro) caso a janela esteja em foco, e false (falso) caso não esteja. +cursor__description__0 = Configura o cursor como uma imagem ou símbolo específico, ou o torna visível caso não esteja. Se você estiver buscando utilizar uma imagem como cursor, o tamanho recomendado é 16x16 ou 32x32 pixels. Os valores para os parâmetros x e y devem ser menores do que o tamanho da imagem. +cursor__params__type = String|Constante: embutidas: ARROW, CROSS, HAND, MOVE, TEXT ou WAIT; propriedades nativas do CSS: 'grab', 'progress', 'cell', etc.; externas: endereço da imagem do cursor (extensões permitidas: .cur, .gif, .jpg, .jpeg, .png). Para mais informações em cursores nativos do CSS e URLs visite https://developer.mozilla.org/en-US/docs/Web/CSS/cursor. +cursor__params__x = Número (opcional): o ponto ativo do cursor — o ponto em que ele clica — em relação ao eixo horizontal (precisa ser menor do que 32, e menor do que a imagem) +cursor__params__y = Número (opcional): o ponto ativo do cursor — o ponto em que ele clica — em relação ao eixo vertical (precisa ser menor do que 32, e menor do que a imagem) +frameRate__description__0 = Especifica a taxa de quadros, ou seja, o número de quadros (frames) a serem mostrados a cada segundo. Por exemplo, chamar a função frameRate(30) fará com que a canvas tente atualizar-se 30 vezes por segundo. Caso o processador não seja rápido o suficiente para manter a frequência especificada, a taxa de quadros não será atingida. É recomendado configurar a taxa de quadro dentro de setup(). A taxa de quadro padrão é baseada na taxa da tela (também conhecida como taxa de atualização), que na maioria dos computadores corresponde a 60 quadros por segundo (fps). Uma taxa de quadros igual ou superior a 24 quadros por segundo (valor típico de filmes) é suficiente para animações fluidas. Isto é o mesmo que setFrameRate(valor) +frameRate__description__1 = Chamar frameRate() sem nenhum argumento, ou com argumentos que não sejam números positivos, retorna a taxa de quadros atual. A função draw() precisa rodar ao menos uma vez antes de retornar um valor. Isto é o mesmo que getFrameRate(). +frameRate__params__fps = Número: número de quadros a serem mostrados em um segundo +noCursor__description__0 = Esconde o cursor. +displayWidth__description__0 = Variável global embutida na biblioteca p5.js que armazena a largura da tela de acordo com a densidade de pixels (pixelDensity) padrão. Isto é utilizado para executar o programa em tela cheia independente do tamanho da tela. Para obter a largura real da tela, multiplique este número pela pixelDensity. +displayHeight__description__0 = Variável global embutida na biblioteca p5.js que armazena a altura da tela de acordo com a densidade de pixels (pixelDensity) padrão. Isto é utilizado para executar o programa em tela cheia independente do tamanho da tela. Para obter a altura real da tela, multiplique este número pela pixelDensity. +windowWidth__description__0 = Variável global embutida na biblioteca p5.js que armazena a largura interna da janela. É o mesmo que a propriedade window.innerWidth. +windowHeight__description__0 = Variável global embutida na biblioteca p5.js que armazena a altura interna da janela. É o mesmo que a propriedade window.innerHeight. +windowResized__description__0 = A função windowResized() é chamada a cada vez que a janela do browser muda de tamanho. É um bom lugar para redimensionar a canvas ou fazer quaisquer outros ajustes para acomodar o novo tamanho da janela. +windowResized__params__event = Objeto (opcional): argumentos do evento de callback. +width__description__0 = Variável global embutida na biblioteca p5.js que armazena a largura da canvas. Este valor é definido pelo primeiro parâmetro da função createCanvas(). Por exemplo, a chamada de função createCanvas(320, 240) atribui à variável width o valor 320. Se a função createCanvas() não for chamada no programa, o valor padrão para a largura é 100. +height__description__0 = Variável global embutida na biblioteca p5.js que armazena a altura da canvas. Este valor é definido pelo segundo parâmetro da função createCanvas(). Por exemplo, a chamada de função createCanvas(320, 240) atribui à variável height o valor 240. Se a função createCanvas() não for chamada no programa, o valor padrão para a altura é 100. +fullscreen__description__0 = Se um argumento for passado, configura o sketch para telaa cheia baseado no valor deste argument. Caso contrário, retorna se o sketch está em tela cheia ou não. Note que, dado as restrições dos browsers, só é possível chamar essa função a partir de interação direta como, por exemplo, o clique do mouse. +fullscreen__returns = Booleano: se o sketch está em tela cheia (true) ou não (false) +fullscreen__params__val = Boolean (opcional): se o sketch deve rodar em tela cheia (true) ou não (false) +pixelDensity__description__0 = Define a escala dos pixels para telas de alta densidade. Por padrão, a densidade de pixels é igual a densidade da tela — chame pixelDensity(1) para que isso não aconteça. Chamar pixelDensity() sem argumentos retorna a densidade de pixels atual do sketch. +pixelDensity__params__val = Número: se ou quanto o sketch deve ser redimensionado +displayDensity__description__0 = Retorna a densidade de pixels da tela em que o sketch está sendo executado. +displayDensity__returns = Número: densidade de pixels da tela +getURL__description__0 = Retorna a URL atual. +getURL__description__1 = Nota: ao utilizar o editor da p5, essa função retornará um objeto vazio, pois o objeto está embutido em uma iFrame. Ela funcionará corretamente se você visualizar o sketch utilizando o modo de apresentação, ou URLs compartilháveis. +getURL__returns = String: URL +getURLPath__description__0 = Retorna o caminho da URL atual como uma array. +getURLPath__description__1 = Nota: ao utilizar o editor da p5, essa função retornará um objeto vazio, pois o objeto está embutido em uma iFrame. Ela funcionará corretamente se você visualizar o sketch utilizando o modo de apresentação, ou URLs compartilháveis. +getURLPath__returns = String[]: os componentes do caminho da URL +getURLParams__description__0 = Retorna os parâmetros da URL atual como um objeto. +getURLParams__description__1 = Nota: ao utilizar o editor da p5, essa função retornará um objeto vazio, pois o objeto está embutido em uma iFrame. Ela funcionará corretamente se você visualizar o sketch utilizando o modo de apresentação, ou URLs compartilháveis. +getURLParams__returns = Objeto: parâmetros da URL +preload__description__0 = A função preload() é usada para lidar com o carregamento síncrono de arquivos externos de forma bloqueadora (blocking) e deve ser chamada diretamente antes de setup(). Quando há um bloco de preload() o restante do código esperará até que tudo nele seja concluído antes de ser executado. Observe que apenas chamadas de carregamento (loadImage, loadJSON, loadFont, loadStrings , etc.) devem estar dentro deste bloco, todas as outras inicializações devem acontecer no setup(). Os métodos de carregamento quando chamados fora de preload() ocorrem de forma assíncrona não bloqueadora (non-blocking), podendo haver nesse caso um parâmetro de callback. Mais informações sobre chamadas assíncronas e carregamento de arquivos aqui. +preload__description__1 = Por definição o texto "loading..." será exibido durante o carregamento dos arquivos. Para fazer sua própria página de carregamento, inclua um elemento HTML com id="p5_loading" em sua página. Veja mais informações sobre como configurar sua tela de carregamento aqui. +setup__description__0 = A função setup() é chaada quando o programa começa. É utilizada para definir propriedades do ambiente como o tamanho da canvas e cor do a cor de fundo da canvas. Também pode conter chamadas de carregamento de mídias (loadImage, loadJSON, loadFont, loadStrings, etc.). Só pode haver um bloco de setup() por programa, não podendo ser chamado novamente após a execução inicial. +setup__description__1 = Nota: váriaveis declaradas dentro de setup() não são acessíveis em outras funções, incluindo draw(). +draw__description__0 = A função draw(), geralmente chamada logo após o setup(), executa continuamente as linhas de código contidas dentro do bloco até que o programa seja interrompido. Atenção, draw() é chamada automaticamente e não deve ser chamada explicitamente. +draw__description__1 = Esta função pode ser controlada por noLoop(), redraw() and loop(). Para interromper a execução do código dentro de draw() deve ser utilizada a função noLoop(). Importante observar que se a função noLoop() for chamada dentro do bloco setup(), a função draw() será executada uma vez antes de ser interrompida. Com a execução de parada draw(), a função redraw() faz com que o código dentro de draw() seja executado uma única vez. Já a função loop() fará com que o código volte a ser executado continuamente. +draw__description__2 = A função frameRate() especifica a taxa de quadros por segundo, alterando o numero de vezes que a função draw() será executada por segundo. Por definição o valor do frameRate() é baseada na taxa da tela (também conhecida como taxa de atualização), que na maioria dos computadores corresponde a 60 quadros por segundo (fps). +draw__description__3 = Atenção, só pode haver um bloco de draw() por sketch. Nâo é obrigatório que exista o bloco draw() no sketch, no entando, se você deseja que seu código seja executado continuamente ou se você deseja acionar eventos como mousePressed(), é recomendado usar a função draw(). Por vezes poderá haver um chamada vazia de draw() em seu sketch, como mostrado no exemplo acima. +draw__description__4 = É importante lembrar que o sistema de coordenadas é resetado no início de cada chamada de draw(). Por isso, se alguma transformação for realizada dentro de draw() (ex: scale(), rotate(), translate()), seus efeitos serão desfeitos na nova chamada e as transformações não serão acumuladas ao longo da execução do programa. Já os estilos aplicados (ex: fill(), stroke(), etc) permanecem na nova chamada. +remove__description__0 = Remove o sketch feito com P5.js completamente. Esta função remove todos os elementos criados com P5.js, inclusive a Canvas. Também para a execução de draw() e desvincula todas as propriedades e métodos vinculados ao objeto window no escopo global. A função deixa uma nova variável p5 caso você queira criar um novo sketch com p5.js, caso contrário você pode configurar p5 = null para apagar a variável. Embora todas as funções, variáveis ​​e objetos criados pela biblioteca p5 sejam removidos, quaisquer outras variáveis ​​globais criadas por seu código permanecerão. +disableFriendlyErrors__description__0 = Desativa o Sistema de Erro Amigável (em inglês Friendly Errors Sistem ou FES) durante a criação do sketch. Quando você usa o arquivo p5.js não minimizado (no lugar de p5.min.js), há um sistema de erro amigável (FES) que irá avisá-lo, por exemplo, se você inserir argumentos inesperados em uma função. Este sistema de verificação de erros pode reduzir significativamente a velocidade do seu código (até ~ 10x em alguns casos), por isso desativar o FES pode melhorar o desempenho quando for preciso. Veja mais informaçãos sobre a desabilitação do FES aqui. +let__description__0 = Cria e nomeia uma nova variável. Uma variável é um contêiner para um valor. +let__description__1 = Variáveis que são declaradas com let terão escopo de bloco. Isso significa que a variável só existe dentro do bloco em que foi criada. +let__description__2 = A partir de uma entrada MDN: Declara uma variável local de escopo de bloco, opcionalmente inicializando-a com um valor. +const__description__0 = Cria e nomeia uma nova constante. Como uma variável criada com let, uma constante que é criada com const é um contêiner para um valor, no entanto, as constantes não podem ser reatribuídas depois de declaradas. Embora seja digno de nota que, para tipos de dados não primitivos, como objetos e arrays, seus elementos ainda podem ser mutáveis. Portanto, se uma variável é atribuída a um array, você ainda pode adicionar ou remover elementos do array, mas não pode reatribuir outro array a ele. Ainda, ao contrário de let, você não pode declarar variáveis sem valor usando const. +const__description__1 = Constantes têm escopo de bloco. Isso significa que a constante só existe dentro do bloco em que é criada. Uma constante não pode ser declarada novamente dentro de um escopo no qual já existe. +const__description__2 = A partir de uma entrada MDN: Declara uma constante nomeada somente para leitura. As constantes têm escopo de bloco, muito parecido com as variáveis definidas usando a instrução 'let'. O valor de uma constante não pode ser alterado por meio de reatribuição e não pode ser declarado novamente. +if-else__description__0 = A declaração if-else (se/senão) ajuda a controlar o fluxo do seu código. +if-else__description__1 = Uma condição é colocada entre parênteses após 'if' (se), quando essa condição é avaliada como verdade, o código entre as chaves seguintes é executado. Alternativamente, quando a condição é avalia como falsa, o código entre as chaves do bloco 'else' é executado em seu lugar. Escrever um bloco else é opcional. +if-else__description__2 = A partir de uma entrada MDN: A declaração 'if' executa uma instrução se uma condição especificada for verdadeira. Se a condição for falsa, outra instrução pode ser executada. +function__description__0 = Cria e nomeia uma função. Uma função é um conjunto de instruções que executam uma tarefa. +function__description__1 = Opcionalmente, as funções podem ter parâmetros. Parâmetros são variáveis que têm como escopo a função, que podem receber um valor ao chamar a função. Vários parâmetros podem ser dados separados por vírgulas. +function__description__2 = A partir de uma entrada MDN: Declara uma função com os parâmetros especificados. +return__description__0 = Especifica o valor a ser retornado por uma função. Para obter mais informações, verifique a entrada MDN para return. +boolean__description__0 = Converte um número ou string em sua representação booleana. Para um número, qualquer valor diferente de zero (positivo ou negativo) é avaliado como true (verdadeiro), enquanto zero é avaliado como false (falso). Para uma string, o valor "true " é avaliado como verdadeiro, enquanto qualquer outro valor é avaliado como falso. Quando uma array de números ou valores de string é passada, então uma array de booleanos do mesmo comprimento é retornada. +boolean__returns = Booleano: representação booleana de valor +boolean__params__n = String|Booleano|Número|Array: valor para analisar +string__description__0 = Uma string é um dos 7 tipos de dados primitivos em Javascript. Uma string é uma série de caracteres de texto. Em Javascript, um valor de string deve estar entre aspas simples (') ou aspas duplas ("). +string__description__1 = A partir de uma entrada MDN: Uma string é uma sequência de caracteres usada para representar texto. +number__description__0 = Um número é um dos 7 tipos de dados primitivos em Javascript. Um number pode ser um número inteiro ou decimal. +number__description__1 = A entrada MDN para um número +object__description__0 = A partir de um objeto básico de MDN: Um objeto é uma coleção de dados relacionados e/ou funcionalidades (que geralmente consistem em várias variáveis e funções - que são chamadas de propriedades e métodos quando estão dentro de objetos.) +class__description__0 = Cria e nomeia uma classe que é um modelo para a criação de objetos. +class__description__1 = A partir de uma entrada MDN: A declaração de classe cria uma nova classe com um determinado nome usando herança baseada em protótipo. +for__description__0 = for cria um loop que é útil para executar uma seção de código várias vezes. +for__description__1 = Um 'loop for' consiste em três expressões diferentes entre parênteses, todas opcionais. Essas expressões são usadas para controlar o número de vezes que o loop é executado. A primeira expressão é uma instrução usada para definir o estado inicial para o loop. A segunda expressão é uma condição que você gostaria de verificar antes de cada loop. Se esta expressão retornar false (falso), então sairá do loop. A terceira expressão é executada no final de cada loop. Essas expressões são separadas por ; (ponto e vírgula). No caso de uma expressão vazia, apenas um ponto e vírgula é escrito. +for__description__2 = O código dentro do corpo do loop (entre as chaves) é executado entre a avaliação da segunda e da terceira expressão. +for__description__3 = Como acontece com qualquer loop, é importante garantir que o loop possa 'sair' ou que a condição de teste acabe sendo avaliada como false (falsa). A condição de teste com um loop for é a segunda expressão detalhada acima. Garantir que essa expressão possa eventualmente se tornar falsa garante que seu loop não tente ser executado uma quantidade infinita de vezes, o que pode travar seu navegador. +for__description__4 = A partir de uma entrada MDN: Cria um loop que executa uma instrução especificada até que a condição de teste seja avaliada como falsa. A condição é avaliada após a execução da instrução, resultando na execução da instrução especificada pelo menos uma vez. +while__description__0 = while (enquanto) cria um loop que é útil para executar uma seção de código várias vezes. +while__description__1 = Com um 'loop while', o código dentro do corpo do loop (entre as chaves) é executado repetidamente até que a condição de teste (dentro dos parênteses) seja avaliada como false (falsa). A condição é testada antes de executar o corpo do código com while, então, se a condição for inicialmente falsa, o corpo do loop, ou instrução, nunca serão executados. +while__description__2 = Como acontece com qualquer loop, é importante garantir que o loop possa 'sair' ou que a condição de teste acabe sendo avaliada como falsa. Isso evita que seu loop tente ser executado uma quantidade infinita de vezes, o que pode travar seu navegador. +while__description__3 = A partir de uma entrada MDN: A instrução while cria um loop que executa uma instrução especificada, desde que a condição de teste seja avaliada como true (verdadeira). A condição é avaliada antes de executar a instrução. +createCanvas__description__0 = Cria um elemento canvas no documento e define suas dimensões em pixels. Este método deve ser chamado apenas uma vez no início da configuração. Chamar createCanvas mais de uma vez em um sketch resultará em um comportamento muito imprevisível. Se você quiser mais de um canvas de desenho, pode usar o createGraphics (oculto por padrão, mas pode ser mostrado). +createCanvas__description__1 = Nota importante: no modo 2D (ou seja, quando p5.Renderer não está definido) a origem (0,0) é posicionada na parte superior esquerda da tela. No modo 3D (ou seja, quando p5.Renderer está definido WEBGL), a origem é posicionada no centro do canvas. Veja esse assunto para mais informações. +createCanvas__description__2 = As variáveis de sistema largura e altura são definidas pelos parâmetros passados para esta função. Se createCanvas() não for usado, a janela terá um tamanho padrão de 100x100 pixels. +createCanvas__description__3 = Para obter mais maneiras de posicionar o canvas, consulte a página wiki posicionando o canvas . +createCanvas__returns = p5.Renderer: +createCanvas__params__w = Número: largura do canvas +createCanvas__params__h = Número: altura do canvas +createCanvas__params__renderer = Constante (opcional): tanto P2D ou WEBGL +resizeCanvas__description__0 = Redimensiona o canvas de acordo com a largura e a altura fornecidas. O canvas será limpo e draw será chamada imediatamente, permitindo que o sketch seja renderizado novamente na tela redimensionada. +resizeCanvas__params__w = Número: largura do canvas +resizeCanvas__params__h = Número: altura do canvas +resizeCanvas__params__noRedraw = Booleano (opcional): não redesenha o canvas imediatamente +noCanvas__description__0 = Remove o canvas padrão para um sketch p5 que não requer um canvas +createGraphics__description__0 = Cria e retorna um novo objeto p5.Renderer. Use esta classe se precisar desenhar em um buffer gráfico nos bastidores da tela (off-screen). Os dois parâmetros definem a largura e altura em pixels. +createGraphics__returns = p5.Graphics: buffer gráfico nos bastidores da tela +createGraphics__params__w = Número: largura do buffer gráfico nos bastidores da tela +createGraphics__params__h = Número: altura do buffer gráfico nos bastidores da tela +createGraphics__params__renderer = Constante (opcional): tanto P2D ou WEBGL padrão indefinido para p2d +blendMode__description__0 = Combina os pixels na janela de exibição de acordo com o modo definido. Existe uma escolha dos seguintes modos para misturar os pixels de origem (A) com os pixels que já estão na janela de exibição (B):
  • BLEND - interpolação linear de cores: C = A*fator + B. Este é o modo de mistura padrão.
  • ADD - soma de A e B
  • DARKEST - apenas a cor mais escura aparece: C = min(A*fator, B).
  • LIGHTEST - apenas a cor mais clara aparece: C = max(A*fator, B).
  • DIFFERENCE - subtrai as cores da imagem subjacente.
  • EXCLUSION - similar a DIFFERENCE, porém, menos extremo.
  • MULTIPLY - multiplique as cores, o resultado sempre será mais escuro.
  • SCREEN - oposto a multiply, usa valores inversos das cores.
  • REPLACE - os pixels são inteiramente substituídos pelos outros e não utilizam valores alfa (transparência).
  • REMOVE - remove os pixels de B com a força alfa de A.
  • OVERLAY - mistura de MULTIPLY e SCREEN . Multiplica valores de escuridão e valores de luz. (2D)
  • HARD_LIGHT - SCREEN quando maior que 50% cinza, MULTIPLY quando mais baixo. (2D)
  • SOFT_LIGHT - mistura de DARKEST e LIGHTEST. Funciona como OVERLAY, mas não tão severo. (2D)
  • DODGE - clareia os tons claros e aumenta o contraste, ignora os escuros. (2D)
  • BURN - áreas mais escuras são aplicadas, aumentando o contraste, ignora as luzes. (2D)
  • SUBTRACT - restante de A e B (3D)
+blendMode__description__1 = (2D) indica que este modo de mistura apenas funciona no renderizador 2D. (3D) indica que este modo de mistura apenas funciona no renderizador WEBGL. +blendMode__params__mode = Constante: modo de mistura para definir o canvas. tanto BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT, SOFT_LIGHT, DODGE, BURN, ADD, REMOVE ou SUBTRACT +drawingContext__description__0 = A API do p5.js fornece muitas funcionalidades para a criação de gráficos, mas há algumas funcionalidades nativas do HTML5 Canvas que não são expostas pelo p5. Você ainda pode chamá-lo diretamente usando a variável drawingContext, como no exemplo mostrado. Isso é o equivalente a chamar canvas.getContext('2d'); ou canvas.getContext('webgl');. Veja isto referência para a API nativa do canvas para possíveis funções de desenho que você pode chamar. +noLoop__description__0 = Interrompe a execução contínua do código dentro do bloco draw(). +noLoop__description__1 = Por padrão, o p5.js executa continuamente as linhas de código contidas dentro do bloco draw(). Para interromper a execução contínua utiliza-se a função noLoop(). Neste caso, a execução de draw() pode ser recomeçada com a função loop(). +noLoop__description__2 = Caso a função noLoop() seja utilizada dentro de setup(), ela deverá estar na última linha de código dentro do bloco. +noLoop__description__3 = Quando noLoop() é usado, não é possível manipular ou acessar a tela pelas funções de manipulação de eventos (event handlers), como mousePressed() ou keyPressed(). Isso significa que quando noLoop() é executado, nada mais pode ser desenhado e funções como saveFrames() or loadPixels() não podem ser usadas. Nestes casos, as funções de manipulação de eventos (event handlers) podem ser utilizadas para chamar redraw() ou loop(), que ao executar draw() poderam atualizar a tela corretamente. +noLoop__description__4 = Observe que se a Canvas for redimensionada, redraw() será chamado para atualizar o desenho, mesmo se noLoop() tiver sido chamado. Caso contrário, o desenho poderia ficar desconfigurado em relação ao tamanho da canvas até que loop() fosse chamado. +noLoop__description__5 = Utilize isLooping() para verificar o atual estado de loop(). +loop__description__0 = Retoma a execução contínua do código dentro do bloco draw() +loop__description__1 = Por padrão, o p5.js executa continuamente as linhas de código contidas dentro do bloco draw(). Para interromper a execução contínua utiliza-se a função noLoop(). Neste caso, a execução de draw() pode ser recomeçada com a função loop(). +loop__description__2 = Nâo é recomendado chamar loop dentro de setup() +loop__description__3 = Utilize isLooping() para verificar o atual estado de loop(). +isLooping__description__0 = Retorna o estado atual de loop(). +isLooping__description__1 = Por padrão, o p5.js executa continuamente as linhas de código contidas dentro do bloco draw(), a execução pode ser controlada pelas funções noLoop() e loop(). O valor que isLooping() retorna pode ser utilizado com manipuladores de eventos personalizados (custom event handlers). +push__description__0 = A função push() salva as configurações e transformações do estilo de desenho atual, enquanto pop() restaura essas configurações. +push__description__1 = As funções push() e pop() sempre são utilizadas juntas. Elas permitem que as configurações de estilo e transformação sejam alteradas e, posteriormente, permite que elas sejam restauradas. Quando um novo estado é iniciado com push (), ele se baseia no estilo atual e nas informações de transformação. As funções push () e pop () podem ser incorporadas para fornecer mais controle. (Veja o segundo exemplo.) +push__description__2 = push() armazena informações relacionadas ao estado de transformação atual e configurações de estilo controladas pelas seguintes funções: fill(), noFill(), noStroke(), stroke(), tint(), noTint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textSize(), textLeading(), applyMatrix(), resetMatrix(), rotate(), scale(), shearX(), shearY(), translate() e noiseSeed(). +push__description__3 = No modo WEBGL, configurações de estilo adicionais são armazenadas. Elas são controlados pelas seguintes funções: setCamera(), ambientLight(), directionalLight(), pointLight(), texture(), specularMaterial(), shininess(), normalMaterial() e shader(). +pop__description__0 = A função push() salva as configurações e transformações do estilo de desenho atual, enquanto pop() restaura essas configurações. +pop__description__1 = As funções push() e pop() sempre são utilizadas juntas. Elas permitem que as configurações de estilo e transformação sejam alteradas e, posteriormente, permite que elas sejam restauradas. Quando um novo estado é iniciado com push (), ele se baseia no estilo atual e nas informações de transformação. As funções push () e pop () podem ser incorporadas para fornecer mais controle. (Veja o segundo exemplo.) +pop__description__2 = push() armazena informações relacionadas ao estado de transformação atual e configurações de estilo controladas pelas seguintes funções: fill(), noFill(), noStroke(), stroke(), tint(), noTint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textSize(), textLeading(), applyMatrix(), resetMatrix(), rotate(), scale(), shearX(), shearY(), translate() e noiseSeed(). +pop__description__3 = No modo WEBGL, configurações de estilo adicionais são armazenadas. Elas são controlados pelas seguintes funções: setCamera(), ambientLight(), directionalLight(), pointLight(), texture(), specularMaterial(), shininess(), normalMaterial() e shader(). +redraw__description__0 = A função redraw() faz com que o código dentro de draw() seja executado uma única vez. +redraw__description__1 = Esta função permite que o programa atualize a janela de exibição apenas quando necessário, por exemplo, quando ocorre um evento registrado por mousePressed() ou keyPressed(). +redraw__description__2 = Na estruturação de um programa, só faz sentido chamar redraw() em eventos como mousePressed(). Isso ocorre porque redraw() não executa draw() imediatamente (apenas define um sinalizador que indica que uma atualização é necessária). +redraw__description__3 = A função redraw() não funciona corretamente quando é chamada dentro de draw().Para ativar/desatiar animações utilize loop() e noLoop(). +redraw__description__4 = Além disso, você pode definir o número de redraws (o número de vezes que o código dentro de draw() será executado) por chamada de método. Basta adicionar um inteiro como parâmetro único para o número de redraws. +redraw__params__n = Número inteiro (optional): Redraw n-vezes. O valor padrão é 1. +p5__description__0 = O construtor p5() permite que você ative o "instance mode" em vez do "global mode". +p5__description__1 = Este é um tópico avançado, uma breve descrição e um exemplo estão incluídos abaixo. Por favor, assista o tutorial em vídeo do Coding Train de Dan Shiffman eu acesse este tutorial para mais informações. +p5__description__2 = Por padrão, todas as funções p5.js estão no global namespace (ou seja, vinculadas ao objeto window), o que significa que você pode chamá-las simplesmente de elipse (), preenchimento (), etc. No entanto, isso pode ser inconveniente se você estiver utilizando junto outras Bibliotecas JS (de forma síncrona ou assíncrona) ou escrevendo seus próprios programas longos. O p5.js atualmente suporta uma maneira de contornar este problema chamado "instance mode". No modo de instância, todas as funções do p5 são agrupadas em uma única variável, em vez de poluir seu global namespace. +p5__description__3 = Opcionalmente, você pode especificar um elemento HTML do tipo container (ex. <div>) padrão para a canvas e quaisquer outros elementos para anexar com um segundo argumento. Você pode fornecer o ID de um elemento em seu html, ou o próprio node (nó) html. +p5__description__4 = Observe que a criação de instâncias como essa também permite que você tenha mais de um sketch do p5 em uma única página da web, pois cada um deles será empacotado (wrapped) com suas próprias variáveis de configuração. Você também pode usar <iframe> para ter vários sketches no modo global. +p5__params__sketch = Objeto: uma função contendo o sketch do p5.js +p5__params__node = String|Objeto: ID ou ponteiro para o node (nó) HTML no DOM contendo o sketch do p5.js +applyMatrix__description__0 = Multiplica a matriz atual por aquela especificada nos parâmetros. Esta é uma operação poderosa que pode realizar o equivalente a translação, escala, distorção e rotação, tudo de uma vez. Você pode aprender mais sobre matrizes de transformação em Wikipedia. +applyMatrix__description__1 = A nomenclatura dos argumentos aqui segue a nomenclatura da especificação WHATWG and corresponds to a transformation matrix of the form:
+applyMatrix__description__2 = a matriz de transformação usada quando applyMatrix é chamado
+applyMatrix__params__a = Número|Array: números que definem a matriz 2x3 a ser multiplicada, ou uma matriz de números +applyMatrix__params__b = Número: números que definem a matriz 2x3 a ser multiplicada +applyMatrix__params__c = Número: números que definem a matriz 2x3 a ser multiplicada +applyMatrix__params__d = Número: números que definem a matriz 2x3 a ser multiplicada +applyMatrix__params__e = Número: números que definem a matriz 2x3 a ser multiplicada +applyMatrix__params__f = Número: números que definem a matriz 2x3 a ser multiplicada +resetMatrix__description__0 = Substitui a matriz atual pela matriz de identidade. +rotate__description__0 = Gira uma forma pela quantidade especificada pelo parâmetro de ângulo. Esta função é responsável por angleMode, então os ângulos podem ser inseridos em RADIANOS ou GRAUS. +rotate__description__1 = Os objetos são sempre girados em torno de sua posição relativa à origem e os números positivos giram os objetos no sentido horário. As transformações se aplicam a tudo o que acontece depois e as chamadas subsequentes para a função acumulam o efeito. Por exemplo, chamar rotate(HALF_PI) e então rotate(HALF_PI) é o mesmo que rotate(PI). Todas as transformações são redefinidas quando draw() iniciar novamente. +rotate__description__2 = Tecnicamente, rotate() multiplica a matriz de transformação atual por uma matriz de rotação. Esta função pode ser controlada posteriormente pelo push() e pop(). +rotate__params__angle = Número: o ângulo de rotação, especificado em radianos ou graus, dependendo do atual angleMode +rotate__params__axis = p5.Vector|Número[] (opcional): (em 3d) eixos de rotação +rotateX__description__0 = Gira uma forma em torno do eixo X pela quantidade especificada no parâmetro de ângulo. Os ângulos podem ser inseridos em RADIANOS ou GRAUS. +rotateX__description__1 = Os objetos são sempre girados em torno de sua posição relativa à origem e os números positivos giram os objetos no sentido horário. Todas as transformações são reiniciadas quando draw() for iterado novamente. +rotateX__params__angle = Número: o ângulo de rotação, especificado em radianos ou graus, dependendo do atual angleMode +rotateY__description__0 = Gira uma forma em torno do eixo Y pelo valor especificado no parâmetro de ângulo. Os ângulos podem ser inseridos em RADIANOS ou GRAUS. +rotateY__description__1 = Os objetos são sempre girados em torno de sua posição relativa à origem e os números positivos giram os objetos no sentido horário. Todas as transformações são reiniciadas quando draw() for iterado novamente. +rotateY__params__angle = Número: o ângulo de rotação, especificado em radianos ou graus, dependendo do atual angleMode +rotateZ__description__0 = Gira uma forma em torno do eixo Z pelo valor especificado no parâmetro de ângulo. Os ângulos podem ser inseridos em RADIANOS ou GRAUS. +rotateZ__description__1 = Este método apenas funciona em modo WEBGL. +rotateZ__description__2 = Os objetos são sempre girados em torno de sua posição relativa à origem e os números positivos giram os objetos no sentido horário. Todas as transformações são reiniciadas quando draw() for iterado novamente. +rotateZ__params__angle = Número: o ângulo de rotação, especificado em radianos ou graus, dependendo do atual angleMode +scale__description__0 = Aumenta ou diminui o tamanho de uma forma expandindo ou contraindo vértices. Os objetos sempre são escalonados de sua origem relativa ao sistema de coordenadas. Os valores da escala são especificados como porcentagens decimais. Por exemplo, a chamada de função scale (2.0) aumenta a dimensão de uma forma em 200%. +scale__description__1 = As transformações se aplicam a tudo o que acontece depois e as chamadas subsequentes à função multiplicam o efeito. Por exemplo, chamar escala (2,0) e depois escala (1,5) é o mesmo que escala (3,0). Se scale() é chamado dentro de draw(), a transformação é reiniciada quando o loop for iterado novamente. +scale__description__2 = O uso desta função com o parâmetro z está disponível apenas no modo WEBGL. Esta função pode ser controlada posteriormente com push() e pop(). +scale__params__s = Número|p5.Vector|Número[] (opcional): porcentagem para dimensionar o objeto no eixo x se vários argumentos forem fornecidos +scale__params__y = Número (optional): percentual para dimensionar o objeto no eixo y +scale__params__z = Número (optional): percentual para dimensionar o objeto no eixo z (apenas em webgl) +scale__params__scales = p5.Vector|Número[]: percentagens por eixo para dimensionar o objeto +shearX__description__0 = Corta uma forma em torno do eixo x pelo valor especificado pelo parâmetro de ângulo. Os ângulos devem ser especificados no angleMode atual. Os objetos são sempre cortados em torno de sua posição relativa à origem e os números positivos cortam os objetos no sentido horário. +shearX__description__1 = As transformações se aplicam a tudo o que acontece depois e as chamadas subsequentes para a função acumulam o efeito. Por exemplo, chamar shearX(PI/2) e então shearX(PI/2) é o mesmo que shearX(PI). Se shearX() é chamado dentro de draw(), a transformação é reiniciada quando o loop for iterado novamente. +shearX__description__2 = Tecnicamente, shearX() multiplica a matriz de transformação atual por uma matriz de rotação. Esta função pode ser controlada posteriormente pelas funções push() e pop() . +shearX__params__angle = Número: ângulo de corte especificado em radianos ou graus, dependendo do angleMode atual +shearY__description__0 = Corta uma forma em torno do eixo y de acordo com o valor especificado pelo parâmetro de ângulo. Os ângulos devem ser especificados no angleMode atual. Os objetos são sempre cortados em torno de sua posição relativa à origem e os números positivos cortam os objetos no sentido horário. +shearY__description__1 = As transformações se aplicam a tudo o que acontece depois e as chamadas subsequentes para a função acumulam o efeito. Por exemplo, chamar shearY (PI/2) e depois shearY(PI/2) é o mesmo que shearY(PI). Se shearY() é chamado dentro de draw(), a transformação é reiniciada quando o loop rodar novamente. +shearY__description__2 = Tecnicamente, shearY() multiplica a matriz de transformação atual por uma matriz de rotação. Esta função pode ser controlada posteriormente pelas funções push() e pop() . +shearY__params__angle = Número: ângulo de corte especificado em radianos ou graus, dependendo do atual angleMode +translate__description__0 = Especifica uma quantidade para deslocar objetos na janela de exibição. O parâmetro x especifica a translação esquerda / direita, o parâmetro y especifica a translação para cima / para baixo. +translate__description__1 = As transformações são cumulativas e se aplicam a tudo o que acontece depois e as chamadas subsequentes para a função acumulam o efeito. Por exemplo, chamar a translação (50, 0) e então a translação (20, 0) é o mesmo que a translação de (70, 0). Se translate() for chamado dentro de draw(), a transformação é reiniciada quando o loop for iterado novamente. Esta função pode ser posteriormente controlada usando push() e pop(). +translate__params__x = Número: translação esquerda/direita +translate__params__y = Número: translação para cima/ para baixo +translate__params__z = Número (opcional): translação para frente/ para trás (apenas em webgl) +translate__params__vector = p5.Vector: o vetor para translação +storeItem__description__0 = Armazena um valor(value) no local storage sob o nome da chave (key). O armazenamento local é salvo no navegador e permanece salvo entre as sessões de navegação e recarregamentos de página. A chave (key) pode ser o nome da variável, mas não obrigatoriamente. Para recuperar os itens armazenados, consulte getItem. Dados sensíveis como senhas ou infromações pessoais não devem ser armazenados no armazenamento local. +storeItem__params__key = String +storeItem__params__value = String|Number|Object|Boolean|p5.Color|p5.Vector +getItem__description__0 = Retorna o valor de um item que foi armazenado do armazenamento local usando storeItem() +getItem__returns = Number|Object|String|Boolean|p5.Color|p5.Vector: valor do item armazenado +getItem__params__key = String: nome que você deseja utilizar para armazenar no armazenar no armazenamento local +clearStorage__description__0 = Esvazia todos os itens armazenados localmente configurados com storeItem() para o domínio atual. +removeItem__description__0 = Remove um item que foi armazenado com storeItem() +removeItem__params__key = String +createStringDict__description__0 = Cria uma nova instancia de p5.StringDict utilizando o par chave-valor (key-value) ou o objeto que você fornecer. +createStringDict__returns = p5.StringDict: +createStringDict__params__key = String +createStringDict__params__value = String +createStringDict__params__object = Object: object +createNumberDict__description__0 = Cria uma nova instancia de p5.NumberDict utilizando o par chave-valor (key-value) ou o objeto que você fornecer +createNumberDict__returns = p5.NumberDict: +createNumberDict__params__key = Number +createNumberDict__params__value = Number +createNumberDict__params__object = Object: object +select__description__0 = Busca a pagina o primeiro elemento que corresponde a string do seletor CSS determinada (pode ser uma ID, classe, tag ou uma combinação) e o retorna como um p5.Element. O node do DOM pode ser acessado com .elt. Retorna nulo se nenhum for encontrado. Você também pode especificar um container dentro do qual a pesquisa será feita. +select__returns = p5.Element|null: p5.Element contendo o node encontrado +select__params__selectors = String: string do seletor CSS do elemento a ser buscado +select__params__container = String|p5.Element|HTMLElement (Opcional): string do seletor CSS, p5.Element , ou elemento HTML dentro do qual deve ser buscado +selectAll__description__0 = Busca na pagina todos os elementos que correspondem a string do seletor CSS determinada (pode ser uma ID, classe, tag ou uma combinação) e os retornam como p5.Elements em um array(array?). O node do DOM pode ser acessado com .elt. Retorna um array vazio se nada for encondrado. Você também pode especificar um container dentro do qual a pesquisa será feita. +selectAll__returns = p5.Element[]: Uma array de p5.Elements contendo os nodes encontrados +selectAll__params__selectors = String: string do seletor CSS do elemento a ser buscado +selectAll__params__container = String|p5.Element|HTMLElement (Opcional): string do seletor CSS, p5.Element, ou elemento HTML dentro do qual deve ser buscado +removeElements__description__0 = Remove todos os elementos criados pelo p5, exceto a canvas ou elementos gráficos criados por createCanvas ou createGraphics. !! Event handlers e o elemento são removidos do DOM. +changed__description__0 = A função changed() é chamada quando o valor de um elemento é alterado. Pode ser utilizada !! para anexar um !!event listener específico de um elemeto. +changed__params__fxn = Função | Booleano: função a ser disparada quando o valor de um elemento é alterado. Se false (falso) for passado como parâmetro, a função disparadora anterior não será mais disparada. +input__description__0 = A função input() é chamada quando é detectado aulgum input do usuário dentro de um elemento. O evento de input normalmente é usado para detectar pressionamentos de teclas em um elemento de input ou alterações em um elemento slider (controle deslizante). Pode ser utilizada !! para anexar um !!event listener específico de um elemeto. +input__params__fxn = Função | Booleano: função a ser disparada quando algum input do usuário é detectado dentro do elemento. Se false for passado como parâmetro, a função disparadora anterior não será mais disparada. +createDiv__description__0 = Cria um elemento <div> no DOM com o HTML interno fornecido. +createDiv__returns = p5.Element: ponteiro para p5.Element que contém o node criado. +createDiv__params__html = String (Opcional): HTML interno para o elemento criado. +createP__description__0 = Cria um elemento <p></p> (parágrafo) no DOM com o HTML interno fornecido. +createP__returns = p5.Element: ponteiro para p5.Element que contém o node criado. +createP__params__html = String(Opcional): HTML interno para o elemento criado. +createSpan__description__0 = Cria um elemento <span></span> no DOM com o HTML interno fornecido. +createSpan__returns = p5.Element: ponteiro para p5.Element que contém o node criado. +createSpan__params__html = String(Opcional): HTML interno para o elemento criado. +createImg__description__0 = Cria um elemento <img> no DOM com a fonte (src) e o texto altenativo (alt) fornecidos. +createImg__returns = p5.Element: ponteiro para p5.Element que contém o node criado. +createImg__params__src = String: fonte (src) da Imagem, pode ser o endereço do arquivo ou uma url. +createImg__params__alt = String: texto alternativo (alt) atributo da imagem usado caso o arquivo não possa ser carregado. Você também pode usar uma string vazia ("") caso a intençao seja que a imagem não seja vista. +createImg__params__crossOrigin = String: atributo crossorigin do elemento <img>; +createImg__params__successCallback = Função callback a ser chamada quando os dados da image são carregados com o p5.Element como argumento +createA__description__0 = Cia um elemento <a></a> no DOM com um hyperlink (hiperligação). +createA__returns = p5.Element: ponteiro para o p5.Element contendo o node (nó) criado +createA__params__href = String: url da página a ser vinculada +createA__params__html = String: HTML interno do elemento. +createA__params__target = String (Opcional): atributo target, este atributo define a forma como o hyperlink (hiperligação) será aberta. Podem ser definidos os valores: _blank, _self, _parent, _top. +createSlider__description__0 = Cria um elemento de <input></input> em forma de slider (controle deslizante) no DOM. Use .size() para configurar o comprimento do slider (controle deslizante). +createSlider__returns = p5.Element: ponteiro para um p5.Element contendo o node (nó) criado +createSlider__params__min = Número: valor mínimo do slider +createSlider__params__max = Número: valor máximo do slider +createSlider__params__value = Número (opcional): valor padrão do slider +createSlider__params__step = Número (opcional); valor do incremento para cada marcação do slider (se o valor do incremento for 0, o slider vai se movimentar continuamente entre o valor mínimo e o máximo) +createButton__description__0 = Cia um elemento <button></button> no DOM. Use .size() para configurara o tamanho do botão. Use .mousePressed() para especificar o comportamento ao pressionar. +createButton__returns = p5.Element: ponteiro para um p5.Element contendo o node (nó) criado +createButton__params__label = String: label (etiqueta) exibida no botão +createButton__params__value = String (Opcional): valor do botão +createCheckbox__description__0 = Cria um elemento de <input></input> em forma de checkbox (caixas de seleção) no DOM. Chamando .checked() on a checkbox retorna true (verdadeiro) se ela estiver marcada ou false (falso) caso não esteja. +createCheckbox__returns = p5.Element: pontero para um p5.Element contendo o node (nó) criado +createCheckbox__params__label = String (Opcional): label (etiqueta) exibida após a checkbox +createCheckbox__params__value = Booleano (Ocional): valor da checkbox; se a caixa estiver marcada o valor será true (verdadeiro), se a caixa estiver desmarcada será false (falso) +createSelect__description__0 = Cria um elemento de seleção <select></select> em forma de lista suspensa no DOM. Também ajuda a atribuir métodos de caixa de seleção a p5.Element ao selecionar a caixa de seleção existente.
  • .option(name, [value]) pode ser utilizado para configurar opções para a selecão depois de criada.
  • .value() retornará a opção selecionada no momento.
  • .selected() retornará o elemento da lista suspensa atual que é uma instância do p5.Element.
  • .selected(value) pode ser usado para tornar determinado item selecionado por padrão quando a página é carregada pela primeira vez.
  • .disable() marca toda lista suspensa como desativada.
  • .disable(value) marca o item determinado como desativado.
    • +createSelect__returns = p5.Element: +createSelect__params__multiple = Booleano (Opcional): true (verdadeiro) se o elemento suportar várias seleções +createSelect__params__existing = Objeto: elemento de seleção do DOM +createRadio__description__0 = Cria um elemento HTML de <input></input> do tipo botão de escolha (tipe = "radio") no DOM. Também auxilia a atribuir métodos de p5.Element a botões de escolha (radio) existentes.
    • O método .option(value, [label]) pode ser utilizado para criar um novo item para o elemento. Se já existir um item com o valor indicado, o método retornará este item. Opcionalmente, um label (etiqueta) pode ser fornecido como segundo argumento para o item.
    • O método .remove(value) pode ser utilizado para remover um item do elemento.
    • O método .value() retorna o valor do item selecionado no momento.
    • O método .selected() retorna o elemento de input selecionado no momento.
    • O método .selected(value) marca um item como selecionado, retorna ele mesmo.
    • O método .disable(Boolean) desativa/ativa o elemento todo.
    +createRadio__returns = p5.Element: ponteiro para um p5.Element contendo o node (nó) criado. +createRadio__params__containerElement = Objeto: Um elemento container de HTML, pode ser um <div></div> ou <span></span>, dentro do qual todas os inputs existentes serão considerados como itens do botão de escolha. +createRadio__params__name = String (Opcional): parâmetro nome para cada elemnto de input. +createColorPicker__description__0 = Cria um elemento no DOM para input de cor. O método .value() retorna uma string HEX (#rrggbb) da cor. O método .color() retorna um objeto p5.Color com a selecão de cor atual. +createColorPicker__returns = p5.Element: ponteiro para um p5.Element contendo o node (nó) criado. +createColorPicker__params__value = String|p5.Color (Opcional): cor padrão do elemento. +createInput__description__0 = Cria um elemento de <input></input> de texto no DOM. Use .size() para configurar o tamanho da caixa de texto. +createInput__returns = p5.Element: ponteiro para um p5.Element contendo o node (nó) do DOM criado. +createInput__params__value = String: default valor padrão da caixa de texto do input +createInput__params__type = String (Opcional): tipo do texto, por ex.: "text", "password" etc. Por padrão o tipo definido é "text". +createFileInput__description__0 = Cria um elemento de <input></input> de arquivo no DOM. Permite que usuários carreguem arquivos locais para utilizar em um sketch. +createFileInput__returns = p5.Element: ponteiro para um p5.Element contendo o node (nó) do DOM criado. +createFileInput__params__callback = Função: Funcão callback para quando o arquivo é carregado. +createFileInput__params__multiple = Booleano (Opcional): permite que múltiplos arquivos sejam selecionados. +createVideo__description__0 = Cria um elemento de <video> HTML5 no DOM para a reprodução simples de áudio/video. O elemento de vídeo é definido como visível por padrão, pode ser ocultado com o método .hide() e desenhado na canvas utilizando image(). O primeiro parâmetro pode ser uma única string com o caminho para um arquivo de vídeo ou uma array de strings com endereços de arquivos de videos em diferentes formatos de arquivo. Isso é útil para garantir que seu vídeo possa ser reproduzido em diferentes navegadores, já que cada um suporta formatos diferentes. Você pode encontrar mais informações sobre os formatos de mídias suportados aqui . +createVideo__returns = p5.MediaElement: ponteiro para um p5.Element de vídeo. +createVideo__params__src = String | String[]: endereço do arquivo de video ou uma array de endereços de arquivos de video em formatos diferentes. +createVideo__params__callback = Função (Optional): função callback chamada no disparo do evento 'canplaythrough', ou seja, quando a mídia está pronta para ser reproduzida, e estima que já foram carregados dados suficientes para reproduzir a mídia sem interrupcões para mais buffering. +createAudio__description__0 = Cria um elemento de <audio> HTML5 no DOM element in the DOM para a reprodução simples de áudio. Por definição, o elemento de áudio é criado como um elemento oculto (hidden). O primeiro parâmetro pode ser uma única string com o caminho para um arquivo de áudio ou uma array de strings com endereços de arquivos de áudio em diferentes formatos de arquivo. Isso é útil para garantir que seu vídeo possa ser reproduzido em diferentes navegadores, já que cada um suporta formatos diferentes. Você pode encontrar mais informações sobre os formatos de mídias suportados aqui. +createAudio__returns = p5.MediaElement: ponteiro para um p5.Element de áudio. +createAudio__params__src = String | String[] (Opcional): endereço do arquivo ou uma array de endereços de arquivos em formatos diferentes. +createAudio__params__callback = Função (Opcional): função chamada no disparo do evento 'canplaythrough', ou seja, quando a mídia está pronta para ser reproduzida, e estima que já foram carregados dados suficientes para reproduzir a mídia sem interrupcões para mais buffering. +createCapture__description__0 = Cria um novo elemento <video> HTML5 que contém o fluxo de áudio e vídeo de uma webcam. O elemento de vídeo é definido como visível por padrão, pode ser ocultado com o método .hide() e desenhado na canvas utilizando image(). A propriedade loadedmetadata pode ser utilizada para detectar quando o elemento for totalmente carregado (ver o segundo exemplo). +createCapture__description__1 = !! More specific properties of the feed can be passing in a Constraints object. See the W3C spec for possible properties. Note that not all of these are supported by all browsers. +createCapture__description__2 = Nota de segurança: Devido a especificações de segurança dos navegadores é preciso solicitar ao usuário permissão para utilizar entradas de mídia como a webcam, para isso o método .getUserMedia() é utilizado dentro da função createCapture(), também por razões de segurança este método só pode ser executado quando o código está rodando localmente ou sob o protocolo HTTPS. +createCapture__returns = p5.Element: ponteiro para um p5.Element com fluxo de video da webcam +createCapture__params__type = String | Constante | Objeto: tipo da captura. AUDIO e VIDEO são as definições padrão caso nenhuma especificação seja passada. !! Também pode ser definido por !! Constraints object +createCapture__params__callback = Função (Opcional): função chamada quando o fluxo de mídia é carregado. +createElement__description__0 = Cria um elemento HTML no DOM com segundo a tag definida. +createElement__returns = p5.Element: ponteiro para um p5.Element contendo o node (nó) criado. +createElement__params__tag = String: tag HTML do novo elemento +createElement__params__content = String (Opcional): conteúdo HTML do elemento. +deviceOrientation__description__0 = A variável global deviceOrientation, embutida na biblioteca p5.js, armazena a orientação do dispositivo em que o sketch está sendo executado. O valor da variável será LANDSCAPE (horizontal) ou PORTRAIT (vertical). Se nenhuma informação estiver disponível, o valor será undefined (indefinido). +accelerationX__description__0 = A variável global accelerationX, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo X. O valor é representado como metros por segundo ao quadrado. +accelerationY__description__0 = A variável global accelerationY, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo Y. O valor é representado como metros por segundo ao quadrado. +accelerationZ__description__0 = A variável global accelerationZ, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo Z. O valor é representado como metros por segundo ao quadrado. +pAccelerationX__description__0 = A variável global pAccelerationX, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo X no frame anterior ao atual. O valor é representado como metros por segundo ao quadrado. +pAccelerationY__description__0 = A variável global pAccelerationY, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo Y no frame anterior ao atual. O valor é representado como metros por segundo ao quadrado. +pAccelerationZ__description__0 = A variável global pAccelerationZ, embutida na biblioteca p5.js, armazena a aceleração do dispositivo no eixo Z no frame anterior ao atual. O valor é representado como metros por segundo ao quadrado. +rotationX__description__0 = A variável global rotationX, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo X. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre -180 e 180. Caso esteja definido como radianos (RADIANS), o valor será entre -PI e PI. +rotationX__description__1 = Nota: A ordem em que as rotações são chamas é importate. Se usadas em conjunto, é preciso chamá-las na ordem Z-X-Y, ou é possível que aconteçam comportamentos inesperados. +rotationY__description__0 = A variável global rotationY, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo Y. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre -90 e 90. Caso esteja definido como radianos (RADIANS), o valor será entre -PI/2 e PI/2. +rotationY__description__1 = Nota: A ordem em que as rotações são chamas é importate. Se usadas em conjunto, é preciso chamá-las na ordem Z-X-Y, ou é possível que aconteçam comportamentos inesperados. +rotationZ__description__0 = A variável global rotationZ, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo Z. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre 0 e 360. Caso esteja definido como radianos (RADIANS), o valor será entre 0 e 2*PI. +rotationZ__description__1 = Nota: A ordem em que as rotações são chamas é importate. Se usadas em conjunto, é preciso chamá-las na ordem Z-X-Y, ou é possível que aconteçam comportamentos inesperados. +pRotationX__description__0 = A variável global pRotationX, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo X no frame anterior ao atual. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre -180 e 180. Caso esteja definido como radianos (RADIANS), o valor será entre -PI e PI. +pRotationX__description__1 = pRotationX pode ser utilizada em conjunto com rotationX para determinar a direção de rotação do dispositivo no eixo X. +pRotationY__description__0 = A variável global pRotationY, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo Y no frame anterior ao atual. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre -90 e 90. Caso esteja definido como radianos (RADIANS), o valor será entre -PI/2 e PI/2. +pRotationY__description__1 = pRotationY pode ser utilizada em conjunto com rotationY para determinar a direção de rotação do dispositivo no eixo Y. +pRotationZ__description__0 = A variável global pRotationZ, embutida na biblioteca p5.js, armazena a rotação do dispositivo em relação ao eixo Z no frame anterior ao atual. Se o modo de ângulo do sketch (angleMode()) estiver definido como graus (DEGREES), o valor será entre 0 e 360. Caso esteja definido como radianos (RADIANS), o valor será entre 0 e 2*PI. +pRotationZ__description__1 = pRotationZ pode ser utilizada em conjunto com rotationZ para determinar a direção de rotação do dispositivo no eixo Z. +turnAxis__description__0 = Quanto o dispositivo é rotacionado, o método deviceTurned() é acionado, e o eixo de rotação é armazenado na variável turnAxis. Essa variável só é definida dentro do escopo de deviceTurned(). +setMoveThreshold__description__0 = A função setMoveThreshold() é utilizada para definir o limiar de movimento da função deviceMoved(). O valor limiar padrão é 0.5. +setMoveThreshold__params__value = Número: o valor do limiar +setShakeThreshold__description__0 = A função setShakeThreshold() é utilizada para definir o limiar de movimento da função deviceShaken(). O valor limiar padrão é 30. +setShakeThreshold__params__value = Número: o valor do limiar +deviceMoved__description__0 = A função deviceMoved() é chamada quando o dispositivo for movido para além do limiar em qualquer um dos eixos (X, Y ou Z). O valor limiar padrão é 0.5, e pode ser alterado através da função setMoveThreshold(). +deviceTurned__description__0 = A função deviceTurned() é chamada quando o dispositivo for rotacionado mais de 90 graus contínuos em qualquer eixo (X, Y ou Z). +deviceTurned__description__1 = O eixo que dispara este método é armazenado na variável turnAxis. Assim, é possível direcionar sua execução para eixos específicos ao comparar a variável turnAxis com 'X', 'Y' ou 'Z' +deviceShaken__description__0 = A função deviceShaken() é chamada quando a aceleração total do dispositivo nos eixos X (accelerationX) e Y (accelerationY) for superior ao valor limiar. +deviceShaken__description__1 = Por padrão, este valor é 30, mas pode ser alterado através da função setShakeThreshold(). +keyIsPressed__description__0 = A variável booleana global keyIsPressed é true (verdadeira) quando uma tecla está pressionada, e false (falsa) quando não. +key__description__0 = A variável global key armazena o valor da última tecla que foi pressionada no teclado. Para garantir que o resultado transmita a informação correta em relação a minúsculas ou maiúsculas, é melhor utilizá-la dentro da função keyTyped(). Para teclas especiais ou caracteres fora do padrão ASCII, utilize a variável keyCode. +keyCode__description__0 = A variável global keyCode armazena o código correspondente à última tecla que foi pressionada no teclado. Diferente da variável key, keyCode permite detectar teclas especiais. Para tal, é preciso comparar a variável com o código correspondente à tecla especial desejada, ou com as constantes correspondentes como BACKSPACE, DELETE, ENTER, RETURN, TAB, ESCAPE, SHIFT, CONTROL, OPTION, ALT, UP_ARROW (seta superior), DOWN_ARROW (seta inferior), LEFT_ARROW (seta esquerda), RIGHT_ARROW (seta direita). Você também pode utilizar um site como keycode.info para encontrar o código da tecla (key code) de qualquer tecla em seu teclado. +keyPressed__description__0 = A função keyPressed() é chamada a cada vez que uma tecla é pressionada. O código da tecla e seu valor são então armazenados nas variáveis keyCode e key. +keyPressed__description__1 = Para caracteres dentro do padrão ASCII, o valor da tecla é armazenado na variável key. No entanto, a distinção entre maiúsculas e minúsculas não é garantida. Caso essa distinção seja necessária, é recomendado ler a variável dentro da função keyTyped(). +keyPressed__description__2 = Para caracteres fora do padrão ASCII, o código da tecla é armazenado na variável keyCode. Ela permite detectar teclas especiais ao ser comparada com o código correspondente à tecla especial desejada, ou com as constantes correspondentes como BACKSPACE, DELETE, ENTER, RETURN, TAB, ESCAPE, SHIFT, CONTROL, OPTION, ALT, UP_ARROW (seta superior), DOWN_ARROW (seta inferior), LEFT_ARROW (seta esquerda), RIGHT_ARROW (seta direita). +keyPressed__description__3 = Por causa da forma com que os sistemas operacionais tratam repetições nas teclas, pressionar continuamente uma tecla pode causar chamadas múltiplas aos métodos keyPressed(), keyTyped() e keyReleased(). A frequência de repetição é definida pelo sistema operacional, e pela configuração de cada dispositivo. Navegadores podem ter comportamentos diferentes relacionados a cada evento de tecla. Para previnir qualquer comportamento padrão, adicione return false ao fim do método. +keyPressed__params__event = Objeto (opcional): argumento de callback do tipo KeyboardEvent (evento de teclado) +keyReleased__description__0 = A função keyReleased() é chamada a cada vez que uma tecla é liberada após ser pressionada. Veja key e keyCode para mais detalhes. +keyReleased__description__1 = Navegadores podem ter comportamentos diferentes relacionados a cada evento de tecla. Para previnir qualquer comportamento padrão, adicione return false ao fim do método. +keyReleased__params__event = Objeto (opcional): argumento de callback do tipo KeyboardEvent (evento de teclado) +keyTyped__description__0 = A função keyTyped() é chamada a cada vez que uma tecla é pressionada, mas teclas de ação como Backspace, Delete, Ctrl, Shift, e Alt são ignoradas. A última tecla pressionada é armazenada na variável key. Caso esteja buscando o código da tecla, utilize a função keyPressed(). +keyTyped__description__1 = Por causa da forma com que os sistemas operacionais tratam repetições nas teclas, pressionar continuamente uma tecla pode causar chamadas múltiplas aos métodos keyTyped(), keyPressed() e keyReleased(). A frequência de repetição é definida pelo sistema operacional, e pela configuração de cada dispositivo. Navegadores podem ter comportamentos diferentes relacionados a cada evento de tecla. Para previnir qualquer comportamento padrão, adicione return false ao fim do método. +keyTyped__params__event = Objeto (opcional): argumento de callback do tipo KeyboardEvent (evento de teclado) +keyIsDown__description__0 = A função keyIsDown() verifica se alguma tecla está sendo pressionada. Ela pode ser utilizada caso você queira que diversas teclas afetem o comportamento de um objeto simultaneamente. Por exemplo, você pode querer que um objeto mova diagonalmente somente se as setas esquerda e superior estejam pressionadas ao mesmo tempo. +keyIsDown__description__1 = Você pode verificar qualquer tecla através do seu código de tecla (key code), ou utilizar uma das contantes: BACKSPACE, DELETE, ENTER, RETURN, TAB, ESCAPE, SHIFT, CONTROL, OPTION, ALT, UP_ARROW (seta superior), DOWN_ARROW (seta inferior), LEFT_ARROW (seta esquerda), RIGHT_ARROW (seta direita). +keyIsDown__returns = Booleano: se a tecla está pressionada ou não +keyIsDown__params__code = Número: A tecla a ser verificada +tint__params__v1 = Number: o valor de vermelho ou de matiz (dependendo do formato de cor sendo utilizado) +dist__params__x1 = Number: x-coordinate do primeiro ponto +dist__params__y1 = Number: y-coordinate do primeiro ponto +dist__params__x2 = Number: x-coordinate do segundo ponto +dist__params__y2 = Number: y-coordinate do segundo ponto +dist__params__z1 = Number: z-coordinate do primeiro ponto +dist__params__z2 = Number: z-coordinate do segundo ponto +match__description__0 = Esta função é usada para aplicar uma expressão regular a um trecho de texto e retornar grupos correspondentes (elementos encontrados entre parênteses) como um vetor de Strings. Se não houver correspondências, um valor nulo será retornado. Se nenhum grupo for especificado na expressão regular, mas a sequência corresponder, um vetor de comprimento 1 (com o texto correspondente como o primeiro elemento do vetor) será retornado. +match__description__1 = Para usar a função, primeiro verifique se o resultado é nulo. Se o resultado for nulo, então a sequência não coincidiu. Se a sequência coincidiu, um vetor é retornada. +match__description__2 = Se houver grupos (especificados por conjuntos de parênteses) na expressão regular, os conteúdos de cada um serão retornados no vetor. O elemento [0] de uma correspondência de uma expressão regular retorna toda a string correspondente e os grupos de correspondência começam no elemento [1] (o primeiro grupo é [1], o segundo [2] e assim por diante). +match__returns = String[]: Vetor de Strings encontrado +match__params__str = String: a String a ser procurada +match__params__regexp = String: a expressão regular a ser usada para procurar correspondências +matchAll__description__0 = Esta função é usada para aplicar uma expressão regular a um trecho de texto e retornar uma lista de grupos correspondentes (elementos encontrados entre parênteses) como uma matriz de strings bidimensional. Se não houver correspondências, um valor nulo será retornado. Se nenhum grupo for especificado na expressão regular, mas a sequência corresponder, uma matriz bidimensional ainda será retornada, mas a segunda dimensão terá apenas o comprimento um. +matchAll__description__1 = Para usar a função, primeiro verifique se o resultado é nulo. Se o resultado for nulo, então a sequência não coincidiu. Se a sequência coincidiu, uma matriz 2D é retornada. +matchAll__description__2 = Se houver grupos (especificados por conjuntos de parênteses) na expressão regular, os conteúdos de cada um serão retornados na matriz. Assumindo um loop com variável de contador i, o elemento [i][0] de uma correspondência de expressão regular retorna toda a string correspondente e os grupos de correspondência começam no elemento [i][1] (o primeiro grupo é [i][1] , o segundo [i][2] e assim por diante). +matchAll__returns = String[]: Array 2D de strings encontradas +matchAll__params__str = String: a String a ser procurada +matchAll__params__regexp = String: a expressão regular a ser usada para procurar correspondências +nf__description__0 = Função utilitária para formatar números em strings. Existem duas versões: uma para formatar floats e outra para formatar ints. Os valores dos dígitos, parâmetros esquerdo e direito devem ser sempre inteiros positivos. (NOTA): Tenha cautela ao usar os parâmetros esquerdo e direito, uma vez que eles adicionam números de 0s se o parâmetro for maior que o comprimento atual do número. Por exemplo, se o número for 123,2 e o parâmetro esquerdo passado for de 4, que é maior que o comprimento de 123 (parte inteira), ou seja, 3, o resultado será 0123,2. Mesmo caso para o parâmetro direito, ou seja, se o direito for 3, o resultado será 123,200. +nf__returns = String: String formatada +nf__params__num = Número|String: o número a ser formatado +nf__params__left = Inteiro|String (opcional): número de dígitos à esquerda da vírgula decimal +nf__params__right = Inteiro|String (opcional):número de dígitos à direita da vírgula decimal +nf__params__nums = Array: os números a se formatar +nfc__description__0 = Função utilitária para formatar números em strings e colocar vírgulas apropriadas para marcar unidades de 1000. Existem duas versões: uma para formatar ints e outra para formatar uma array de ints. O valor do parâmetro correto deve ser sempre um número inteiro positivo. +nfc__returns = String: String formatada +nfc__params__num = Numero|String: o número a ser formatado +nfc__params__right = Inteiro|String (opcional): número de dígitos à direita da vírgula decimal +nfc__params__nums = Array: os números a se formatar +nfp__description__0 = Função utilitária para formatar números em strings. Similar a nf() mas coloca um "+" na frente de números positivos e um "-" na frente de números negativos. Existem duas versões: uma para formatar floats e outra para formatar ints. Os valores dos parâmetros esquerdo e direito devem ser sempre inteiros positivos. +nfp__returns = String: String formatada +nfp__params__num = Número: o número a ser formatado +nfp__params__left = Número (opcional): número de dígitos à esquerda da vírgula decimal +nfp__params__right = Número (opcional): número de dígitos à direita da vírgula decimal +nfp__params__nums = Número[]: os números a se formatar +nfs__description__0 = Função utilitária para formatar números em strings. Similar a nf() mas coloca um "_" (espaço) adicional na frente de números positivos a fim de alinhá-los com números negativos que incluem o sinal "-" (menos). O principal tipo de uso de nfs() pode ser visto quando se deseja alinhar os dígitos (valores de posição) de um número não negativo com algum número negativo (veja o exemplo para obter uma imagem clara). Existem duas versões: uma para formatar floats e outra para formatar ints. Os valores dos dígitos, parâmetros esquerdo e direito, devem ser sempre inteiros positivos.
    Importante: o resultado mostrado no Canvas do alinhamento esperado pode variar com base no tipo de fonte tipográfica que você está usando.
    (NOTA): Tenha cautela ao usar os parâmetros esquerdo e direito, uma vez que eles adicionam números de 0s se o parâmetro for maior que o comprimento atual do número. Por exemplo, se o número for 123,2 e o parâmetro esquerdo passado for de 4, que é maior que o comprimento de 123 (parte inteira), ou seja, 3, o resultado será 0123,2. Mesmo caso para o parâmetro direito, ou seja, se o direito for 3, o resultado será 123,200. +nfs__returns = String: String formatada +nfs__params__num = Número: o número a ser formatado +nfs__params__left = Número (opcional): número de dígitos à esquerda da vírgula decimal +nfs__params__right = Número (opcional): número de dígitos à direita da vírgula decimal +nfs__params__nums = Array: os números a se formatar +split__description__0 = A função split() mapeia para String.split(), ela divide uma String em pedaços usando um caractere ou string como delimitador. O parâmetro delim especifica o caractere ou caracteres que marcam os limites entre cada pedaço. Uma array de String[] é retornado contendo cada uma das peças. +split__description__1 = A função splitTokens() funciona de maneira semelhante, exceto por se dividir usando um intervalo de caracteres em vez de um caractere ou sequência específica. +split__returns = String[]: Array de Strings +split__params__value = String: a String a ser dividida +split__params__delim = String: a String usada para separar os dados +splitTokens__description__0 = A função splitTokens() divide uma String em um ou mais delimitadores de caracteres ou "tokens." O parâmetro delim especifica o caractere ou caracteres a serem usados como limite. +splitTokens__description__1 = Se nenhum caractere delim for especificado, qualquer caractere de espaço em branco será usado para dividir. Os caracteres de espaço em branco incluem tab (\t), nova linha (\n), retorno de carro (\r), alimentação de formulário (\f), e espaço. +splitTokens__returns = String[]: Array de Strings +splitTokens__params__value = String: a String a ser dividida +splitTokens__params__delim = String (opcional): lista de Strings individuais que serão usadas como separadores +trim__description__0 = Remove os caracteres de espaço em branco do início e do final de uma String. Além dos caracteres de espaço em branco padrão, como espaço, retorno de carro e tab, esta função também remove o caractere Unicode "nbsp". +trim__returns = String: uma String aparada +trim__params__str = String: uma String a ser aparada +trim__params__strs = Array: uma Array de Strings a ser aparado +day__description__0 = p5.js se comunica com o relógio do seu computador. A função day() retorna o dia atual como um valor de 1 - 31. +day__returns = Inteiro: o dia atual +hour__description__0 = p5.js se comunica com o relógio do seu computador. A função hour() retorna a hora atual como um valor de 0 - 23. +hour__returns = Inteiro: a hora atual +minute__description__0 = p5.js se comunica com o relógio do seu computador. A função minute() retorna o minuto atual como um valor de 0 - 59. +minute__returns = Inteiro: o minuto atual +millis__description__0 = retorna o número de milissegundos (milésimos de segundo) desde que o programa começou a ser executado (quando setup() é chamado). Esta informação é frequentemente usada para eventos de temporização e sequências de animação. +millis__returns = Número: o número de milissegundos desde que o programa começou a ser executado +month__description__0 = p5.js se comunica com o relógio do seu computador. A função month() retorna o mês atual como um valor de 1 - 12. +month__returns = Inteiro: o mês atual +second__description__0 = p5.js se comunica com o relógio do seu computador. A função second() retorna o segundo atual como um valor de 0 - 59. +second__returns = Inteiro: o segundo atual +year__description__0 = p5.js se comunica com o relógio do seu computador. A função year() retorna o ano atual como um inteiro (2014, 2015, 2016, etc). +year__returns = Inteiro: o ano atual +plane__description__0 = Desenha um plano com largura e altura fornecidas +plane__params__width = Número (opcional): largura do plano +plane__params__height = Número (opcional): altura do plano +plane__params__detailX = Número (opcional): Número opcional de subdivisões de triângulo na dimensão x +plane__params__detailY = Número (opcional): Número opcional de subdivisões de triângulo na dimensão y +box__description__0 = Desenha uma caixa com largura, altura e profundidade fornecidas +box__params__width = Número (opcional): largura da caixa +box__params__Height = Número (opcional): altura da caixa +box__params__depth = Número (opcional): profundidade da caixa +box__params__detailX = Número (opcional): Número opcional de subdivisões de triângulo na dimensão x +box__params__detailY = Número (opcional): Número opcional de subdivisões de triângulo na dimensão y +sphere__description__0 = Desenha uma esfera com determinado raio. +sphere__description__1 = DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de uma esfera. Mais subdivisões fazem a esfera parecer mais regular. Os valores máximos recomendados são ambos 24. Usar um valor maior que 24 pode causar um alerta ou tornar o navegador mais lento. +sphere__params__radius = Número (opcional): raio do círculo +sphere__params__detailX = Número (opcional): Número opcional de subdivisões na dimensão x +sphere__params__detailY = Número (opcional): Número opcional de subdivisões na dimensão y +cylinder__description__0 = Desenha um cilindro com determinado raio e altura +cylinder__description__1 = DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de um cilindro. Mais subdivisões fazem o cilindro parecer mais regular. O valor máximo recomendado para detailX é 24. Usar um valor maior que 24 pode causar um alerta ou tornar o navegador mais lento. +cylinder__params__radius = Número (opcional): raio da superfície +cylinder__params__height = Número (opcional): altura do cilindro +cylinder__params__detailX = Número (opcional): Número de subdivisões na dimensão x; o padrão é 24 +cylinder__params__detailY = Número (opcional): Número de subdivisões na dimensão y; o padrão é 1 +cylinder__params__bottomCap = Booleano (opcional): se deve desenhar a base do cilindro +cylinder__params__topCap = Booleano (opcional): se deve desenhar o topo do cilindro +cone__description__0 = Desenha um cone com determinado raio e altura +cone__description__1 = DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de um cone. Mais subdivisões fazem o cone parecer mais regular. O valor máximo recomendado para detailX é 24. Usar um valor maior que 24 pode causar um alerta ou tornar o navegador mais lento. +cone__params__radius = Número (opcional): raio da base +cone__params__height = Número (opcional): altura do cone +cone__params__detailX = Número (opcional): Número de segmentos, por padrão é 24, quanto mais segmentos, mais regular sua geometria. +cone__params__detailY = Número (opcional): Número de segmentos, por padrão é 1, quanto mais segmentos, mais regular sua geometria +cone__params__cap = Booleano (opcional): se deve desenhar a base do cone +ellipsoid__description__0 = Desenha um elipsóide com determinado raio +ellipsoid__description__1 = DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de um cone. Mais subdivisões fazem o elipsóide parecer mais regular. Evite o número do parâmetro acima de 150, pois pode travar o navegador. +ellipsoid__params__radiusx = Número (opcional): raio x do elipsóide +ellipsoid__params__radiusy = Número (opcional): raio y do elipsóide +ellipsoid__params__radiusz = Número (opcional): raio z do elipsóide +ellipsoid__params__detailX = Número (opcional): Número de segmentos, por padrão é 24, quanto mais segmentos, mais regular sua geometria. Evite o número do parâmetro acima de 150, pois pode travar o navegador. +ellipsoid__params__detailY = Número (opcional): Número de segmentos, por padrão é 16, quanto mais segmentos, mais regular sua geometria. Evite o número do parâmetro acima de 150, pois pode travar o navegador. +torus__description__0 = Desenha um toro com determinado raio e raio do tubo +torus__description__1 = DetailX e detailY determinam o número de subdivisões na dimensão x e na dimensão y de um toro. Mais subdivisões fazem o toro parecer mais regular. Os valores padrão e máximos para detailX e detailY são 24 e 16, respectivamente. Configurá-los com valores relativamente pequenos, como 4 e 6, permite criar novas formas além de um toro. +torus__params__radius = Número (opcional): raio do anel todo +torus__params__tubeRadius = Número (opcional): raio do tubo +torus__params__detailX = Número (opcional): Número de segmentos na dimensão x, por padrão é 24, quanto mais segmentos, mais regular sua geometria. +torus__params__detailY = Número (opcional): Número de segmentos na dimensão y, por padrão é 16, quanto mais segmentos, mais regular sua geometria. +orbitControl__description__0 = Permite o movimento em torno de um sketch 3D usando um mouse ou trackpad. Clicar e arrastar com o botão esquerdo girará a posição da câmera sobre o centro do sketch, ao clicar e arrastar com o botão direito, irá mover a câmera horizontalmente sem rotação, e usando a roda do mouse (rolagem), irá mover a câmera para mais perto ou mais longe do centro do sketch. Esta função pode ser chamada com parâmetros que ditam a sensibilidade ao movimento do mouse ao longo dos eixos X e Y. Chamar esta função sem parâmetros é equivalente a chamar orbitControl(1,1). Para inverter a direção do movimento em qualquer um dos eixos, insira um número negativo para sensibilidade. +orbitControl__params__sensitivityX = Número (opcional): sensibilidade ao movimento do mouse ao longo do eixo X +orbitControl__params__sensitivityY = Número (opcional): sensibilidade ao movimento do mouse ao longo do eixo Y +orbitControl__params__sensitivityZ = Número (opcional): sensibilidade para rolar o movimento ao longo do eixo Z +debugMode__description__0 = debugMode() ajuda a visualizar o espaço 3D adicionando uma grade para indicar onde o "solo" está em um sketch e um ícone de eixo que indica as direções + X, + Y e + Z. Esta função pode ser chamada sem parâmetros para criar um padrão de grade e ícone de eixos, ou pode ser chamada de acordo com os exemplos acima para personalizar o tamanho e a posição da grade e/ou ícone de eixos. A grade é desenhada usando a cor e a espessura do traço definidas por último. Para especificar esses parâmetros, adicione uma chamada para stroke() e strokeWeight() antes do final do loop draw(). +debugMode__description__1 = Por padrão, a grade percorrerá a origem (0,0,0) do sketch ao longo do plano XZ e o ícone dos eixos será deslocado da origem. Ambos, a grade e ícone de eixos serão dimensionados de acordo com o tamanho do Canvas atual. Observe que, como a grade é executada paralelamente à visualização padrão da câmera, muitas vezes é útil usar o debugMode junto com orbitControl para permitir a visualização completa da grade. +debugMode__params__mode = Constante: tanto GRADE quanto EIXOS +debugMode__params__gridSize = Número (opcional): tamanho de um lado da grade +debugMode__params__gridDivisions = Número (opcional): Número de divisões na grade +debugMode__params__xOff = Número (opcional): deslocamento do eixo X da origem (0,0,0) +debugMode__params__yOff = Número (opcional): deslocamento do eixo Y da origem (0,0,0) +debugMode__params__zOff = Número (opcional): deslocamento do eixo Z da origem (0,0,0) +debugMode__params__axesSize = Número (opcional): tamanho do ícone de eixos +debugMode__params__gridXOff = Número (opcional) +debugMode__params__gridYOff = Número (opcional) +debugMode__params__gridZOff = Número (opcional) +debugMode__params__axesXOff = Número (opcional) +debugMode__params__axesYOff = Número (opcional) +debugMode__params__axesZOff = Número (opcional) +noDebugMode__description__0 = Desativa o debugMode() em um sketch 3D. +ambientLight__description__0 = Cria uma luz ambiente com uma cor. A luz ambiente é a luz que vem de todos os lugares do canvas. Não tem uma fonte particular. +ambientLight__params__v1 = Número: vermelho ou valor de matiz relativo ao intervalo de cores atual +ambientLight__params__v2 = Número: verde ou valor de saturação relativo ao intervalo de cores atual +ambientLight__params__v3 = Número: azul ou valor de brilho relativo ao intervalo de cores atual +ambientLight__params__alpha = Número (opcional): valor de alpha +ambientLight__params__value = String: uma string de cor +ambientLight__params__gray = Número: um valor de cinza +ambientLight__params__values = Número[]: uma array contendo os componentes vermelho, verde, azul e alfa da cor +ambientLight__params__color = p5.Color: a cor da luz ambiente +specularColor__description__0 = Define a cor do realce especular ao usar um material especular e luz especular. +specularColor__description__1 = Este método pode ser combinado com as funções specularMaterial() e shininess() para definir realces especulares. A cor padrão é o branco, isto é (255, 255, 255), que é usado se este método não for chamado antes de specularMaterial(). Se este método é chamado sem specularMaterial(), não haverá efeito. +specularColor__description__2 = Nota: specularColor é equivalente à função do processing lightSpecular. +specularColor__params__v1 = Número: vermelho ou valor de matiz relativo ao intervalo de cores atual +specularColor__params__v2 = Número: verde ou valor de saturação relativo ao intervalo de cores atual +specularColor__params__v3 = Número: azul ou valor de brilho relativo ao intervalo de cores atual +specularColor__params__alpha = Número (opcional): valor de alpha +specularColor__params__value = String: uma string de cor +specularColor__params__gray = Número: um valor de cinza +specularColor__params__values = Número[]: uma array contendo os componentes vermelho, verde, azul e alfa da cor +specularColor__params__color = p5.Color: a cor da luz ambiente +directionalLight__description__0 = Cria uma luz direcional com uma cor e uma direção +directionalLight__description__1 = Um máximo de 5 luzes direcionais podem estar ativas ao mesmo tempo +directionalLight__params__v1 = Número: vermelho ou valor de matiz (dependendo do modelo de cores atual) +directionalLight__params__v2 = Número: verde ou valor de saturação +directionalLight__params__v3 = Número: azul ou valor de brilho +directionalLight__params__position = p5.Vector: a direção da luz +directionalLight__params__color = Número[]|String|p5.Color: Array de cor, string CSS de cor, ou valor de p5.Color +directionalLight__params__x = Número: direção do eixo x +directionalLight__params__y = Número: direção do eixo y +directionalLight__params__z = Número: direção do eixo z +pointLight__description__0 = Cria um ponto de luz com uma cor e uma posição de luz +pointLight__description__1 = Um máximo de 5 pontos de luz podem estar ativos ao mesmo tempo +pointLight__params__v1 = Número: vermelho ou valor de matiz (dependendo do modelo de cores atual) +pointLight__params__v2 = Número: verde ou valor de saturação +pointLight__params__v3 = Número: azul ou valor de brilho +pointLight__params__x = Número: posição do eixo x +pointLight__params__y = Número: posição do eixo y +pointLight__params__z = Número: posição do eixo z +pointLight__params__position = p5.Vector: a posição da luz +pointLight__params__color = Número[]|String|p5.Color: Array de cor, string CSS de cor, ou valor de p5.Color +lights__description__0 = Define a luz ambiente e direcional padrão. Os padrões são ambientLight(128, 128, 128) e directionalLight(128, 128, 128, 0, 0, -1). As luzes precisam ser incluídas no draw() para permanecerem persistentes em um programa de loop. Colocando-as no setup() de um programa de loop, fará com que tenham efeito apenas na primeira vez que o loop rodar.. +lightFalloff__description__0 = Define as taxas de queda (falloff) para luzes pontuais. Afeta apenas os elementos que são criados depois dele no código. Por padrão o valor é lightFalloff(1.0, 0.0, 0.0), e os parâmetros são usados para calcular a queda (falloff) com a seguinte equação: +lightFalloff__description__1 = d = distância da posição da luz à posição do vértice +lightFalloff__description__2 = falloff = 1 / (Constante + d * LINEAR + ( d * d ) * QUADRATIC) +lightFalloff__params__Constante = Número: valor constante para determinar a queda (falloff) +lightFalloff__params__linear = Número: valor linear para determinar a queda (falloff) +lightFalloff__params__quadratic = Número: valor quadrático para determinar a queda (falloff) +spotLight__description__0 = Cria um holofote com uma determinada cor, posição, direção de luz, ângulo e concentração. Aqui, ângulo se refere à abertura do cone do holofote, e a concentração é usada para focar a luz em direção ao centro. Ambos o ângulo e a concentração são opcionais, mas se você quiser fornecer a concentração, também terá que especificar o ângulo. +spotLight__description__1 = Um máximo de 5 holofotes podem estar ativos ao mesmo tempo +spotLight__params__v1 = Número: vermelho ou valor de matiz (dependendo do modelo de cores atual) +spotLight__params__v2 = Número: verde ou valor de saturação +spotLight__params__v3 = Número: azul ou valor de brilho +spotLight__params__x = Número: posição do eixo x +spotLight__params__y = Número: posição do eixo y +spotLight__params__z = Número: posição do eixo z +spotLight__params__rx = Número: direção do eixo x da luz +spotLight__params__ry = Número: direção do eixo y da luz +spotLight__params__rz = Número: direção do eixo z da luz +spotLight__params__angle = Número (opcional): parâmetro opcional para ângulo. Por padrão até PI/3 +spotLight__params__conc = Número (opcional): parâmetro opcional para concentração. Por padrão até 100 +spotLight__params__color = Número[]|String|p5.Color: Array de cor, string CSS de cor, ou valor de p5.Color +spotLight__params__position = p5.Vector: a posição da luz +spotLight__params__direction = p5.Vector: a direção da luz +noLights__description__0 = Esta função irá remover todas as luzes do sketch para os materiais renderizados subsequentes. Ela afeta todos os métodos subsequentes. Chamadas para métodos de iluminação feitas após o noLights() irão reativar as luzes no sketch. +loadModel__description__0 = Carregar um modelo 3D de um arquivo OBJ ou STL. +loadModel__description__1 = loadModel() deve ser colocado dentro de preload(). Isso permite que o modelo carregue totalmente antes que o resto do seu código seja executado. +loadModel__description__2 = Uma das limitações dos formatos OBJ e STL é que eles não têm um senso de escala embutido. Isso significa que os modelos exportados de programas diferentes podem ter tamanhos muito diferentes. Se o seu modelo não estiver sendo exibido, tente chamar loadModel() com o parâmetro normalize definido como true (verdadeiro).Isso redimensionará o modelo para uma escala apropriada para p5. Você também pode fazer alterações adicionais no tamanho final do seu modelo com a função scale() . +loadModel__description__3 = Além disso, o suporte para arquivos STL coloridos não está presente. Arquivos STL com cor serão renderizados sem propriedades de cor. +loadModel__returns = o objeto p5.Geometry: p5.Geometry +loadModel__params__path = String: endereço do modelo a ser carregado +loadModel__params__normalize = Booleano: Se true (verdadeiro), dimensiona o modelo para um tamanho padronizado ao carregar +loadModel__params__successCallback = função(p5.Geometry) (opcional): Função a ser chamada assim que o modelo for carregado. Será passado o objeto do modelo 3D. +loadModel__params__failureCallback = Função(evento) (opcional): chamado com erro de evento se o modelo não carregar. +loadModel__params__fileType = String (opcional): A extensão de arquivo do modelo (.stl, .obj). +model__description__0 = Renderizar um modelo 3D para a tela. +model__params__model = p5.Geometry: Modelo 3D carregado para ser renderizado +loadShader__description__0 = Carrega uma shader personalizado dos caminhos de vértice e fragmento de shader fornecidos. Os arquivos de shader são carregados de forma assíncrona em segundo plano, portanto, este método deve ser usado em preload(). +loadShader__description__1 = Por enquanto, existem três tipos principais de shaders. O p5 fornecerá automaticamente vértices, normais, cores e atributos de iluminação apropriados se os parâmetros definidos na shader corresponderem aos nomes. +loadShader__returns = p5.Shader: um objeto de shader criado a partir dos arquivos de shaders de vértice e fragmento fornecidos. +loadShader__params__vertFilename = String: endereço para o arquivo que contém o código fonte do vértice da shader +loadShader__params__fragFilename = String: endereço para o arquivo que contém o código fonte do fragmento da shader +loadShader__params__callback = Função (opcional): callback a ser executado após a conclusão de loadShader. Em caso de sucesso, o objeto Shader é passado como o primeiro argumento. +loadShader__params__errorCallback = Função (opcional): callback a ser executado quando ocorrer um erro dentro do loadShader. Em caso de erro, o erro é passado como o primeiro argumento. +createShader__returns = p5.Shader: um objeto de shader criado a partir dos vértices e fragmentos de shader fornecidos. +createShader__params__vertSrc = String: código fonte para o vértice da shader +createShader__params__fragSrc = String: código fonte para o fragmento da shader +shader__description__0 = A função shader() permite que o usuário forneça uma shader personalizada para preencher as formas no modo WEBGL. Os usuários podem criar suas próprias shaders carregando seus vértices e fragmentos com loadShader(). +shader__params__s = p5.Shader (opcional): a desejada p5.Shader para usar para renderizar formas. +resetShader__description__0 = Esta função restaura os padrões de shaders no modo WEBGL. O código que for executado após o resetShader() não será afetado pelas definições de shaders anteriores. Deve ser executado depois de shader(). +normalMaterial__description__0 = O material normal para geometria é um material que não é afetado pela luz. Não é reflexivo e é um material de placeholder (espaço reservado) frequentemente usado para depurar (debug). As superfícies voltadas para o eixo X tornam-se vermelhas, as voltadas para o eixo Y tornam-se verdes e as voltadas para o eixo Z tornam-se azuis. Você pode ver todos os materiais possíveis neste exemplo. +texture__description__0 = Textura para geometria. Você pode ver outros materiais possíveis neste exemplo. +texture__params__tex = p5.Image|p5.MediaElement|p5.Graphics: Gráficos bidimensionais para renderizar como textura +textureMode__description__0 = Define o espaço de coordenadas para mapeamento de textura. O modo padrão é IMAGE, que se refere às coordenadas reais da imagem. NORMAL refere-se a um espaço normalizado de valores que variam de 0 a 1. Esta função só funciona no modo WEBGL. +textureMode__description__1 = Em modo IMAGE, se uma imagem é de 100 x 200 pixels, mapear a imagem por todo o tamanho de um quadrante exigiria os pontos (0,0) (100, 0) (100,200) (0,200). O mesmo mapeamento em NORMAL é (0,0) (1,0) (1,1) (0,1). +textureMode__params__mode = Constante: tanto IMAGE ou NORMAL +textureWrap__description__0 = Define o wrapping mode (modo de embrulhamento) de textura global. Isso controla como as texturas se comportam quando seu mapeamento uv sai do intervalo 0 - 1. Existem três opções: CLAMP, REPEAT e MIRROR. +textureWrap__description__1 = faz com que os pixels na extremidade da textura se estendam para os limites. REPEAT faz com que a textura se espalhe repetidamente até atingir os limites. MIRROR funciona de forma semelhante a REPEAT, mas inverte a textura a cada novo tile (ladrilho). +textureWrap__description__2 = REPEAT & MIRROR só estão disponíveis se a textura for uma for uma multiplicação de dois (128, 256, 512, 1024, etc.). +textureWrap__description__3 = Este método afetará todas as texturas em seu sketch até que uma chamada de textureWrap subsequente seja feita. +textureWrap__description__4 = Se apenas um argumento for fornecido, ele será aplicado aos eixos horizontal e vertical. +textureWrap__params__wrapX = Constante: tanto CLAMP, REPEAT ou MIRROR +textureWrap__params__wrapY = Constante (opcional): tanto CLAMP, REPEAT ou MIRROR +ambientMaterial__description__0 = Material ambiente para geometria com uma determinada cor. O material ambiente define a cor que o objeto reflete sob qualquer iluminação. Por exemplo, se o material ambiente de um objeto for vermelho puro, mas a iluminação ambiente contiver apenas verde, o objeto não refletirá nenhuma luz. Aqui está um exemplo contendo todos os materiais possíveis. +ambientMaterial__params__v1 = Número: valor de cinza, de vermelho ou valor de matiz (dependendo do modo de cor atual), +ambientMaterial__params__v2 = Número (opcional): verde ou valor de saturação +ambientMaterial__params__v3 = Número (opcional): azul ou valor de brilho +ambientMaterial__params__color = Número[]|String|p5.Color: cor, array de cor ou string de cor CSS +emissiveMaterial__description__0 = Define a cor emissiva do material usado para a geometria desenhada na tela. Este é um nome incorreto no sentido de que o material não emite luz que afeta os polígonos circundantes. Em vez disso, dá a aparência de que o objeto está brilhando. Um material emissivo será exibido com força total, mesmo se não houver luz para ele refletir. +emissiveMaterial__params__v1 = Número: valor de cinza, de vermelho ou valor de matiz (dependendo do modo de cor atual), +emissiveMaterial__params__v2 = Número (opcional): valor de verde ou de saturação +emissiveMaterial__params__v3 = Número (opcional): valor de azul ou de brilho +emissiveMaterial__params__a = Número (opcional): opacidade +emissiveMaterial__params__color = Número[]|String|p5.Color: cor, array de cor ou string de cor CSS +specularMaterial__description__0 = Material especular para geometria com uma determinada cor. O material especular é um material reflexivo brilhante. Como o material ambiente, também define a cor que o objeto reflete sob a iluminação ambiente. Por exemplo, se o material especular de um objeto for vermelho puro, mas a iluminação ambiente contiver apenas verde, o objeto não refletirá nenhuma luz. Para todos os outros tipos de luz como ponto de luz e luz direcional, um material especular refletirá a cor da fonte de luz para o observador. Aqui está um exemplo contendo todos os materiais possíveis. +specularMaterial__params__gray = Número: Número especificando o valor entre branco e preto. +specularMaterial__params__alpha = Número (opcional): valor alfa relativo ao intervalo de cores atual (por padrão é 0 - 255) +specularMaterial__params__v1 = Número: valor de cinza, de vermelho ou valor de matiz relativo ao intervalo de cores atual , +specularMaterial__params__v2 = Número (opcional): valor de verde ou de saturação relativo ao intervalo de cores atual +specularMaterial__params__v3 = Número (opcional): valor de azul ou de brilho relativo ao intervalo de cores atual +specularMaterial__params__color = Número[]|String|p5.Color: cor, array de cor ou string de cor CSS +shininess__description__0 = Define a quantidade de brilho na superfície de formas. Usado em combinação com specularMaterial() para definir as propriedades do material das formas. O valor padrão e mínimo é 1. +shininess__params__shine = Número: grau de brilho. Por padrão 1. +camera__description__0 = Define a posição da câmera para um sketch 3D. Os parâmetros para esta função definem a posição da câmera, o centro do sketch (para onde a câmera está apontando) e uma direção para cima (a orientação da câmera). +camera__description__1 = Esta função simula os movimentos da câmera, permitindo que os objetos sejam visualizados de vários ângulos. Lembre-se de que ele não move os próprios objetos, mas sim a câmera. Por exemplo, quando o valor centerX é positivo, a câmera está girando para o lado direito do sketch, então o objeto parece estar se movendo para a esquerda. +camera__description__2 = Veja este exemplo para ver a posição de sua câmera. +camera__description__3 = Quando chamada sem argumentos, esta função cria uma câmera padrão equivalente à camera(0, 0, (height/2.0) / tan(PI*30.0 / 180.0), 0, 0, 0, 0, 1, 0); +camera__params__x = Número (opcional): valor da posição da câmera no eixo x +camera__params__y = Número (opcional): valor da posição da câmera no eixo y +camera__params__z = Número (opcional): valor da posição da câmera no eixo z +camera__params__centerX = Número (opcional): coordenada x representando o centro do sketch +camera__params__centerY = Número (opcional): coordenada y representando o centro do sketch +camera__params__centerZ = Número (opcional): coordenada z representando o centro do sketch +camera__params__upX = Número (opcional): componente x da direção 'para cima' da câmera +camera__params__upY = Número (opcional): componente y da direção 'para cima' da câmera +camera__params__upZ = Número (opcional): componente z da direção 'para cima' da câmera +perspective__description__0 = Define uma projeção em perspectiva para a câmera em um sketch 3D. Esta projeção representa a profundidade através da técnica de Escorço (encurtamento): os objetos que estão perto da câmera aparecem em seu tamanho real, enquanto os que estão mais distantes da câmera parecem menores. Os parâmetros para esta função definem o frustum (tronco) de visualização (a pirâmide frustum dentro da qual os objetos são vistos pela câmera) por meio do campo de visão vertical, relação de aspecto (geralmente largura / altura) e planos de recorte próximos e distantes. +perspective__description__1 = Quando chamada sem argumentos, os padrões fornecidos são equivalentes a perspective(PI/3.0, width/height, eyeZ/10.0, eyeZ10.0), where eyeZ is equal to ((height/2.0) / tan(PI60.0/360.0)); +perspective__params__fovy = Número (opcional): tronco do campo de visão vertical da câmera, de baixo para cima, em angleMode graus +perspective__params__aspect = Número (opcional): relação de aspecto da câmara de frustum (tronco) +perspective__params__near = Número (opcional): frustum (tronco) perto do plano de comprimento +perspective__params__far = Número (opcional): frustum (tronco) distante do plano de comprimento +ortho__description__0 = Define uma projeção ortográfica para a câmera em um sketch 3D e define um frustum de visualização em forma de caixa dentro do qual os objetos são vistos. Nesta projeção, todos os objetos com a mesma dimensão aparecem do mesmo tamanho, independentemente de estarem próximos ou distantes da câmera. Os parâmetros para esta função especificam o frustum (tronco) de visualização onde esquerda e direita são os valores x mínimo e máximo, topo e fundo são os valores y mínimo e máximo e próximo e longe são os valores z mínimo e máximo. Se nenhum parâmetro for fornecido, por padrão será usado: ortho(-width/2, width/2, -height/2, height/2). +ortho__params__left = Número (opcional): câmera frustum (tronco) do plano esquerdo +ortho__params__right = Número (opcional): câmera frustum (tronco) do plano direito +ortho__params__bottom = Número (opcional): câmera frustum (tronco) do plano inferior +ortho__params__top = Número (opcional): câmera frustum (tronco) do plano superior +ortho__params__near = Número (opcional): câmera frustum (tronco) próxima ao plano +ortho__params__far = Número (opcional): câmera frustum (tronco) longe do plano +frustum__description__0 = Define uma matriz de perspectiva conforme definida pelos parâmetros. +frustum__description__1 = Um frustum (tronco) é uma forma geométrica: uma pirâmide com o topo cortado. Com o olho do observador no topo imaginário da pirâmide, os seis planos do frustum atuam como planos de recorte ao renderizar uma vista 3D. Assim, qualquer forma dentro dos planos de recorte é visível; qualquer coisa fora desses planos não é visível. +frustum__description__2 = Definir o frustum muda a perspectiva da cena sendo renderizada. Isso pode ser alcançado de forma mais simples em muitos casos, usando perspective(). +frustum__params__left = Número (opcional): câmera frustum (tronco) do plano esquerdo +frustum__params__right = Número (opcional): câmera frustum (tronco) do plano direito +frustum__params__bottom = Número (opcional): câmera frustum (tronco) do plano inferior +frustum__params__top = Número (opcional): câmera frustum (tronco) do plano superior +frustum__params__near = Número (opcional): câmera frustum (tronco) próxima ao plano +frustum__params__far = Número (opcional): câmera frustum (tronco) longe do plano +createCamera__description__0 = Cria um novo objeto p5.Camera e diz ao renderizador para usar aquela câmera. Retorna o objeto p5.Camera. +createCamera__returns = p5.Camera: O objeto de câmera recém-criado. +setCamera__description__0 = Define a câmera atual do rendererGL para um objeto p5.Camera. Permite alternar entre várias câmeras. +setCamera__params__cam = p5.Camera: objeto p5.Camera +setAttributes__description__0 = Define atributos para o contexto de desenho WebGL. Esta é uma maneira de ajustar a forma como o renderizador WebGL funciona para afinar a exibição e o desempenho. +setAttributes__description__1 = Observe que isso reinicializará o contexto de desenho se for chamado depois que o canvas WebGL for feito. +setAttributes__description__2 = Se um objeto for passado como parâmetro, todos os atributos não declarados no objeto serão configurados como padrão. +setAttributes__description__3 = Os atributos disponíveis são: alfa - indica se a tela contém um buffer alfa. Por padrão é true (verdadeiro). +setAttributes__description__4 = depth - indica se o buffer do desenho tem um buffer de profundidade de pelo menos 16 bits. Por padrão é true (verdadeiro). +setAttributes__description__5 = stencil - indica se o buffer do desenho tem um buffer de estêncil de pelo menos 8 bits. +setAttributes__description__6 = antialias - indica se deve ou não executar anti-aliasing. Por padrão é false (true no Safari). +setAttributes__description__7 = premultipliedAlpha - indica que o compositor da página irá assumir que o buffer do desenho contém cores com alfa pré-multiplicado. Por padrão é false (falso). +setAttributes__description__8 = preserveDrawingBuffer - se true (verdadeiro) os buffers não serão apagados e preservarão seus valores até que sejam apagados ou sobrescritos pelo autor (observe que o p5 apaga automaticamente no loop de desenho - draw). Por padrão é true (verdadeiro). +setAttributes__description__9 = perPixelLighting - se true (verdadeiro), a iluminação por pixel será usada na shader de iluminação, caso contrário, a iluminação por vértice será usada. Por padrão é true (verdadeiro). +setAttributes__params__key = String: Nome do atributo +setAttributes__params__value = Booleano: Novo valor do atributo nomeado +setAttributes__params__obj = Objeto: objeto com pares de chave-valor +sampleRate__description__0 = retorna um número que representa a taxa de amostragem, em amostras por segundo, de todos os objetos de som neste contexto de áudio. É determinado pela taxa de amostragem da placa de som do seu sistema operacional e atualmente não é possível mudar. Freqüentemente, é 44100, ou duas vezes o alcance da audição humana. +sampleRate__returns = Número: taxa de amostragem de amostras por segundo +freqToMidi__description__0 = retorna o valor de nota MIDI mais próximo para uma determinada frequência. +freqToMidi__returns = Número: valor da nota MIDI +freqToMidi__params__frequency = Número: uma frequência, por exemplo, o "A" acima do C médio é 440Hz. +midiToFreq__description__0 = retorna o valor da frequência de um valor de nota MIDI. O MIDI geral trata as notas como inteiros onde o C médio é 60, o C# é 61, D é 62 etc. Útil para gerar frequências musicais com osciladores. +midiToFreq__returns = Número: valor de frequência da nota MIDI fornecida +midiToFreq__params__midiNote = Número: o número de uma nota MIDI +soundFormats__description__0 = Lista os formatos de SoundFile que você incluirá. O LoadSound pesquisará essas extensões em seu diretório e escolherá um formato compatível com o navegador da Web do cliente. Aqui há um conversor de arquivos online grátis. +soundFormats__params__formats = String (opcional): i.e. 'mp3', 'wav', 'ogg' +getAudioContext__description__0 = retorna o contexto de áudio para este sketch. Útil para usuários que desejam se aprofundar no Web Audio API . +getAudioContext__description__1 = Alguns navegadores exigem que os usuários iniciem o AudioContext com um gesto do usuário, como o touchStarted no exemplo abaixo. +getAudioContext__returns = Objeto: AudioContext para este sketch. +userStartAudio__description__0 = Não é apenas uma boa prática dar aos usuários controle sobre como iniciar o áudio. Esta política é aplicada por muitos navegadores da web, incluindo iOS e Google Chrome, que criou a Web Audio API Audio Context em um estado suspenso. +userStartAudio__description__1 = Nessas políticas específicas do navegador, o som não será reproduzido até um evento de interação do usuário (i.e. mousePressed()) retoma explicitamente o AudioContext, ou inicia um audio node (nó). Isso pode ser feito chamando start() em um p5.Oscillator, play() em um p5.SoundFile, ou simplesmente userStartAudio(). +userStartAudio__description__2 = userStartAudio() inicia o AudioContext em um gesto do usuário. O comportamento padrão habilitará o áudio em qualquer evento mouseUp ou touchEnd. Ele também pode ser colocado em uma função de interação específica, como o mousePressed() como no exemplo abaixo. Este método utiliza StartAudioContext , uma biblioteca por Yotam Mann (MIT Licence, 2016). +userStartAudio__returns = Promise: retorna uma Promise que é resolvida quando o estado AudioContext está 'em execução' +userStartAudio__params__element-_leftBracket_-s-_rightBracket_- = Elemento|Array (opcional): Este argumento pode ser um Element, Selector String, NodeList, p5.Element, jQuery Element, ou um Array de qualquer um desses. +userStartAudio__params__callback = Função (opcional): Callback para invocar quando o AudioContext for iniciado +loadSound__description__0 = loadSound() retorna um novo p5.SoundFile de um endereço de arquivo especificado. Se chamado durante o preload(), o p5.SoundFile estará pronto para tocar a tempo para o setup() e draw(). Se chamado fora do preload, o p5.SoundFile não estará pronto imediatamente, então o loadSound aceita um callback como segundo parâmetro. Usar um servidor local é recomendado ao carregar arquivos externos. +loadSound__returns = SoundFile: retorna um p5.SoundFile +loadSound__params__path = String|Array: endereço para o arquivo de som, ou um array com os endereços dos arquivos para os soundfiles em vários formatos i.e. ['sound.ogg', 'sound.mp3']. Alternativamente, aceita um objeto: tanto do arquivo de API HTML5, ou um p5.File. +loadSound__params__successCallback = Função (opcional): nome de uma função a ser chamada assim que o arquivo carregar +loadSound__params__errorCallback = Função (opcional): nome de uma função a ser chamada se houver um erro ao carregar o arquivo. +loadSound__params__whileLoading = Função (opcional): Nome de uma função a ser chamada durante o carregamento do arquivo. Esta função receberá a porcentagem carregada até o momento, de 0.0 a 1.0. +createConvolver__description__0 = Cria um p5.Convolver. Aceita um caminho para um arquivo de som que será usado para gerar uma resposta de impulso. +createConvolver__returns = p5.Convolver: +createConvolver__params__path = String: endereço para o arquivo de som. +createConvolver__params__callback = Função (opcional): função a ser chamada se o carregamento for bem-sucedido. O objeto será passado como argumento para a função de callback. +createConvolver__params__errorCallback = Função (opcional): função a ser chamada se o carregamento não for bem-sucedido. Um erro personalizado será passado como argumento para a função de callback. +setBPM__description__0 = Define o tempo global, em batidas por minuto, para todas as p5.Parts. Este método afetará todas as p5.Parts ativas. +setBPM__params__BPM = Número: Beats Por Minuto +setBPM__params__rampTime = Número: Daqui a segundos +saveSound__description__0 = Salva um p5.SoundFile como um arquivo .wav. O navegador solicitará que o usuário baixe o arquivo em seu dispositivo. Para fazer upload de áudio para um servidor, use p5.SoundFile.saveBlob. +saveSound__params__soundFile = p5.SoundFile: p5.SoundFile que você deseja salvar +saveSound__params__fileName = String: nome do arquivo .wav resultante. diff --git a/src/data/localization/pt-BR/p5.sound.ftl b/src/data/localization/pt-BR/p5.sound.ftl new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/data/localization/pt-BR/root.ftl b/src/data/localization/pt-BR/root.ftl new file mode 100644 index 0000000000..38afa76a57 --- /dev/null +++ b/src/data/localization/pt-BR/root.ftl @@ -0,0 +1,63 @@ +h1 = Referência +reference-search = Buscar referência +reference-description1 = Não encontrou o que você estava buscando? Você pode tentar em +reference-description3 = Você também pode baixar uma versão off-line da Referência. +reference-contribute2 = Por favor nos comunique. +reference-error1 = Encontrou algum erro? +reference-error3 = Por favor fique à vontade para editar +reference-error5 = e iniciar um pull request! +reference-example = Exemplo +reference-description = Descrição +reference-extends = Extensões +reference-parameters = Parâmetros +reference-syntax = Sintaxe +reference-returns = Returns +Environment = Ambiente +Color = Cor +Color Conversion = Conversão de cor +Creating & Reading = Criando e lendo +Setting = Configuração +Shape = Forma +2D Primitives = 2D Primitivos +Attributes = Atributos +Curves = Curvas +Vertex = Vértices +Constants = Constantes +Structure = Estrutura +DOM = DOM +Rendering = Renderização +Foundation = Fundação +Transform = Transformar +Data = Dados +LocalStorage = LocalStorage +Dictionary = Dicionário +Events = Eventos +Acceleration = Aceleração +Keyboard = Teclado +Mouse = Mouse +Touch = Toque +Image = Imagem +Loading & Displaying = Loading & Displaying +Pixels = Pixels +IO = IO +Input = Input +Output = Output +Table = Table +Math = Math +Calculation = Calculation +Vector = Vetor +Noise = Noise +Random = Aleatório +Trigonometry = Trigonometria +Typography = Tipografia +Array Functions = Array Functions +Conversion = Conversão +String Functions = String Functions +Time & Date = Hora e Data +3D Primitives = 3D Primitivos +Lights, Camera = Luz, Câmera +Interaction = Interação +Lights = Luzes +3D Models = Modelos 3D +Material = Material +Camera = Câmera From e6ca500e74eb0ad15102914a03dd51b23025f93f Mon Sep 17 00:00:00 2001 From: limzykenneth Date: Fri, 20 Aug 2021 23:34:47 +0100 Subject: [PATCH 097/308] Update Pontoon project configuration --- pontoon-config.toml | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/pontoon-config.toml b/pontoon-config.toml index 7ff80e8c69..1c59b49652 100644 --- a/pontoon-config.toml +++ b/pontoon-config.toml @@ -3,7 +3,9 @@ basepath = "./src/data" locales = [ "es", "ko", - "zh-CN" + "zh-CN", + "hi-IN", + "pt-BR" ] [[paths]] From 4c845e17d8edea81873c51f990d49c7778851229 Mon Sep 17 00:00:00 2001 From: "limzy.kenneth" Date: Fri, 20 Aug 2021 22:53:14 +0000 Subject: [PATCH 098/308] Pontoon: Update Chinese (zh-CN) localization of p5.js Documentation Co-authored-by: limzy.kenneth --- pontoon-config.toml | 4 +--- src/data/localization/zh-CN/p5.ftl | 17 +++-------------- 2 files changed, 4 insertions(+), 17 deletions(-) diff --git a/pontoon-config.toml b/pontoon-config.toml index 1c59b49652..7ff80e8c69 100644 --- a/pontoon-config.toml +++ b/pontoon-config.toml @@ -3,9 +3,7 @@ basepath = "./src/data" locales = [ "es", "ko", - "zh-CN", - "hi-IN", - "pt-BR" + "zh-CN" ] [[paths]] diff --git a/src/data/localization/zh-CN/p5.ftl b/src/data/localization/zh-CN/p5.ftl index 028e6d1f8e..820fa502f4 100644 --- a/src/data/localization/zh-CN/p5.ftl +++ b/src/data/localization/zh-CN/p5.ftl @@ -400,17 +400,6 @@ let__description__2 = From let, a constant that is created with const is a container for a value, however constants cannot be reassigned once they are declared. Although it is noteworthy that for non-primitive data types like objects & arrays, their elements can still be changeable. So if a variable is assigned an array, you can still add or remove elements from the array but cannot reassign another array to it. Also unlike let, you cannot declare variables without value using const. const__description__1 = Constants have block-scope. This means that the constant only exists within the block that it is created within. A constant cannot be redeclared within a scope in which it already exists. const__description__2 = From the MDN entry: Declares a read-only named constant. Constants are block-scoped, much like variables defined using the 'let' statement. The value of a constant can't be changed through reassignment, and it can't be redeclared. -===__description__0 = The strict equality operator === checks to see if two values are equal and of the same type. -===__description__1 = A comparison expression always evaluates to a boolean. -===__description__2 = From the MDN entry: The non-identity operator returns true if the operands are not equal and/or not of the same type. -===__description__3 = Note: In some examples around the web you may see a double-equals-sign ==, used for comparison instead. This is the non-strict equality operator in Javascript. This will convert the two values being compared to the same type before comparing them. ->__description__0 = The greater than operator > evaluates to true if the left value is greater than the right value. There is more info on comparison operators on MDN. ->=__description__0 = The greater than or equal to operator >= evaluates to true if the left value is greater than or equal to the right value. ->=__description__1 = There is more info on comparison operators on MDN. -<__description__0 = The less than operator < evaluates to true if the left value is less than the right value. -<__description__1 = There is more info on comparison operators on MDN. -<=__description__0 = The less than or equal to operator <= evaluates to true if the left value is less than or equal to the right value. -<=__description__1 = There is more info on comparison operators on MDN. if-else__description__0 = The if-else statement helps control the flow of your code. if-else__description__1 = A condition is placed between the parenthesis following 'if', when that condition evalues to truthy, the code between the following curly braces is run. Alternatively, when the condition evaluates to falsy, the code between the curly braces of 'else' block is run instead. Writing an else block is optional. if-else__description__2 = From the MDN entry: The 'if' statement executes a statement if a specified condition is truthy. If the condition is falsy, another statement can be executed @@ -565,7 +554,7 @@ input__params__fxn = Function|Boolean: function to be fired when any user input createDiv__description__0 = Creates a
    element in the DOM with given inner HTML. createDiv__returns = p5.Element: pointer to p5.Element holding created node createDiv__params__html = String: (Optional) inner HTML for element created -createP__description__0 = Creates a +createP__description__0 = Creates a

    element in the DOM with given inner HTML. Used for paragraph length text. createP__returns = p5.Element: pointer to p5.Element holding created node createP__params__html = String: (Optional) inner HTML for element created createSpan__description__0 = Creates a element in the DOM with given inner HTML. @@ -772,7 +761,7 @@ imageMode__description__1 = imageMode(CORNERS) interprets the second and third p imageMode__description__2 = imageMode(CENTER) interprets the second and third parameters of image() as the image's center point. If two additional parameters are specified, they are used to set the image's width and height. imageMode__params__mode = 常量：CORNER、CORNERS 或 CENTER pixels__description__0 = 此数组为一个储存显示窗口内所有像素值的 Uint8ClampedArray。这些值都为数字。这数组的大小为（同时考虑像素密度）显示窗口的大小 x4，分别代表每个像素由左到右，上到下的 R、G、B、A 值。视网膜显示及其他高密度显示器将会有更多像素（pixelDensity^2 倍）。比如说，如果图像为 100x100 像素，总共会有 40,000 个元素在 pixels[] 数组内。而在一个视网膜显示，将会有 160,000 个元素。

    数组内最初四个值（指数 0-3）将会是在坐标 (0, 0) 的像素的 R、G、B、A 值。下四个值（指数 4-7）将会是在坐标 (1, 0) 的像素的 R、G、B、A 值。一般上，如果要设置像素 (x, y) 的值： 
    CODE BLOCK PENDING
    虽然以上的方式有点复杂，它能提供足够的弹性以应对任何像素密度的显示。注意 set() 将会自动处理设定所有在任何像素密度下 (x, y) 坐标在 pixels[] 内的值，不过程序性能可能在像素数组被更改很多次时时不佳。

    在使用这个数组之前，像素资料必须先使用 loadPixels() 函数加载。在数组资料被修改后，updatePixels() 函数必须被调用以更新图像资料。

    注意这不是个普通的 Javascript 数组。这表示 Javascript 数组函数如 slice() 或 arrayCopy() 将不会有效果。 -pixels__description__1 = The first four values (indices 0-3) in the array will be the R, G, B, A values of the pixel at (0, 0). The second four values (indices 4-7) will contain the R, G, B, A values of the pixel at (1, 0). More generally, to set values for a pixel at (x, y): 
    let d = pixelDensity(); for (let i = 0; i < d; i++) {"{"}  for (let j = 0; j < d; j++) {"{"}  // loop over  index = 4 * ((y * d + j) * width * d + (x * d + i));  pixels[index] = r;  pixels[index+1] = g;  pixels[index+2] = b;  pixels[index+3] = a;  {"}"} {"}"}
    +pixels__description__1 = The first four values (indices 0-3) in the array will be the R, G, B, A values of the pixel at (0, 0). The second four values (indices 4-7) will contain the R, G, B, A values of the pixel at (1, 0). More generally, to set values for a pixel at (x, y): 
    let d = pixelDensity(); for (let i = 0; i < d; i++) { "{" }  for (let j = 0; j < d; j++) { "{" }  // loop over  index = 4 * ((y * d + j) * width * d + (x * d + i));  pixels[index] = r;  pixels[index+1] = g;  pixels[index+2] = b;  pixels[index+3] = a;  { "}" } { "}" }
    pixels__description__2 = While the above method is complex, it is flexible enough to work with any pixelDensity. Note that set() will automatically take care of setting all the appropriate values in pixels[] for a given (x, y) at any pixelDensity, but the performance may not be as fast when lots of modifications are made to the pixel array. pixels__description__3 = Before accessing this array, the data must loaded with the loadPixels() function. After the array data has been modified, the updatePixels() function must be run to update the changes. pixels__description__4 = Note that this is not a standard javascript array. This means that standard javascript functions such as slice() or arrayCopy() do not work. @@ -990,7 +979,7 @@ sqrt__description__0 = 计算一个数字的平方根。一个数字的平方根 sqrt__returns = 数字：取平方根后的数字 sqrt__params__n = 数字：该取平方根的非负数 fract__description__0 = Calculates the fractional part of a number. -fract__returns = Number: fractional part of x, i.e, {"{"}x{"}"} +fract__returns = Number: fractional part of x, i.e, { "{" }x{ "}" } fract__params__num = Number: Number whose fractional part needs to be found out createVector__description__0 = 创造一个新的 p5.Vector 向量（用以储存向量的数据类型）。此函数将提供一个二维或三维的向量，准确来说一个欧几里得（也称为几何）向量。向量为一个有大小及方向的量。 createVector__returns = p5.Vector From e16e3f37d556ec6f2e94fedffdb5e2db4fd2201e Mon Sep 17 00:00:00 2001 From: limzykenneth Date: Sat, 21 Aug 2021 11:22:26 +0100 Subject: [PATCH 099/308] Try manually unapproving translations in Pontoon --- src/data/localization/zh-CN/p5.Compressor.ftl | 1 - 1 file changed, 1 deletion(-) diff --git a/src/data/localization/zh-CN/p5.Compressor.ftl b/src/data/localization/zh-CN/p5.Compressor.ftl index 111f2ca75f..3d4c49c1bf 100644 --- a/src/data/localization/zh-CN/p5.Compressor.ftl +++ b/src/data/localization/zh-CN/p5.Compressor.ftl @@ -1,4 +1,3 @@ -process__params__ratio = Number: (Optional) The amount of dB change in input for a 1 dB change in output default = 12, range 1 - 20 process__params__threshold = Number: (Optional) The decibel value above which the compression will start taking effect default = -24, range -100 - 0 process__params__release = Number: (Optional) The amount of time (in seconds) to increase the gain by 10dB default = .25, range 0 - 1 set__description__0 = Set the parameters of a compressor. From a167628661b0934f61198c1a9cd8e5e866034ee3 Mon Sep 17 00:00:00 2001 From: limzykenneth Date: Sat, 21 Aug 2021 14:22:25 +0100 Subject: [PATCH 100/308] Remove untranslated strings from localization files --- src/data/localization/es/JSON.ftl | 2 - src/data/localization/es/console.ftl | 4 - src/data/localization/es/p5.Amplitude.ftl | 12 - src/data/localization/es/p5.AudioIn.ftl | 27 - src/data/localization/es/p5.AudioVoice.ftl | 4 - src/data/localization/es/p5.BandPass.ftl | 1 - src/data/localization/es/p5.Camera.ftl | 34 - src/data/localization/es/p5.Compressor.ftl | 33 - src/data/localization/es/p5.Convolver.ftl | 20 - src/data/localization/es/p5.Delay.ftl | 26 - src/data/localization/es/p5.Distortion.ftl | 15 - src/data/localization/es/p5.EQ.ftl | 7 - src/data/localization/es/p5.Effect.ftl | 18 - src/data/localization/es/p5.Element.ftl | 83 --- src/data/localization/es/p5.Envelope.ftl | 55 -- src/data/localization/es/p5.FFT.ftl | 33 - src/data/localization/es/p5.File.ftl | 8 - src/data/localization/es/p5.Filter.ftl | 28 - src/data/localization/es/p5.Font.ftl | 15 - src/data/localization/es/p5.Gain.ftl | 10 - src/data/localization/es/p5.Geometry.ftl | 9 - src/data/localization/es/p5.HighPass.ftl | 1 - src/data/localization/es/p5.Image.ftl | 52 -- src/data/localization/es/p5.LowPass.ftl | 1 - src/data/localization/es/p5.MediaElement.ftl | 17 - src/data/localization/es/p5.MonoSynth.ftl | 26 - src/data/localization/es/p5.Noise.ftl | 4 - src/data/localization/es/p5.NumberDict.ftl | 13 - src/data/localization/es/p5.OnsetDetect.ftl | 5 - src/data/localization/es/p5.Oscillator.ftl | 50 -- src/data/localization/es/p5.Panner3D.ftl | 39 -- src/data/localization/es/p5.Part.ftl | 29 - src/data/localization/es/p5.PeakDetect.ftl | 17 - src/data/localization/es/p5.Phrase.ftl | 7 - src/data/localization/es/p5.PolySynth.ftl | 33 - src/data/localization/es/p5.PrintWriter.ftl | 8 - src/data/localization/es/p5.Pulse.ftl | 5 - src/data/localization/es/p5.Renderer.ftl | 4 - src/data/localization/es/p5.Reverb.ftl | 18 - src/data/localization/es/p5.SawOsc.ftl | 2 - src/data/localization/es/p5.Score.ftl | 10 - src/data/localization/es/p5.Shader.ftl | 2 - src/data/localization/es/p5.SinOsc.ftl | 2 - src/data/localization/es/p5.SoundFile.ftl | 91 --- src/data/localization/es/p5.SoundLoop.ftl | 18 - src/data/localization/es/p5.SoundRecorder.ftl | 9 - src/data/localization/es/p5.SqrOsc.ftl | 2 - src/data/localization/es/p5.StringDict.ftl | 1 - src/data/localization/es/p5.Table.ftl | 49 -- src/data/localization/es/p5.TableRow.ftl | 19 - src/data/localization/es/p5.TriOsc.ftl | 2 - src/data/localization/es/p5.TypedDict.ftl | 22 - src/data/localization/es/p5.Vector.ftl | 122 ---- src/data/localization/es/p5.XML.ftl | 45 -- src/data/localization/es/p5.ftl | 658 +----------------- src/data/localization/ko/JSON.ftl | 2 - src/data/localization/ko/console.ftl | 2 - src/data/localization/ko/p5.Amplitude.ftl | 12 - src/data/localization/ko/p5.AudioIn.ftl | 27 - src/data/localization/ko/p5.AudioVoice.ftl | 4 - src/data/localization/ko/p5.BandPass.ftl | 1 - src/data/localization/ko/p5.Camera.ftl | 27 +- src/data/localization/ko/p5.Color.ftl | 11 - src/data/localization/ko/p5.Compressor.ftl | 33 - src/data/localization/ko/p5.Convolver.ftl | 20 - src/data/localization/ko/p5.Delay.ftl | 26 - src/data/localization/ko/p5.Distortion.ftl | 15 - src/data/localization/ko/p5.EQ.ftl | 7 - src/data/localization/ko/p5.Effect.ftl | 18 - src/data/localization/ko/p5.Element.ftl | 50 +- src/data/localization/ko/p5.Envelope.ftl | 55 -- src/data/localization/ko/p5.FFT.ftl | 33 - src/data/localization/ko/p5.Filter.ftl | 28 - src/data/localization/ko/p5.Font.ftl | 12 - src/data/localization/ko/p5.Gain.ftl | 10 - src/data/localization/ko/p5.Geometry.ftl | 1 - src/data/localization/ko/p5.HighPass.ftl | 1 - src/data/localization/ko/p5.Image.ftl | 82 --- src/data/localization/ko/p5.LowPass.ftl | 1 - src/data/localization/ko/p5.MediaElement.ftl | 20 - src/data/localization/ko/p5.MonoSynth.ftl | 26 - src/data/localization/ko/p5.Noise.ftl | 4 - src/data/localization/ko/p5.NumberDict.ftl | 12 - src/data/localization/ko/p5.OnsetDetect.ftl | 5 - src/data/localization/ko/p5.Oscillator.ftl | 50 -- src/data/localization/ko/p5.Panner3D.ftl | 39 -- src/data/localization/ko/p5.Part.ftl | 29 - src/data/localization/ko/p5.PeakDetect.ftl | 17 - src/data/localization/ko/p5.Phrase.ftl | 7 - src/data/localization/ko/p5.PolySynth.ftl | 33 - src/data/localization/ko/p5.PrintWriter.ftl | 4 - src/data/localization/ko/p5.Pulse.ftl | 5 - src/data/localization/ko/p5.Renderer.ftl | 4 - src/data/localization/ko/p5.Reverb.ftl | 18 - src/data/localization/ko/p5.SawOsc.ftl | 2 - src/data/localization/ko/p5.Score.ftl | 10 - src/data/localization/ko/p5.Shader.ftl | 3 - src/data/localization/ko/p5.SinOsc.ftl | 2 - src/data/localization/ko/p5.SoundFile.ftl | 91 --- src/data/localization/ko/p5.SoundLoop.ftl | 18 - src/data/localization/ko/p5.SoundRecorder.ftl | 9 - src/data/localization/ko/p5.SqrOsc.ftl | 2 - src/data/localization/ko/p5.StringDict.ftl | 1 - src/data/localization/ko/p5.Table.ftl | 49 -- src/data/localization/ko/p5.TableRow.ftl | 13 - src/data/localization/ko/p5.TriOsc.ftl | 2 - src/data/localization/ko/p5.TypedDict.ftl | 11 - src/data/localization/ko/p5.Vector.ftl | 95 --- src/data/localization/ko/p5.XML.ftl | 26 - src/data/localization/ko/p5.ftl | 392 ----------- src/data/localization/zh-CN/p5.Compressor.ftl | 25 - src/data/localization/zh-CN/p5.Convolver.ftl | 20 - src/data/localization/zh-CN/p5.Delay.ftl | 26 - src/data/localization/zh-CN/p5.Distortion.ftl | 15 - src/data/localization/zh-CN/p5.EQ.ftl | 7 - src/data/localization/zh-CN/p5.Effect.ftl | 18 - src/data/localization/zh-CN/p5.Element.ftl | 86 --- src/data/localization/zh-CN/p5.Envelope.ftl | 55 -- src/data/localization/zh-CN/p5.FFT.ftl | 33 - src/data/localization/zh-CN/p5.File.ftl | 8 - src/data/localization/zh-CN/p5.Filter.ftl | 28 - src/data/localization/zh-CN/p5.Font.ftl | 17 - src/data/localization/zh-CN/p5.Gain.ftl | 10 - src/data/localization/zh-CN/p5.Geometry.ftl | 9 - src/data/localization/zh-CN/p5.Graphics.ftl | 7 - src/data/localization/zh-CN/p5.HighPass.ftl | 1 - src/data/localization/zh-CN/p5.Image.ftl | 82 --- src/data/localization/zh-CN/p5.LowPass.ftl | 1 - .../localization/zh-CN/p5.MediaElement.ftl | 41 -- src/data/localization/zh-CN/p5.MonoSynth.ftl | 26 - src/data/localization/zh-CN/p5.Noise.ftl | 4 - src/data/localization/zh-CN/p5.NumberDict.ftl | 21 - .../localization/zh-CN/p5.OnsetDetect.ftl | 5 - src/data/localization/zh-CN/p5.Oscillator.ftl | 50 -- src/data/localization/zh-CN/p5.Panner3D.ftl | 39 -- src/data/localization/zh-CN/p5.Part.ftl | 29 - src/data/localization/zh-CN/p5.PeakDetect.ftl | 17 - src/data/localization/zh-CN/p5.Phrase.ftl | 7 - src/data/localization/zh-CN/p5.PolySynth.ftl | 33 - .../localization/zh-CN/p5.PrintWriter.ftl | 8 - src/data/localization/zh-CN/p5.Pulse.ftl | 5 - src/data/localization/zh-CN/p5.Renderer.ftl | 4 - src/data/localization/zh-CN/p5.Reverb.ftl | 18 - src/data/localization/zh-CN/p5.SawOsc.ftl | 2 - src/data/localization/zh-CN/p5.Score.ftl | 10 - src/data/localization/zh-CN/p5.Shader.ftl | 7 - src/data/localization/zh-CN/p5.SinOsc.ftl | 2 - src/data/localization/zh-CN/p5.SoundFile.ftl | 91 --- src/data/localization/zh-CN/p5.SoundLoop.ftl | 18 - .../localization/zh-CN/p5.SoundRecorder.ftl | 9 - src/data/localization/zh-CN/p5.SqrOsc.ftl | 2 - src/data/localization/zh-CN/p5.StringDict.ftl | 1 - src/data/localization/zh-CN/p5.Table.ftl | 78 --- src/data/localization/zh-CN/p5.TableRow.ftl | 22 - src/data/localization/zh-CN/p5.TriOsc.ftl | 2 - src/data/localization/zh-CN/p5.TypedDict.ftl | 22 - src/data/localization/zh-CN/p5.Vector.ftl | 133 ---- src/data/localization/zh-CN/p5.XML.ftl | 46 -- src/data/localization/zh-CN/p5.ftl | 573 +-------------- 159 files changed, 5 insertions(+), 5072 deletions(-) diff --git a/src/data/localization/es/JSON.ftl b/src/data/localization/es/JSON.ftl index 83d4818a30..e69de29bb2 100644 --- a/src/data/localization/es/JSON.ftl +++ b/src/data/localization/es/JSON.ftl @@ -1,2 +0,0 @@ -stringify__description__0 = From the MDN entry: The JSON.stringify() method converts a JavaScript object or value to a JSON string. -stringify__params__object = Object: :Javascript object that you would like to convert to JSON diff --git a/src/data/localization/es/console.ftl b/src/data/localization/es/console.ftl index 5e550f68cb..e69de29bb2 100644 --- a/src/data/localization/es/console.ftl +++ b/src/data/localization/es/console.ftl @@ -1,4 +0,0 @@ -log__description__0 = Prints a message to your browser's web console. When using p5, you can use print and console.log interchangeably. -log__description__1 = The console is opened differently depending on which browser you are using. Here are links on how to open the console in Firefox , Chrome, Edge, and Safari. With the online p5 editor the console is embedded directly in the page underneath the code editor. -log__description__2 = From the MDN entry: The Console method log() outputs a message to the web console. The message may be a single string (with optional substitution values), or it may be any one or more JavaScript objects. -log__params__message = String|Expression|Object: :Message that you would like to print to the console diff --git a/src/data/localization/es/p5.Amplitude.ftl b/src/data/localization/es/p5.Amplitude.ftl index 24869b92e0..e69de29bb2 100644 --- a/src/data/localization/es/p5.Amplitude.ftl +++ b/src/data/localization/es/p5.Amplitude.ftl @@ -1,12 +0,0 @@ -description__0 = Amplitude measures volume between 0.0 and 1.0. Listens to all p5sound by default, or use setInput() to listen to a specific sound source. Accepts an optional smoothing value, which defaults to 0. -params__smoothing = Number: (Optional) between 0.0 and .999 to smooth amplitude readings (defaults to 0) -setInput__description__0 = Connects to the p5sound instance (master output) by default. Optionally, you can pass in a specific source (i.e. a soundfile). -setInput__params__snd = SoundObject|undefined: (Optional) set the sound source (optional, defaults to master output) -setInput__params__smoothing = Number|undefined: (Optional) a range between 0.0 and 1.0 to smooth amplitude readings -getLevel__description__0 = Returns a single Amplitude reading at the moment it is called. For continuous readings, run in the draw loop. -getLevel__returns = Number: Amplitude as a number between 0.0 and 1.0 -getLevel__params__channel = Number: (Optional) Optionally return only channel 0 (left) or 1 (right) -toggleNormalize__description__0 = Determines whether the results of Amplitude.process() will be Normalized. To normalize, Amplitude finds the difference the loudest reading it has processed and the maximum amplitude of 1.0. Amplitude adds this difference to all values to produce results that will reliably map between 0.0 and 1.0. However, if a louder moment occurs, the amount that Normalize adds to all the values will change. Accepts an optional boolean parameter (true or false). Normalizing is off by default. -toggleNormalize__params__boolean = Boolean: (Optional) set normalize to true (1) or false (0) -smooth__description__0 = Smooth Amplitude analysis by averaging with the last analysis frame. Off by default. -smooth__params__set = Number: smoothing from 0.0 <= 1 diff --git a/src/data/localization/es/p5.AudioIn.ftl b/src/data/localization/es/p5.AudioIn.ftl index 82d569421a..e69de29bb2 100644 --- a/src/data/localization/es/p5.AudioIn.ftl +++ b/src/data/localization/es/p5.AudioIn.ftl @@ -1,27 +0,0 @@ -description__0 = Get audio from an input, i.e. your computer's microphone. -description__1 = Turn the mic on/off with the start() and stop() methods. When the mic is on, its volume can be measured with getLevel or by connecting an FFT object. -description__2 = If you want to hear the AudioIn, use the .connect() method. AudioIn does not connect to p5.sound output by default to prevent feedback. -description__3 = Note: This uses the getUserMedia/ Stream API, which is not supported by certain browsers. Access in Chrome browser is limited to localhost and https, but access over http may be limited. -params__errorCallback = Function: (Optional) A function to call if there is an error accessing the AudioIn. For example, Safari and iOS devices do not currently allow microphone access. -enabled__description__0 = Client must allow browser to access their microphone / audioin source. Default: false. Will become true when the client enables access. -amplitude__description__0 = Input amplitude, connect to it by default but not to master out -start__description__0 = Start processing audio input. This enables the use of other AudioIn methods like getLevel(). Note that by default, AudioIn is not connected to p5.sound's output. So you won't hear anything unless you use the connect() method.
    -start__description__1 = Certain browsers limit access to the user's microphone. For example, Chrome only allows access from localhost and over https. For this reason, you may want to include an errorCallback—a function that is called in case the browser won't provide mic access. -start__params__successCallback = Function: (Optional) Name of a function to call on success. -start__params__errorCallback = Function: (Optional) Name of a function to call if there was an error. For example, some browsers do not support getUserMedia. -stop__description__0 = Turn the AudioIn off. If the AudioIn is stopped, it cannot getLevel(). If re-starting, the user may be prompted for permission access. -connect__description__0 = Connect to an audio unit. If no parameter is provided, will connect to the master output (i.e. your speakers).
    -connect__params__unit = Object: (Optional) An object that accepts audio input, such as an FFT -disconnect__description__0 = Disconnect the AudioIn from all audio units. For example, if connect() had been called, disconnect() will stop sending signal to your speakers.
    -getLevel__description__0 = Read the Amplitude (volume level) of an AudioIn. The AudioIn class contains its own instance of the Amplitude class to help make it easy to get a microphone's volume level. Accepts an optional smoothing value (0.0 < 1.0). NOTE: AudioIn must .start() before using .getLevel().
    -getLevel__returns = Number: Volume level (between 0.0 and 1.0) -getLevel__params__smoothing = Number: (Optional) Smoothing is 0.0 by default. Smooths values based on previous values. -amp__description__0 = Set amplitude (volume) of a mic input between 0 and 1.0.
    -amp__params__vol = Number: between 0 and 1.0 -amp__params__time = Number: (Optional) ramp time (optional) -getSources__description__0 = Returns a list of available input sources. This is a wrapper for https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices"
    -getSources__returns = Promise: Returns a Promise that can be used in place of the callbacks, similar to the enumerateDevices() method -getSources__params__successCallback = Function: (Optional) This callback function handles the sources when they have been enumerated. The callback function receives the deviceList array as its only argument -getSources__params__errorCallback = Function: (Optional) This optional callback receives the error message as its argument. -setSource__description__0 = Set the input source. Accepts a number representing a position in the array returned by getSources(). This is only available in browsers that support https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices"
    -setSource__params__num = Number: position of input source in the array diff --git a/src/data/localization/es/p5.AudioVoice.ftl b/src/data/localization/es/p5.AudioVoice.ftl index dd6d5826a9..e69de29bb2 100644 --- a/src/data/localization/es/p5.AudioVoice.ftl +++ b/src/data/localization/es/p5.AudioVoice.ftl @@ -1,4 +0,0 @@ -description__0 = Base class for monophonic synthesizers. Any extensions of this class should follow the API and implement the methods below in order to remain compatible with p5.PolySynth(); -connect__description__0 = Connect to p5 objects or Web Audio Nodes -connect__params__unit = Object -disconnect__description__0 = Disconnect from soundOut diff --git a/src/data/localization/es/p5.BandPass.ftl b/src/data/localization/es/p5.BandPass.ftl index 456ac14737..e69de29bb2 100644 --- a/src/data/localization/es/p5.BandPass.ftl +++ b/src/data/localization/es/p5.BandPass.ftl @@ -1 +0,0 @@ -description__0 = Constructor: new p5.BandPass() Filter. This is the same as creating a p5.Filter and then calling its method setType('bandpass'). See p5.Filter for methods. diff --git a/src/data/localization/es/p5.Camera.ftl b/src/data/localization/es/p5.Camera.ftl index da8edcb14c..e69de29bb2 100644 --- a/src/data/localization/es/p5.Camera.ftl +++ b/src/data/localization/es/p5.Camera.ftl @@ -1,34 +0,0 @@ -description__0 = This class describes a camera for use in p5's WebGL mode. It contains camera position, orientation, and projection information necessary for rendering a 3D scene. -description__1 = New p5.Camera objects can be made through the createCamera() function and controlled through the methods described below. A camera created in this way will use a default position in the scene and a default perspective projection until these properties are changed through the various methods available. It is possible to create multiple cameras, in which case the current camera can be set through the setCamera() method. -description__2 = Note: The methods below operate in two coordinate systems: the 'world' coordinate system describe positions in terms of their relationship to the origin along the X, Y and Z axes whereas the camera's 'local' coordinate system describes positions from the camera's point of view: left-right, up-down, and forward-backward. The move() method, for instance, moves the camera along its own axes, whereas the setPosition() method sets the camera's position in world-space. -description__3 = The camera object propreties eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ which describes camera position, orientation, and projection are also accessible via the camera object generated using createCamera() -params__rendererGL = RendererGL: instance of WebGL renderer -eyeX__description__0 = camera position value on x axis -eyeY__description__0 = camera position value on y axis -eyeZ__description__0 = camera position value on z axis -centerX__description__0 = x coordinate representing center of the sketch -centerY__description__0 = y coordinate representing center of the sketch -centerZ__description__0 = z coordinate representing center of the sketch -upX__description__0 = x component of direction 'up' from camera -upY__description__0 = y component of direction 'up' from camera -upZ__description__0 = z component of direction 'up' from camera -perspective__description__0 = Sets a perspective projection for a p5.Camera object and sets parameters for that projection according to perspective() syntax. -ortho__description__0 = Sets an orthographic projection for a p5.Camera object and sets parameters for that projection according to ortho() syntax. -frustum__description__0 = Sets the camera's frustum. Accepts the same parameters as the global frustum(). More information on this function can be found there. -pan__description__0 = Panning rotates the camera view to the left and right. -pan__params__angle = Number: amount to rotate camera in current angleMode units. Greater than 0 values rotate counterclockwise (to the left). -tilt__description__0 = Tilting rotates the camera view up and down. -tilt__params__angle = Number: amount to rotate camera in current angleMode units. Greater than 0 values rotate counterclockwise (to the left). -lookAt__description__0 = Reorients the camera to look at a position in world space. -lookAt__params__x = Number: x position of a point in world space -lookAt__params__y = Number: y position of a point in world space -lookAt__params__z = Number: z position of a point in world space -camera__description__0 = Sets a camera's position and orientation. This is equivalent to calling camera() on a p5.Camera object. -move__description__0 = Move camera along its local axes while maintaining current camera orientation. -move__params__x = Number: amount to move along camera's left-right axis -move__params__y = Number: amount to move along camera's up-down axis -move__params__z = Number: amount to move along camera's forward-backward axis -setPosition__description__0 = Set camera position in world-space while maintaining current camera orientation. -setPosition__params__x = Number: x position of a point in world space -setPosition__params__y = Number: y position of a point in world space -setPosition__params__z = Number: z position of a point in world space diff --git a/src/data/localization/es/p5.Compressor.ftl b/src/data/localization/es/p5.Compressor.ftl index 51c9a64606..e69de29bb2 100644 --- a/src/data/localization/es/p5.Compressor.ftl +++ b/src/data/localization/es/p5.Compressor.ftl @@ -1,33 +0,0 @@ -description__0 = Compressor is an audio effect class that performs dynamics compression on an audio input source. This is a very commonly used technique in music and sound production. Compression creates an overall louder, richer, and fuller sound by lowering the volume of louds and raising that of softs. Compression can be used to avoid clipping (sound distortion due to peaks in volume) and is especially useful when many sounds are played at once. Compression can be used on individual sound sources in addition to the master output. -description__1 = This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available. -compressor__description__0 = The p5.Compressor is built with a Web Audio Dynamics Compressor Node -process__description__0 = Performs the same function as .connect, but also accepts optional parameters to set compressor's audioParams -process__params__src = Object: Sound source to be connected -process__params__attack = Number: (Optional) The amount of time (in seconds) to reduce the gain by 10dB, default = .003, range 0 - 1 -process__params__knee = Number: (Optional) A decibel value representing the range above the threshold where the curve smoothly transitions to the "ratio" portion. default = 30, range 0 - 40 -process__params__ratio = Number: (Optional) The amount of dB change in input for a 1 dB change in output default = 12, range 1 - 20 -process__params__threshold = Number: (Optional) The decibel value above which the compression will start taking effect default = -24, range -100 - 0 -process__params__release = Number: (Optional) The amount of time (in seconds) to increase the gain by 10dB default = .25, range 0 - 1 -set__description__0 = Set the parameters of a compressor. -set__params__attack = Number: The amount of time (in seconds) to reduce the gain by 10dB, default = .003, range 0 - 1 -set__params__knee = Number: A decibel value representing the range above the threshold where the curve smoothly transitions to the "ratio" portion. default = 30, range 0 - 40 -set__params__ratio = Number: The amount of dB change in input for a 1 dB change in output default = 12, range 1 - 20 -set__params__threshold = Number: The decibel value above which the compression will start taking effect default = -24, range -100 - 0 -set__params__release = Number: The amount of time (in seconds) to increase the gain by 10dB default = .25, range 0 - 1 -attack__description__0 = Get current attack or set value w/ time ramp -attack__params__attack = Number: (Optional) Attack is the amount of time (in seconds) to reduce the gain by 10dB, default = .003, range 0 - 1 -attack__params__time = Number: (Optional) Assign time value to schedule the change in value -knee__description__0 = Get current knee or set value w/ time ramp -knee__params__knee = Number: (Optional) A decibel value representing the range above the threshold where the curve smoothly transitions to the "ratio" portion. default = 30, range 0 - 40 -knee__params__time = Number: (Optional) Assign time value to schedule the change in value -ratio__description__0 = Get current ratio or set value w/ time ramp -ratio__params__ratio = Number: (Optional) The amount of dB change in input for a 1 dB change in output default = 12, range 1 - 20 -ratio__params__time = Number: (Optional) Assign time value to schedule the change in value -threshold__description__0 = Get current threshold or set value w/ time ramp -threshold__params__threshold = Number: The decibel value above which the compression will start taking effect default = -24, range -100 - 0 -threshold__params__time = Number: (Optional) Assign time value to schedule the change in value -release__description__0 = Get current release or set value w/ time ramp -release__params__release = Number: The amount of time (in seconds) to increase the gain by 10dB default = .25, range 0 - 1 -release__params__time = Number: (Optional) Assign time value to schedule the change in value -reduction__description__0 = Return the current reduction value -reduction__returns = Number: Value of the amount of gain reduction that is applied to the signal diff --git a/src/data/localization/es/p5.Convolver.ftl b/src/data/localization/es/p5.Convolver.ftl index 6c27d0df7b..e69de29bb2 100644 --- a/src/data/localization/es/p5.Convolver.ftl +++ b/src/data/localization/es/p5.Convolver.ftl @@ -1,20 +0,0 @@ -description__0 = p5.Convolver extends p5.Reverb. It can emulate the sound of real physical spaces through a process called convolution. -description__1 = Convolution multiplies any audio input by an "impulse response" to simulate the dispersion of sound over time. The impulse response is generated from an audio file that you provide. One way to generate an impulse response is to pop a balloon in a reverberant space and record the echo. Convolution can also be used to experiment with sound. -description__2 = Use the method createConvolution(path) to instantiate a p5.Convolver with a path to your impulse response audio file. -params__path = String: path to a sound file -params__callback = Function: (Optional) function to call when loading succeeds -params__errorCallback = Function: (Optional) function to call if loading fails. This function will receive an error or XMLHttpRequest object with information about what went wrong. -convolverNode__description__0 = Internally, the p5.Convolver uses the a Web Audio Convolver Node. -impulses__description__0 = If you load multiple impulse files using the .addImpulse method, they will be stored as Objects in this Array. Toggle between them with the toggleImpulse(id) method. -process__description__0 = Connect a source to the convolver. -process__params__src = Object: p5.sound / Web Audio object with a sound output. -addImpulse__description__0 = Load and assign a new Impulse Response to the p5.Convolver. The impulse is added to the .impulses array. Previous impulses can be accessed with the .toggleImpulse(id) method. -addImpulse__params__path = String: path to a sound file -addImpulse__params__callback = Function: function (optional) -addImpulse__params__errorCallback = Function: function (optional) -resetImpulse__description__0 = Similar to .addImpulse, except that the .impulses Array is reset to save memory. A new .impulses array is created with this impulse as the only item. -resetImpulse__params__path = String: path to a sound file -resetImpulse__params__callback = Function: function (optional) -resetImpulse__params__errorCallback = Function: function (optional) -toggleImpulse__description__0 = If you have used .addImpulse() to add multiple impulses to a p5.Convolver, then you can use this method to toggle between the items in the .impulses Array. Accepts a parameter to identify which impulse you wish to use, identified either by its original filename (String) or by its position in the .impulses Array (Number).
    You can access the objects in the .impulses Array directly. Each Object has two attributes: an .audioBuffer (type: Web Audio AudioBuffer) and a .name, a String that corresponds with the original filename. -toggleImpulse__params__id = String|Number: Identify the impulse by its original filename (String), or by its position in the .impulses Array (Number). diff --git a/src/data/localization/es/p5.Delay.ftl b/src/data/localization/es/p5.Delay.ftl index 477a0c7ee5..e69de29bb2 100644 --- a/src/data/localization/es/p5.Delay.ftl +++ b/src/data/localization/es/p5.Delay.ftl @@ -1,26 +0,0 @@ -description__0 = Delay is an echo effect. It processes an existing sound source, and outputs a delayed version of that sound. The p5.Delay can produce different effects depending on the delayTime, feedback, filter, and type. In the example below, a feedback of 0.5 (the default value) will produce a looping delay that decreases in volume by 50% each repeat. A filter will cut out the high frequencies so that the delay does not sound as piercing as the original source. -description__1 = This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available. -leftDelay__description__0 = The p5.Delay is built with two Web Audio Delay Nodes, one for each stereo channel. -rightDelay__description__0 = The p5.Delay is built with two Web Audio Delay Nodes, one for each stereo channel. -process__description__0 = Add delay to an audio signal according to a set of delay parameters. -process__params__Signal = Object: An object that outputs audio -process__params__delayTime = Number: (Optional) Time (in seconds) of the delay/echo. Some browsers limit delayTime to 1 second. -process__params__feedback = Number: (Optional) sends the delay back through itself in a loop that decreases in volume each time. -process__params__lowPass = Number: (Optional) Cutoff frequency. Only frequencies below the lowPass will be part of the delay. -delayTime__description__0 = Set the delay (echo) time, in seconds. Usually this value will be a floating point number between 0.0 and 1.0. -delayTime__params__delayTime = Number: Time (in seconds) of the delay -feedback__description__0 = Feedback occurs when Delay sends its signal back through its input in a loop. The feedback amount determines how much signal to send each time through the loop. A feedback greater than 1.0 is not desirable because it will increase the overall output each time through the loop, creating an infinite feedback loop. The default value is 0.5 -feedback__returns = Number: Feedback value -feedback__params__feedback = Number|Object: 0.0 to 1.0, or an object such as an Oscillator that can be used to modulate this param -filter__description__0 = Set a lowpass filter frequency for the delay. A lowpass filter will cut off any frequencies higher than the filter frequency. -filter__params__cutoffFreq = Number|Object: A lowpass filter will cut off any frequencies higher than the filter frequency. -filter__params__res = Number|Object: Resonance of the filter frequency cutoff, or an object (i.e. a p5.Oscillator) that can be used to modulate this parameter. High numbers (i.e. 15) will produce a resonance, low numbers (i.e. .2) will produce a slope. -setType__description__0 = Choose a preset type of delay. 'pingPong' bounces the signal from the left to the right channel to produce a stereo effect. Any other parameter will revert to the default delay setting. -setType__params__type = String|Number: 'pingPong' (1) or 'default' (0) -amp__description__0 = Set the output level of the delay effect. -amp__params__volume = Number: amplitude between 0 and 1.0 -amp__params__rampTime = Number: (Optional) create a fade that lasts rampTime -amp__params__timeFromNow = Number: (Optional) schedule this event to happen seconds from now -connect__description__0 = Send output to a p5.sound or web audio object -connect__params__unit = Object -disconnect__description__0 = Disconnect all output. diff --git a/src/data/localization/es/p5.Distortion.ftl b/src/data/localization/es/p5.Distortion.ftl index ad6c63fddc..e69de29bb2 100644 --- a/src/data/localization/es/p5.Distortion.ftl +++ b/src/data/localization/es/p5.Distortion.ftl @@ -1,15 +0,0 @@ -description__0 = A Distortion effect created with a Waveshaper Node, with an approach adapted from Kevin Ennis -description__1 = This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available. -params__amount = Number: (Optional) Unbounded distortion amount. Normal values range from 0-1. -params__oversample = String: (Optional) 'none', '2x', or '4x'. -WaveShaperNode__description__0 = The p5.Distortion is built with a Web Audio WaveShaper Node. -process__description__0 = Process a sound source, optionally specify amount and oversample values. -process__params__amount = Number: (Optional) Unbounded distortion amount. Normal values range from 0-1. -process__params__oversample = String: (Optional) 'none', '2x', or '4x'. -set__description__0 = Set the amount and oversample of the waveshaper distortion. -set__params__amount = Number: (Optional) Unbounded distortion amount. Normal values range from 0-1. -set__params__oversample = String: (Optional) 'none', '2x', or '4x'. -getAmount__description__0 = Return the distortion amount, typically between 0-1. -getAmount__returns = Number: Unbounded distortion amount. Normal values range from 0-1. -getOversample__description__0 = Return the oversampling. -getOversample__returns = String: Oversample can either be 'none', '2x', or '4x'. diff --git a/src/data/localization/es/p5.EQ.ftl b/src/data/localization/es/p5.EQ.ftl index ed26786124..e69de29bb2 100644 --- a/src/data/localization/es/p5.EQ.ftl +++ b/src/data/localization/es/p5.EQ.ftl @@ -1,7 +0,0 @@ -description__0 = p5.EQ is an audio effect that performs the function of a multiband audio equalizer. Equalization is used to adjust the balance of frequency compoenents of an audio signal. This process is commonly used in sound production and recording to change the waveform before it reaches a sound output device. EQ can also be used as an audio effect to create interesting distortions by filtering out parts of the spectrum. p5.EQ is built using a chain of Web Audio Biquad Filter Nodes and can be instantiated with 3 or 8 bands. Bands can be added or removed from the EQ by directly modifying p5.EQ.bands (the array that stores filters). -description__1 = This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available. -returns = Object: p5.EQ object -params___eqsize = Number: (Optional) Constructor will accept 3 or 8, defaults to 3 -bands__description__0 = The p5.EQ is built with abstracted p5.Filter objects. To modify any bands, use methods of the p5.Filter API, especially gain and freq. Bands are stored in an array, with indices 0 - 3, or 0 - 7 -process__description__0 = Process an input by connecting it to the EQ -process__params__src = Object: Audio source diff --git a/src/data/localization/es/p5.Effect.ftl b/src/data/localization/es/p5.Effect.ftl index 6fe2788f9e..e69de29bb2 100644 --- a/src/data/localization/es/p5.Effect.ftl +++ b/src/data/localization/es/p5.Effect.ftl @@ -1,18 +0,0 @@ -description__0 = Effect is a base class for audio effects in p5. This module handles the nodes and methods that are common and useful for current and future effects. -description__1 = This class is extended by p5.Distortion, p5.Compressor, p5.Delay, p5.Filter, p5.Reverb. -params__ac = Object: (Optional) Reference to the audio context of the p5 object -params__input = AudioNode: (Optional) Gain Node effect wrapper -params__output = AudioNode: (Optional) Gain Node effect wrapper -params___drywet = Object: (Optional) Tone.JS CrossFade node (defaults to value: 1) -params__wet = AudioNode: (Optional) Effects that extend this class should connect to the wet signal to this gain node, so that dry and wet signals are mixed properly. -amp__description__0 = Set the output volume of the filter. -amp__params__vol = Number: (Optional) amplitude between 0 and 1.0 -amp__params__rampTime = Number: (Optional) create a fade that lasts until rampTime -amp__params__tFromNow = Number: (Optional) schedule this event to happen in tFromNow seconds -chain__description__0 = Link effects together in a chain Example usage: filter.chain(reverb, delay, panner); May be used with an open-ended number of arguments -chain__params__arguments = Object: (Optional) Chain together multiple sound objects -drywet__description__0 = Adjust the dry/wet value. -drywet__params__fade = Number: (Optional) The desired drywet value (0 - 1.0) -connect__description__0 = Send output to a p5.js-sound, Web Audio Node, or use signal to control an AudioParam -connect__params__unit = Object -disconnect__description__0 = Disconnect all output. diff --git a/src/data/localization/es/p5.Element.ftl b/src/data/localization/es/p5.Element.ftl index 63b59c57a3..3d01163ee3 100644 --- a/src/data/localization/es/p5.Element.ftl +++ b/src/data/localization/es/p5.Element.ftl @@ -1,86 +1,3 @@ description__0 = Clase base para todos los elementos añadidos al bosuqejo, incluyendo lienzo, buffers de gráficas, y otros elementos HTML. Los métodos en azul están incluidos en la funcionalidad base, los métodos en marrón son añadidos con la biblioteca p5.dom. No se ejecutan directamente, pero los objetos p5.Element son creados llamando a las funciones createCanvas(), createGraphics(), o en la biblioteca p5.dom, createDiv, createImg, createInput, etc. params__elt = String: node DOM envolvente. params__pInst = Objeto: puntero a instancia p5. -elt__description__0 = Underlying HTML element. All normal HTML methods can be called on this. -parent__description__0 = Attaches the element to the parent specified. A way of setting the container for the element. Accepts either a string ID, DOM node, or p5.Element. If no arguments given, parent node is returned. For more ways to position the canvas, see the positioning the canvas wiki page. -parent__params__parent = String|p5.Element|Object: the ID, DOM node, or p5.Element of desired parent element -id__description__0 = Sets the ID of the element. If no ID argument is passed in, it instead returns the current ID of the element. Note that only one element can have a particular id in a page. The .class() function can be used to identify multiple elements with the same class name. -id__params__id = String: ID of the element -class__description__0 = Adds given class to the element. If no class argument is passed in, it instead returns a string containing the current class(es) of the element. -class__params__class = String: class to add -mousePressed__description__0 = The .mousePressed() function is called once after every time a mouse button is pressed over the element. Some mobile browsers may also trigger this event on a touch screen, if the user performs a quick tap. This can be used to attach element specific event listeners. -mousePressed__params__fxn = Function|Boolean: function to be fired when mouse is pressed over the element. if false is passed instead, the previously firing function will no longer fire. -doubleClicked__description__0 = The .doubleClicked() function is called once after every time a mouse button is pressed twice over the element. This can be used to attach element and action specific event listeners. -doubleClicked__returns = p5.Element: -doubleClicked__params__fxn = Function|Boolean: function to be fired when mouse is double clicked over the element. if false is passed instead, the previously firing function will no longer fire. -mouseWheel__description__0 = The mouseWheel() function is called once after every time a mouse wheel is scrolled over the element. This can be used to attach element specific event listeners. -mouseWheel__description__1 = The function accepts a callback function as argument which will be executed when the wheel event is triggered on the element, the callback function is passed one argument event. The event.deltaY property returns negative values if the mouse wheel is rotated up or away from the user and positive in the other direction. The event.deltaX does the same as event.deltaY except it reads the horizontal wheel scroll of the mouse wheel. -mouseWheel__description__2 = On OS X with "natural" scrolling enabled, the event.deltaY values are reversed. -mouseWheel__params__fxn = Function|Boolean: function to be fired when mouse is scrolled over the element. if false is passed instead, the previously firing function will no longer fire. -mouseReleased__description__0 = The mouseReleased() function is called once after every time a mouse button is released over the element. Some mobile browsers may also trigger this event on a touch screen, if the user performs a quick tap. This can be used to attach element specific event listeners. -mouseReleased__params__fxn = Function|Boolean: function to be fired when mouse is released over the element. if false is passed instead, the previously firing function will no longer fire. -mouseClicked__description__0 = The .mouseClicked() function is called once after a mouse button is pressed and released over the element. Some mobile browsers may also trigger this event on a touch screen, if the user performs a quick tap.This can be used to attach element specific event listeners. -mouseClicked__params__fxn = Function|Boolean: function to be fired when mouse is clicked over the element. if false is passed instead, the previously firing function will no longer fire. -mouseMoved__description__0 = The .mouseMoved() function is called once every time a mouse moves over the element. This can be used to attach an element specific event listener. -mouseMoved__params__fxn = Function|Boolean: function to be fired when a mouse moves over the element. if false is passed instead, the previously firing function will no longer fire. -mouseOver__description__0 = The .mouseOver() function is called once after every time a mouse moves onto the element. This can be used to attach an element specific event listener. -mouseOver__params__fxn = Function|Boolean: function to be fired when a mouse moves onto the element. if false is passed instead, the previously firing function will no longer fire. -mouseOut__description__0 = The .mouseOut() function is called once after every time a mouse moves off the element. This can be used to attach an element specific event listener. -mouseOut__params__fxn = Function|Boolean: function to be fired when a mouse moves off of an element. if false is passed instead, the previously firing function will no longer fire. -touchStarted__description__0 = The .touchStarted() function is called once after every time a touch is registered. This can be used to attach element specific event listeners. -touchStarted__params__fxn = Function|Boolean: function to be fired when a touch starts over the element. if false is passed instead, the previously firing function will no longer fire. -touchMoved__description__0 = The .touchMoved() function is called once after every time a touch move is registered. This can be used to attach element specific event listeners. -touchMoved__params__fxn = Function|Boolean: function to be fired when a touch moves over the element. if false is passed instead, the previously firing function will no longer fire. -touchEnded__description__0 = The .touchEnded() function is called once after every time a touch is registered. This can be used to attach element specific event listeners. -touchEnded__params__fxn = Function|Boolean: function to be fired when a touch ends over the element. if false is passed instead, the previously firing function will no longer fire. -dragOver__description__0 = The .dragOver() function is called once after every time a file is dragged over the element. This can be used to attach an element specific event listener. -dragOver__params__fxn = Function|Boolean: function to be fired when a file is dragged over the element. if false is passed instead, the previously firing function will no longer fire. -dragLeave__description__0 = The .dragLeave() function is called once after every time a dragged file leaves the element area. This can be used to attach an element specific event listener. -dragLeave__params__fxn = Function|Boolean: function to be fired when a file is dragged off the element. if false is passed instead, the previously firing function will no longer fire. -addClass__description__0 = Adds specified class to the element. -addClass__params__class = String: name of class to add -removeClass__description__0 = Removes specified class from the element. -removeClass__params__class = String: name of class to remove -hasClass__description__0 = Checks if specified class already set to element -hasClass__returns = Boolean: a boolean value if element has specified class -hasClass__params__c = String: class name of class to check -toggleClass__description__0 = Toggles element class -toggleClass__params__c = String: class name to toggle -child__description__0 = Attaches the element as a child to the parent specified. Accepts either a string ID, DOM node, or p5.Element. If no argument is specified, an array of children DOM nodes is returned. -child__returns = Node[]: an array of child nodes -child__params__child = String|p5.Element: (Optional) the ID, DOM node, or p5.Element to add to the current element -center__description__0 = Centers a p5 Element either vertically, horizontally, or both, relative to its parent or according to the body if the Element has no parent. If no argument is passed the Element is aligned both vertically and horizontally. -center__params__align = String: (Optional) passing 'vertical', 'horizontal' aligns element accordingly -html__description__0 = If an argument is given, sets the inner HTML of the element, replacing any existing html. If true is included as a second argument, html is appended instead of replacing existing html. If no arguments are given, returns the inner HTML of the element. -html__returns = String: the inner HTML of the element -html__params__html = String: (Optional) the HTML to be placed inside the element -html__params__append = Boolean: (Optional) whether to append HTML to existing -position__description__0 = Sets the position of the element. If no position type argument is given, the position will be relative to (0, 0) of the window. Essentially, this sets position:absolute and left and top properties of style. If an optional third argument specifying position type is given, the x and y coordinates will be interpreted based on the positioning scheme. If no arguments given, the function returns the x and y position of the element. found documentation on how to be more specific with object type https://stackoverflow.com/questions/14714314/how-do-i-comment-object-literals-in-yuidoc -position__returns = Object: object of form {"{"} x: 0, y: 0 {"}"} containing the position of the element in an object -position__params__x = Number: (Optional) x-position relative to upper left of window (optional) -position__params__y = Number: (Optional) y-position relative to upper left of window (optional) -position__params__positionType = String: it can be static, fixed, relative, sticky, initial or inherit (optional) -style__description__0 = Sets the given style (css) property (1st arg) of the element with the given value (2nd arg). If a single argument is given, .style() returns the value of the given property; however, if the single argument is given in css syntax ('text-align:center'), .style() sets the css appropriately. -style__returns = String: value of property -style__params__property = String: property to be set -style__params__value = String|p5.Color: value to assign to property -attribute__description__0 = Adds a new attribute or changes the value of an existing attribute on the specified element. If no value is specified, returns the value of the given attribute, or null if attribute is not set. -attribute__returns = String: value of attribute -attribute__params__attr = String: attribute to set -attribute__params__value = String: value to assign to attribute -removeAttribute__description__0 = Removes an attribute on the specified element. -removeAttribute__params__attr = String: attribute to remove -value__description__0 = Either returns the value of the element if no arguments given, or sets the value of the element. -value__returns = String|Number: value of the element -value__params__value = String|Number -show__description__0 = Shows the current element. Essentially, setting display:block for the style. -hide__description__0 = Hides the current element. Essentially, setting display:none for the style. -size__description__0 = Sets the width and height of the element. AUTO can be used to only adjust one dimension at a time. If no arguments are given, it returns the width and height of the element in an object. In case of elements which need to be loaded, such as images, it is recommended to call the function after the element has finished loading. -size__returns = Object: the width and height of the element in an object -size__params__w = Number|Constant: width of the element, either AUTO, or a number -size__params__h = Number|Constant: (Optional) height of the element, either AUTO, or a number -remove__description__0 = Removes the element, stops all media streams, and deregisters all listeners. -drop__description__0 = Registers a callback that gets called every time a file that is dropped on the element has been loaded. p5 will load every dropped file into memory and pass it as a p5.File object to the callback. Multiple files dropped at the same time will result in multiple calls to the callback. -drop__description__1 = You can optionally pass a second callback which will be registered to the raw drop event. The callback will thus be provided the original DragEvent. Dropping multiple files at the same time will trigger the second callback once per drop, whereas the first callback will trigger for each loaded file. -drop__params__callback = Function: callback to receive loaded file, called for each file dropped. -drop__params__fxn = Function: (Optional) callback triggered once when files are dropped with the drop event. diff --git a/src/data/localization/es/p5.Envelope.ftl b/src/data/localization/es/p5.Envelope.ftl index 5aeb4454e9..e69de29bb2 100644 --- a/src/data/localization/es/p5.Envelope.ftl +++ b/src/data/localization/es/p5.Envelope.ftl @@ -1,55 +0,0 @@ -description__0 = Envelopes are pre-defined amplitude distribution over time. Typically, envelopes are used to control the output volume of an object, a series of fades referred to as Attack, Decay, Sustain and Release ( ADSR ). Envelopes can also control other Web Audio Parameters—for example, a p5.Envelope can control an Oscillator's frequency like this: osc.freq(env). -description__1 = Use setRange to change the attack/release level. Use setADSR to change attackTime, decayTime, sustainPercent and releaseTime. -description__2 = Use the play method to play the entire envelope, the ramp method for a pingable trigger, or triggerAttack/ triggerRelease to trigger noteOn/noteOff. -attackTime__description__0 = Time until envelope reaches attackLevel -attackLevel__description__0 = Level once attack is complete. -decayTime__description__0 = Time until envelope reaches decayLevel. -decayLevel__description__0 = Level after decay. The envelope will sustain here until it is released. -releaseTime__description__0 = Duration of the release portion of the envelope. -releaseLevel__description__0 = Level at the end of the release. -set__description__0 = Reset the envelope with a series of time/value pairs. -set__params__attackTime = Number: Time (in seconds) before level reaches attackLevel -set__params__attackLevel = Number: Typically an amplitude between 0.0 and 1.0 -set__params__decayTime = Number: Time -set__params__decayLevel = Number: Amplitude (In a standard ADSR envelope, decayLevel = sustainLevel) -set__params__releaseTime = Number: Release Time (in seconds) -set__params__releaseLevel = Number: Amplitude -setADSR__description__0 = Set values like a traditional ADSR envelope . -setADSR__params__attackTime = Number: Time (in seconds before envelope reaches Attack Level -setADSR__params__decayTime = Number: (Optional) Time (in seconds) before envelope reaches Decay/Sustain Level -setADSR__params__susRatio = Number: (Optional) Ratio between attackLevel and releaseLevel, on a scale from 0 to 1, where 1.0 = attackLevel, 0.0 = releaseLevel. The susRatio determines the decayLevel and the level at which the sustain portion of the envelope will sustain. For example, if attackLevel is 0.4, releaseLevel is 0, and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is increased to 1.0 (using setRange), then decayLevel would increase proportionally, to become 0.5. -setADSR__params__releaseTime = Number: (Optional) Time in seconds from now (defaults to 0) -setRange__description__0 = Set max (attackLevel) and min (releaseLevel) of envelope. -setRange__params__aLevel = Number: attack level (defaults to 1) -setRange__params__rLevel = Number: release level (defaults to 0) -setInput__description__0 = Assign a parameter to be controlled by this envelope. If a p5.Sound object is given, then the p5.Envelope will control its output gain. If multiple inputs are provided, the env will control all of them. -setInput__params__inputs = Object: (Optional) A p5.sound object or Web Audio Param. -setExp__description__0 = Set whether the envelope ramp is linear (default) or exponential. Exponential ramps can be useful because we perceive amplitude and frequency logarithmically. -setExp__params__isExp = Boolean: true is exponential, false is linear -play__description__0 = Play tells the envelope to start acting on a given input. If the input is a p5.sound object (i.e. AudioIn, Oscillator, SoundFile), then Envelope will control its output volume. Envelopes can also be used to control any Web Audio Audio Param. -play__params__unit = Object: A p5.sound object or Web Audio Param. -play__params__startTime = Number: (Optional) time from now (in seconds) at which to play -play__params__sustainTime = Number: (Optional) time to sustain before releasing the envelope -triggerAttack__description__0 = Trigger the Attack, and Decay portion of the Envelope. Similar to holding down a key on a piano, but it will hold the sustain level until you let go. Input can be any p5.sound object, or a Web Audio Param. -triggerAttack__params__unit = Object: p5.sound Object or Web Audio Param -triggerAttack__params__secondsFromNow = Number: time from now (in seconds) -triggerRelease__description__0 = Trigger the Release of the Envelope. This is similar to releasing the key on a piano and letting the sound fade according to the release level and release time. -triggerRelease__params__unit = Object: p5.sound Object or Web Audio Param -triggerRelease__params__secondsFromNow = Number: time to trigger the release -ramp__description__0 = Exponentially ramp to a value using the first two values from setADSR(attackTime, decayTime) as time constants for simple exponential ramps. If the value is higher than current value, it uses attackTime, while a decrease uses decayTime. -ramp__params__unit = Object: p5.sound Object or Web Audio Param -ramp__params__secondsFromNow = Number: When to trigger the ramp -ramp__params__v = Number: Target value -ramp__params__v2 = Number: (Optional) Second target value (optional) -add__description__0 = Add a value to the p5.Oscillator's output amplitude, and return the oscillator. Calling this method again will override the initial add() with new values. -add__returns = p5.Envelope: Envelope Returns this envelope with scaled output -add__params__number = Number: Constant number to add -mult__description__0 = Multiply the p5.Envelope's output amplitude by a fixed value. Calling this method again will override the initial mult() with new values. -mult__returns = p5.Envelope: Envelope Returns this envelope with scaled output -mult__params__number = Number: Constant number to multiply -scale__description__0 = Scale this envelope's amplitude values to a given range, and return the envelope. Calling this method again will override the initial scale() with new values. -scale__returns = p5.Envelope: Envelope Returns this envelope with scaled output -scale__params__inMin = Number: input range minumum -scale__params__inMax = Number: input range maximum -scale__params__outMin = Number: input range minumum -scale__params__outMax = Number: input range maximum diff --git a/src/data/localization/es/p5.FFT.ftl b/src/data/localization/es/p5.FFT.ftl index 3d0c16d1b0..e69de29bb2 100644 --- a/src/data/localization/es/p5.FFT.ftl +++ b/src/data/localization/es/p5.FFT.ftl @@ -1,33 +0,0 @@ -description__0 = FFT (Fast Fourier Transform) is an analysis algorithm that isolates individual audio frequencies within a waveform. -description__1 = Once instantiated, a p5.FFT object can return an array based on two types of analyses: • FFT.waveform() computes amplitude values along the time domain. The array indices correspond to samples across a brief moment in time. Each value represents amplitude of the waveform at that sample of time. • FFT.analyze() computes amplitude values along the frequency domain. The array indices correspond to frequencies (i.e. pitches), from the lowest to the highest that humans can hear. Each value represents amplitude at that slice of the frequency spectrum. Use with getEnergy() to measure amplitude at specific frequencies, or within a range of frequencies. -description__2 = FFT analyzes a very short snapshot of sound called a sample buffer. It returns an array of amplitude measurements, referred to as bins. The array is 1024 bins long by default. You can change the bin array length, but it must be a power of 2 between 16 and 1024 in order for the FFT algorithm to function correctly. The actual size of the FFT buffer is twice the number of bins, so given a standard sample rate, the buffer is 2048/44100 seconds long. -params__smoothing = Number: (Optional) Smooth results of Freq Spectrum. 0.0 < smoothing < 1.0. Defaults to 0.8. -params__bins = Number: (Optional) Length of resulting array. Must be a power of two between 16 and 1024. Defaults to 1024. -setInput__description__0 = Set the input source for the FFT analysis. If no source is provided, FFT will analyze all sound in the sketch. -setInput__params__source = Object: (Optional) p5.sound object (or web audio API source node) -waveform__description__0 = Returns an array of amplitude values (between -1.0 and +1.0) that represent a snapshot of amplitude readings in a single buffer. Length will be equal to bins (defaults to 1024). Can be used to draw the waveform of a sound. -waveform__returns = Array: Array Array of amplitude values (-1 to 1) over time. Array length = bins. -waveform__params__bins = Number: (Optional) Must be a power of two between 16 and 1024. Defaults to 1024. -waveform__params__precision = String: (Optional) If any value is provided, will return results in a Float32 Array which is more precise than a regular array. -analyze__description__0 = Returns an array of amplitude values (between 0 and 255) across the frequency spectrum. Length is equal to FFT bins (1024 by default). The array indices correspond to frequencies (i.e. pitches), from the lowest to the highest that humans can hear. Each value represents amplitude at that slice of the frequency spectrum. Must be called prior to using getEnergy(). -analyze__returns = Array: spectrum Array of energy (amplitude/volume) values across the frequency spectrum. Lowest energy (silence) = 0, highest possible is 255. -analyze__params__bins = Number: (Optional) Must be a power of two between 16 and 1024. Defaults to 1024. -analyze__params__scale = Number: (Optional) If "dB," returns decibel float measurements between -140 and 0 (max). Otherwise returns integers from 0-255. -getEnergy__description__0 = Returns the amount of energy (volume) at a specific frequency, or the average amount of energy between two frequencies. Accepts Number(s) corresponding to frequency (in Hz), or a String corresponding to predefined frequency ranges ("bass", "lowMid", "mid", "highMid", "treble"). Returns a range between 0 (no energy/volume at that frequency) and 255 (maximum energy). NOTE: analyze() must be called prior to getEnergy(). Analyze() tells the FFT to analyze frequency data, and getEnergy() uses the results determine the value at a specific frequency or range of frequencies. -getEnergy__returns = Number: Energy Energy (volume/amplitude) from 0 and 255. -getEnergy__params__frequency1 = Number|String: Will return a value representing energy at this frequency. Alternately, the strings "bass", "lowMid" "mid", "highMid", and "treble" will return predefined frequency ranges. -getEnergy__params__frequency2 = Number: (Optional) If a second frequency is given, will return average amount of energy that exists between the two frequencies. -getCentroid__description__0 = Returns the spectral centroid of the input signal. NOTE: analyze() must be called prior to getCentroid(). Analyze() tells the FFT to analyze frequency data, and getCentroid() uses the results determine the spectral centroid. -getCentroid__returns = Number: Spectral Centroid Frequency Frequency of the spectral centroid in Hz. -smooth__description__0 = Smooth FFT analysis by averaging with the last analysis frame. -smooth__params__smoothing = Number: 0.0 < smoothing < 1.0. Defaults to 0.8. -linAverages__description__0 = Returns an array of average amplitude values for a given number of frequency bands split equally. N defaults to 16. NOTE: analyze() must be called prior to linAverages(). Analyze() tells the FFT to analyze frequency data, and linAverages() uses the results to group them into a smaller set of averages. -linAverages__returns = Array: linearAverages Array of average amplitude values for each group -linAverages__params__N = Number: Number of returned frequency groups -logAverages__description__0 = Returns an array of average amplitude values of the spectrum, for a given set of Octave Bands NOTE: analyze() must be called prior to logAverages(). Analyze() tells the FFT to analyze frequency data, and logAverages() uses the results to group them into a smaller set of averages. -logAverages__returns = Array: logAverages Array of average amplitude values for each group -logAverages__params__octaveBands = Array: Array of Octave Bands objects for grouping -getOctaveBands__description__0 = Calculates and Returns the 1/N Octave Bands N defaults to 3 and minimum central frequency to 15.625Hz. (1/3 Octave Bands ~= 31 Frequency Bands) Setting fCtr0 to a central value of a higher octave will ignore the lower bands and produce less frequency groups. -getOctaveBands__returns = Array: octaveBands Array of octave band objects with their bounds -getOctaveBands__params__N = Number: Specifies the 1/N type of generated octave bands -getOctaveBands__params__fCtr0 = Number: Minimum central frequency for the lowest band diff --git a/src/data/localization/es/p5.File.ftl b/src/data/localization/es/p5.File.ftl index 91fc131ddd..e69de29bb2 100644 --- a/src/data/localization/es/p5.File.ftl +++ b/src/data/localization/es/p5.File.ftl @@ -1,8 +0,0 @@ -description__0 = Base class for a file. Used for Element.drop and createFileInput. -params__file = File: File that is wrapped -file__description__0 = Underlying File object. All normal File methods can be called on this. -type__description__0 = File type (image, text, etc.) -subtype__description__0 = File subtype (usually the file extension jpg, png, xml, etc.) -name__description__0 = File name -size__description__0 = File size -data__description__0 = URL string containing either image data, the text contents of the file or a parsed object if file is JSON and p5.XML if XML diff --git a/src/data/localization/es/p5.Filter.ftl b/src/data/localization/es/p5.Filter.ftl index 4608f85587..e69de29bb2 100644 --- a/src/data/localization/es/p5.Filter.ftl +++ b/src/data/localization/es/p5.Filter.ftl @@ -1,28 +0,0 @@ -description__0 = A p5.Filter uses a Web Audio Biquad Filter to filter the frequency response of an input source. Subclasses include: p5.LowPass: Allows frequencies below the cutoff frequency to pass through, and attenuates frequencies above the cutoff.
    p5.HighPass: The opposite of a lowpass filter.
    p5.BandPass: Allows a range of frequencies to pass through and attenuates the frequencies below and above this frequency range.
    -description__1 = The .res() method controls either width of the bandpass, or resonance of the low/highpass cutoff frequency. -description__2 = This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available. -params__type = String: (Optional) 'lowpass' (default), 'highpass', 'bandpass' -biquadFilter__description__0 = The p5.Filter is built with a Web Audio BiquadFilter Node. -process__description__0 = Filter an audio signal according to a set of filter parameters. -process__params__Signal = Object: An object that outputs audio -process__params__freq = Number: (Optional) Frequency in Hz, from 10 to 22050 -process__params__res = Number: (Optional) Resonance/Width of the filter frequency from 0.001 to 1000 -set__description__0 = Set the frequency and the resonance of the filter. -set__params__freq = Number: (Optional) Frequency in Hz, from 10 to 22050 -set__params__res = Number: (Optional) Resonance (Q) from 0.001 to 1000 -set__params__timeFromNow = Number: (Optional) schedule this event to happen seconds from now -freq__description__0 = Set the filter frequency, in Hz, from 10 to 22050 (the range of human hearing, although in reality most people hear in a narrower range). -freq__returns = Number: value Returns the current frequency value -freq__params__freq = Number: Filter Frequency -freq__params__timeFromNow = Number: (Optional) schedule this event to happen seconds from now -res__description__0 = Controls either width of a bandpass frequency, or the resonance of a low/highpass cutoff frequency. -res__returns = Number: value Returns the current res value -res__params__res = Number: Resonance/Width of filter freq from 0.001 to 1000 -res__params__timeFromNow = Number: (Optional) schedule this event to happen seconds from now -gain__description__0 = Controls the gain attribute of a Biquad Filter. This is distinctly different from .amp() which is inherited from p5.Effect .amp() controls the volume via the output gain node p5.Filter.gain() controls the gain parameter of a Biquad Filter node. -gain__returns = Number: Returns the current or updated gain value -gain__params__gain = Number -toggle__description__0 = Toggle function. Switches between the specified type and allpass -toggle__returns = Boolean: [Toggle value] -setType__description__0 = Set the type of a p5.Filter. Possible types include: "lowpass" (default), "highpass", "bandpass", "lowshelf", "highshelf", "peaking", "notch", "allpass". -setType__params__t = String diff --git a/src/data/localization/es/p5.Font.ftl b/src/data/localization/es/p5.Font.ftl index 59333d0ce6..ff926a3318 100644 --- a/src/data/localization/es/p5.Font.ftl +++ b/src/data/localization/es/p5.Font.ftl @@ -1,17 +1,2 @@ description__0 = Clase base para manipulación de tipografía params__pInst = Objeto: puntero a la instancia p5 -font__description__0 = Underlying opentype font implementation -textBounds__description__0 = Returns a tight bounding box for the given text string using this font -textBounds__returns = Object: a rectangle object with properties: x, y, w, h -textBounds__params__line = String: a line of text -textBounds__params__x = Number: x-position -textBounds__params__y = Number: y-position -textBounds__params__fontSize = Number: (Optional) font size to use (optional) Default is 12. -textBounds__params__options = Object: (Optional) opentype options (optional) opentype fonts contains alignment and baseline options. Default is 'LEFT' and 'alphabetic' -textToPoints__description__0 = Computes an array of points following the path for specified text -textToPoints__returns = Array: an array of points, each with x, y, alpha (the path angle) -textToPoints__params__txt = String: a line of text -textToPoints__params__x = Number: x-position -textToPoints__params__y = Number: y-position -textToPoints__params__fontSize = Number: font size to use (optional) -textToPoints__params__options = Object: (Optional) an (optional) object that can contain: sampleFactor - the ratio of path-length to number of samples (default=.1); higher values yield more points and are therefore more precise simplifyThreshold - if set to a non-zero value, collinear points will be be removed from the polygon; the value represents the threshold angle to use when determining whether two edges are collinear diff --git a/src/data/localization/es/p5.Gain.ftl b/src/data/localization/es/p5.Gain.ftl index 8ab592e46d..e69de29bb2 100644 --- a/src/data/localization/es/p5.Gain.ftl +++ b/src/data/localization/es/p5.Gain.ftl @@ -1,10 +0,0 @@ -description__0 = A gain node is useful to set the relative volume of sound. It's typically used to build mixers. -setInput__description__0 = Connect a source to the gain node. -setInput__params__src = Object: p5.sound / Web Audio object with a sound output. -connect__description__0 = Send output to a p5.sound or web audio object -connect__params__unit = Object -disconnect__description__0 = Disconnect all output. -amp__description__0 = Set the output level of the gain node. -amp__params__volume = Number: amplitude between 0 and 1.0 -amp__params__rampTime = Number: (Optional) create a fade that lasts rampTime -amp__params__timeFromNow = Number: (Optional) schedule this event to happen seconds from now diff --git a/src/data/localization/es/p5.Geometry.ftl b/src/data/localization/es/p5.Geometry.ftl index 2e5f574259..e69de29bb2 100644 --- a/src/data/localization/es/p5.Geometry.ftl +++ b/src/data/localization/es/p5.Geometry.ftl @@ -1,9 +0,0 @@ -description__0 = p5 Geometry class -params__detailX = Integer: (Optional) number of vertices on horizontal surface -params__detailY = Integer: (Optional) number of vertices on horizontal surface -params__callback = Function: (Optional) function to call upon object instantiation. -computeFaces__description__0 = computes faces for geometry objects based on the vertices. -computeNormals__description__0 = computes smooth normals per vertex as an average of each face. -averageNormals__description__0 = Averages the vertex normals. Used in curved surfaces -averagePoleNormals__description__0 = Averages pole normals. Used in spherical primitives -normalize__description__0 = Modifies all vertices to be centered within the range -100 to 100. diff --git a/src/data/localization/es/p5.HighPass.ftl b/src/data/localization/es/p5.HighPass.ftl index 98f66dfc82..e69de29bb2 100644 --- a/src/data/localization/es/p5.HighPass.ftl +++ b/src/data/localization/es/p5.HighPass.ftl @@ -1 +0,0 @@ -description__0 = Constructor: new p5.HighPass() Filter. This is the same as creating a p5.Filter and then calling its method setType('highpass'). See p5.Filter for methods. diff --git a/src/data/localization/es/p5.Image.ftl b/src/data/localization/es/p5.Image.ftl index b2772f4a88..5a0cdf827a 100644 --- a/src/data/localization/es/p5.Image.ftl +++ b/src/data/localization/es/p5.Image.ftl @@ -11,72 +11,20 @@ pixels__description__1 = Antes de acceder a esta matriz, los datos deben cargars loadPixels__description__0 = Carga los datos de píxeles para esta imagen en el atributo [píxeles]. updatePixels__description__0 = Actualiza el canvas de respaldo para esta imagen con el contenido de la matriz [píxeles]. updatePixels__description__1 = Si esta imagen es un GIF animado, los píxeles se actualizarán en el cuadro que se muestra actualmente -updatePixels__params__x = Integer: x-offset of the target update area for the underlying canvas -updatePixels__params__y = Integer: y-offset of the target update area for the underlying canvas -updatePixels__params__w = Integer: height of the target update area for the underlying canvas -updatePixels__params__h = Integer: height of the target update area for the underlying canvas get__description__0 = Obtiene una región de píxeles de una imagen. get__description__1 = Si no se pasan parámetros, se devuelve toda la imagen. Si x e y son los únicos parámetros pasados, se extrae un solo píxel. Si se pasan todos los parámetros, se extrae una región rectangular y se devuelve un p5.Image. -get__returns = p5.Image: the rectangle p5.Image -get__params__x = Number: x-coordinate of the pixel -get__params__y = Number: y-coordinate of the pixel -get__params__w = Number: width -get__params__h = Number: height set__description__0 = Establece el color de un solo píxel o escribe una imagen en este p5.Image. set__description__1 = Tenga en cuenta que para una gran cantidad de píxeles esto será más lento que manipular directamente la matriz de píxeles y luego llamar a updatePixels(). -set__params__x = Number: x-coordinate of the pixel -set__params__y = Number: y-coordinate of the pixel -set__params__a = Number|Number[]|Object: grayscale value | pixel array | a p5.Color | image to copy resize__description__0 = Cambiar el tamaño de la imagen a un nuevo ancho y alto. Para hacer que la imagen escale proporcionalmente, use 0 como valor para el parámetro ancho o alto. Por ejemplo, para hacer que el ancho de una imagen sea de 150 píxeles y cambiar la altura con la misma proporción, use cambiar el tamaño (150, 0). -resize__params__width = Number: the resized image width -resize__params__height = Number: the resized image height copy__description__0 = Copia una región de píxeles de una imagen a otra. Si no se especifica srcImage, se usa como fuente. Si las regiones de origen y destino no son del mismo tamaño, automáticamente redimensionará los píxeles de origen para que se ajusten a la región de destino especificada. -copy__params__srcImage = p5.Image|p5.Element: source image -copy__params__sx = Integer: X coordinate of the source's upper left corner -copy__params__sy = Integer: Y coordinate of the source's upper left corner -copy__params__sw = Integer: source image width -copy__params__sh = Integer: source image height -copy__params__dx = Integer: X coordinate of the destination's upper left corner -copy__params__dy = Integer: Y coordinate of the destination's upper left corner -copy__params__dw = Integer: destination image width -copy__params__dh = Integer: destination image height mask__description__0 = Enmascara parte de una imagen para que no se muestre cargando otra imagen y usando su canal alfa como canal alfa para esta imagen. -mask__params__srcImage = p5.Image: source image filter__description__0 = Aplica un filtro de imagen a un p5.Image -filter__description__1 = THRESHOLD Converts the image to black and white pixels depending if they are above or below the threshold defined by the level parameter. The parameter must be between 0.0 (black) and 1.0 (white). If no level is specified, 0.5 is used. -filter__description__2 = GRAY Converts any colors in the image to grayscale equivalents. No parameter is used. -filter__description__3 = OPAQUE Sets the alpha channel to entirely opaque. No parameter is used. -filter__description__4 = INVERT Sets each pixel to its inverse value. No parameter is used. -filter__description__5 = POSTERIZE Limits each channel of the image to the number of colors specified as the parameter. The parameter can be set to values between 2 and 255, but results are most noticeable in the lower ranges. -filter__description__6 = BLUR Executes a Gaussian blur with the level parameter specifying the extent of the blurring. If no parameter is used, the blur is equivalent to Gaussian blur of radius 1. Larger values increase the blur. -filter__description__7 = ERODE Reduces the light areas. No parameter is used. -filter__description__8 = DILATE Increases the light areas. No parameter is used. -filter__description__9 = filter() does not work in WEBGL mode. A similar effect can be achieved in WEBGL mode using custom shaders. Adam Ferriss has written a selection of shader examples that contains many of the effects present in the filter examples. -filter__params__filterType = Constant: either THRESHOLD, GRAY, OPAQUE, INVERT, POSTERIZE, BLUR, ERODE, DILATE or BLUR. See Filters.js for docs on each available filter -filter__params__filterParam = Number: (Optional) an optional parameter unique to each filter, see above blend__description__0 = Copia una región de píxeles de una imagen a otra, utilizando un modo de blend específico para realizar la operación. -blend__params__srcImage = p5.Image: source image -blend__params__sx = Integer: X coordinate of the source's upper left corner -blend__params__sy = Integer: Y coordinate of the source's upper left corner -blend__params__sw = Integer: source image width -blend__params__sh = Integer: source image height -blend__params__dx = Integer: X coordinate of the destination's upper left corner -blend__params__dy = Integer: Y coordinate of the destination's upper left corner -blend__params__dw = Integer: destination image width -blend__params__dh = Integer: destination image height -blend__params__blendMode = Constant: the blend mode. either BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT, SOFT_LIGHT, DODGE, BURN, ADD or NORMAL. Available blend modes are: normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/ save__description__0 = Guarda la imagen en un archivo y obliga al navegador a descargarla. Acepta dos cadenas para nombre de archivo y extensión de archivo Admite png (predeterminado), jpg y gif Tenga en cuenta que el archivo solo se descargará como un GIF animado si la p5.Image se cargó desde un archivo GIF. -save__params__filename = String: give your file a name -save__params__extension = String: 'png' or 'jpg' reset__description__0 = Inicia un GIF animado en el estado inicial. getCurrentFrame__description__0 = Obtiene el índice del marco que está visible actualmente en un GIF animado. -getCurrentFrame__returns = Number: The index for the currently displaying frame in animated GIF setFrame__description__0 = Establece el índice del marco que está visible actualmente en un GIF animado -setFrame__params__index = Number: the index for the frame that should be displayed numFrames__description__0 = Devuelve el número de fotogramas en un GIF animado -numFrames__returns = Number: play__description__0 = Reproduce un GIF animado que se detuvo con pause() pause__description__0 = Pausa un GIF animado. delay__description__0 = Cambia el retraso entre fotogramas en un GIF animado. Hay un segundo parámetro opcional que indica un índice para una trama específica que debería tener su retraso modificado. Si no se proporciona ningún índice, todos los cuadros tendrán el nuevo retraso. -delay__params__d = Number: the amount in milliseconds to delay between switching frames -delay__params__index = Number: (Optional) the index of the frame that should have the new delay value {"{"}optional{"}"} diff --git a/src/data/localization/es/p5.LowPass.ftl b/src/data/localization/es/p5.LowPass.ftl index 6d057d506a..e69de29bb2 100644 --- a/src/data/localization/es/p5.LowPass.ftl +++ b/src/data/localization/es/p5.LowPass.ftl @@ -1 +0,0 @@ -description__0 = Constructor: new p5.LowPass() Filter. This is the same as creating a p5.Filter and then calling its method setType('lowpass'). See p5.Filter for methods. diff --git a/src/data/localization/es/p5.MediaElement.ftl b/src/data/localization/es/p5.MediaElement.ftl index e273341288..98dc6d5336 100644 --- a/src/data/localization/es/p5.MediaElement.ftl +++ b/src/data/localization/es/p5.MediaElement.ftl @@ -6,36 +6,19 @@ play__description__0 = Reproduce un elemento multimedia HTML5. stop__description__0 = Detiene un elemento multimedia HTML5 (establece la hora actual en cero) pause__description__0 = Pausa un elemento multimedia HTML5. loop__description__0 = Establezca 'loop' en verdadero para un elemento multimedia HTML5 y comienza a reproducir. -noLoop__description__0 = Set 'loop' to false for an HTML5 media element. Element will stop when it reaches the end. autoplay__description__0 = Establezca 'loop' en falso para un elemento multimedia HTML5. El elemento se detendrá cuando llegue al final. -autoplay__params__shouldAutoplay = Boolean: whether the element should autoplay volume__description__0 = Establece el volumen para este elemento multimedia HTML5. Si no se proporciona ningún argumento, devuelve el volumen actual. -volume__returns = Number: current volume -volume__params__val = Number: volume between 0.0 and 1.0 speed__description__0 = Si no se dan argumentos, devuelve la velocidad de reproducción actual del elemento. El parámetro de velocidad establece la velocidad donde 2.0 reproducirá el elemento dos veces más rápido, 0.5 reproducirá a la mitad de la velocidad y -1 reproducirá el elemento a velocidad normal en reversa (tenga en cuenta que no todos los navegadores admiten la reproducción hacia atrás e incluso si lo hacen, la reproducción podría no ser fluido.) -speed__returns = Number: current playback speed of the element -speed__params__speed = Number: speed multiplier for element playback time__description__0 = Si no se dan argumentos, devuelve la hora actual del elemento. Si se proporciona un argumento, la hora actual del elemento se establece a la indicada. -time__returns = Number: current time (in seconds) -time__params__time = Number: time to jump to (in seconds) duration__description__0 = Devuelve la duración del elemento multimedia HTML5. -duration__returns = Number: duration onended__description__0 = Programe un evento para ser llamado cuando el elemento de audio o video llegue al final. Si el elemento está looping, esto no se llamará. El elemento se pasa como argumento para el onended callback. -onended__params__callback = Function: function to call when the soundfile has ended. The media element will be passed in as the argument to the callback. connect__description__0 = Envíe la salida de audio de este elemento a un objeto audioNode o p5.sound especificado. Si no se proporciona ningún elemento, se conecta a la salida maestra de p5. Esa conexión se establece cuando este método se llama por primera vez. Todas las conexiones se eliminan mediante el método .disconnect (). connect__description__1 = Este método está destinado a ser utilizado con la biblioteca de complementos p5.sound.js. -connect__params__audioNode = AudioNode|Object: AudioNode from the Web Audio API, or an object from the p5.sound library disconnect__description__0 = Desconecta todo el enrutamiento de audio web, incluso a la salida maestra. Esto es útil si desea redirigir la salida a través de efectos de audio, por ejemplo. showControls__description__0 = Muestra los controles de MediaElement predeterminados, según lo determine el navegador web. hideControls__description__0 = Ocultar los controles predeterminados de mediaElement. addCue__description__0 = Programe eventos para que se activen cada vez que un MediaElement (audio / video) llegue a un punto de referencia de reproducción. addCue__description__1 = Acepta una función de devolución de llamada, un tiempo (en segundos) para activar el callback y un parámetro opcional para el callback. addCue__description__2 = El tiempo pasará como primer parámetro a la función de callback, y param será el segundo parámetro. -addCue__returns = Number: id ID of this cue, useful for removeCue(id) -addCue__params__time = Number: Time in seconds, relative to this media element's playback. For example, to trigger an event every time playback reaches two seconds, pass in the number 2. This will be passed as the first parameter to the callback function. -addCue__params__callback = Function: Name of a function that will be called at the given time. The callback will receive time and (optionally) param as its two parameters. -addCue__params__value = Object: (Optional) An object to be passed as the second parameter to the callback function. removeCue__description__0 = Eliminar una devolución de llamada en función de su ID. La identificación es devuelta por el método addCue. -removeCue__params__id = Number: ID of the cue, as returned by addCue clearCues__description__0 = Elimine todos los callbacks que originalmente se habían programado mediante el método addCue. -clearCues__params__id = Number: ID of the cue, as returned by addCue diff --git a/src/data/localization/es/p5.MonoSynth.ftl b/src/data/localization/es/p5.MonoSynth.ftl index 2413f195c2..e69de29bb2 100644 --- a/src/data/localization/es/p5.MonoSynth.ftl +++ b/src/data/localization/es/p5.MonoSynth.ftl @@ -1,26 +0,0 @@ -description__0 = A MonoSynth is used as a single voice for sound synthesis. This is a class to be used in conjunction with the PolySynth class. Custom synthesizers should be built inheriting from this class. -attack__description__0 = Getters and Setters -play__description__0 = Play tells the MonoSynth to start playing a note. This method schedules the calling of .triggerAttack and .triggerRelease. -play__params__note = String | Number: the note you want to play, specified as a frequency in Hertz (Number) or as a midi value in Note/Octave format ("C4", "Eb3"...etc") See Tone. Defaults to 440 hz. -play__params__velocity = Number: (Optional) velocity of the note to play (ranging from 0 to 1) -play__params__secondsFromNow = Number: (Optional) time from now (in seconds) at which to play -play__params__sustainTime = Number: (Optional) time to sustain before releasing the envelope. Defaults to 0.15 seconds. -triggerAttack__description__0 = Trigger the Attack, and Decay portion of the Envelope. Similar to holding down a key on a piano, but it will hold the sustain level until you let go. -triggerAttack__params__note = String | Number: the note you want to play, specified as a frequency in Hertz (Number) or as a midi value in Note/Octave format ("C4", "Eb3"...etc") See Tone. Defaults to 440 hz -triggerAttack__params__velocity = Number: (Optional) velocity of the note to play (ranging from 0 to 1) -triggerAttack__params__secondsFromNow = Number: (Optional) time from now (in seconds) at which to play -triggerRelease__description__0 = Trigger the release of the Envelope. This is similar to releasing the key on a piano and letting the sound fade according to the release level and release time. -triggerRelease__params__secondsFromNow = Number: time to trigger the release -setADSR__description__0 = Set values like a traditional ADSR envelope . -setADSR__params__attackTime = Number: Time (in seconds before envelope reaches Attack Level -setADSR__params__decayTime = Number: (Optional) Time (in seconds) before envelope reaches Decay/Sustain Level -setADSR__params__susRatio = Number: (Optional) Ratio between attackLevel and releaseLevel, on a scale from 0 to 1, where 1.0 = attackLevel, 0.0 = releaseLevel. The susRatio determines the decayLevel and the level at which the sustain portion of the envelope will sustain. For example, if attackLevel is 0.4, releaseLevel is 0, and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is increased to 1.0 (using setRange), then decayLevel would increase proportionally, to become 0.5. -setADSR__params__releaseTime = Number: (Optional) Time in seconds from now (defaults to 0) -amp__description__0 = MonoSynth amp -amp__returns = Number: new volume value -amp__params__vol = Number: desired volume -amp__params__rampTime = Number: (Optional) Time to reach new volume -connect__description__0 = Connect to a p5.sound / Web Audio object. -connect__params__unit = Object: A p5.sound or Web Audio object -disconnect__description__0 = Disconnect all outputs -dispose__description__0 = Get rid of the MonoSynth and free up its resources / memory. diff --git a/src/data/localization/es/p5.Noise.ftl b/src/data/localization/es/p5.Noise.ftl index 4b92afc02c..e69de29bb2 100644 --- a/src/data/localization/es/p5.Noise.ftl +++ b/src/data/localization/es/p5.Noise.ftl @@ -1,4 +0,0 @@ -description__0 = Noise is a type of oscillator that generates a buffer with random values. -params__type = String: Type of noise can be 'white' (default), 'brown' or 'pink'. -setType__description__0 = Set type of noise to 'white', 'pink' or 'brown'. White is the default. -setType__params__type = String: (Optional) 'white', 'pink' or 'brown' diff --git a/src/data/localization/es/p5.NumberDict.ftl b/src/data/localization/es/p5.NumberDict.ftl index ea11ce24f6..b721e45ba1 100644 --- a/src/data/localization/es/p5.NumberDict.ftl +++ b/src/data/localization/es/p5.NumberDict.ftl @@ -1,21 +1,8 @@ description__0 = Una simple clase de Diccionario para Números. add__description__0 = Agregue el número dado al valor actualmente almacenado en la clave dada. La suma luego reemplaza el valor previamente almacenado en el Diccionario. -add__params__Key = Number: for the value you wish to add to -add__params__Number = Number: to add to the value -sub__description__0 = Subtract the given number from the value currently stored at the given key. The difference then replaces the value previously stored in the Dictionary. -sub__params__Key = Number: for the value you wish to subtract from -sub__params__Number = Number: to subtract from the value mult__description__0 = Resta el número dado del valor actualmente almacenado en la clave dada. La diferencia luego reemplaza el valor previamente almacenado en el Diccionario. -mult__params__Key = Number: for value you wish to multiply -mult__params__Amount = Number: to multiply the value by div__description__0 = Divida el número dado con el valor actualmente almacenado en la clave dada. El cociente luego reemplaza el valor previamente almacenado en el Diccionario. -div__params__Key = Number: for value you wish to divide -div__params__Amount = Number: to divide the value by minValue__description__0 = Devuelve el número más bajo actualmente almacenado en el Diccionario. -minValue__returns = Number: maxValue__description__0 = Devuelve el número más alto actualmente almacenado en el Diccionario. -maxValue__returns = Number: minKey__description__0 = Devuelve la clave más baja utilizada actualmente en el Diccionario. -minKey__returns = Number: maxKey__description__0 = Devuelve la clave más alta utilizada actualmente en el Diccionario. -maxKey__returns = Number: diff --git a/src/data/localization/es/p5.OnsetDetect.ftl b/src/data/localization/es/p5.OnsetDetect.ftl index 29fd30bdc3..e69de29bb2 100644 --- a/src/data/localization/es/p5.OnsetDetect.ftl +++ b/src/data/localization/es/p5.OnsetDetect.ftl @@ -1,5 +0,0 @@ -description__0 = Listen for onsets (a sharp increase in volume) within a given frequency range. -params__freqLow = Number: Low frequency -params__freqHigh = Number: High frequency -params__threshold = Number: Amplitude threshold between 0 (no energy) and 1 (maximum) -params__callback = Function: Function to call when an onset is detected diff --git a/src/data/localization/es/p5.Oscillator.ftl b/src/data/localization/es/p5.Oscillator.ftl index 1421f1072a..e69de29bb2 100644 --- a/src/data/localization/es/p5.Oscillator.ftl +++ b/src/data/localization/es/p5.Oscillator.ftl @@ -1,50 +0,0 @@ -description__0 = Creates a signal that oscillates between -1.0 and 1.0. By default, the oscillation takes the form of a sinusoidal shape ('sine'). Additional types include 'triangle', 'sawtooth' and 'square'. The frequency defaults to 440 oscillations per second (440Hz, equal to the pitch of an 'A' note). -description__1 = Set the type of oscillation with setType(), or by instantiating a specific oscillator: p5.SinOsc, p5.TriOsc, p5.SqrOsc, or p5.SawOsc. -params__freq = Number: (Optional) frequency defaults to 440Hz -params__type = String: (Optional) type of oscillator. Options: 'sine' (default), 'triangle', 'sawtooth', 'square' -start__description__0 = Start an oscillator. -start__description__1 = Starting an oscillator on a user gesture will enable audio in browsers that have a strict autoplay policy, including Chrome and most mobile devices. See also: userStartAudio(). -start__params__time = Number: (Optional) startTime in seconds from now. -start__params__frequency = Number: (Optional) frequency in Hz. -stop__description__0 = Stop an oscillator. Accepts an optional parameter to determine how long (in seconds from now) until the oscillator stops. -stop__params__secondsFromNow = Number: Time, in seconds from now. -amp__description__0 = Set the amplitude between 0 and 1.0. Or, pass in an object such as an oscillator to modulate amplitude with an audio signal. -amp__returns = AudioParam: gain If no value is provided, returns the Web Audio API AudioParam that controls this oscillator's gain/amplitude/volume) -amp__params__vol = Number|Object: between 0 and 1.0 or a modulating signal/oscillator -amp__params__rampTime = Number: (Optional) create a fade that lasts rampTime -amp__params__timeFromNow = Number: (Optional) schedule this event to happen seconds from now -getAmp__description__0 = Returns the value of output gain -getAmp__returns = Number: Amplitude value between 0.0 and 1.0 -freq__description__0 = Set frequency of an oscillator to a value. Or, pass in an object such as an oscillator to modulate the frequency with an audio signal. -freq__returns = AudioParam: Frequency If no value is provided, returns the Web Audio API AudioParam that controls this oscillator's frequency -freq__params__Frequency = Number|Object: Frequency in Hz or modulating signal/oscillator -freq__params__rampTime = Number: (Optional) Ramp time (in seconds) -freq__params__timeFromNow = Number: (Optional) Schedule this event to happen at x seconds from now -getFreq__description__0 = Returns the value of frequency of oscillator -getFreq__returns = Number: Frequency of oscillator in Hertz -setType__description__0 = Set type to 'sine', 'triangle', 'sawtooth' or 'square'. -setType__params__type = String: 'sine', 'triangle', 'sawtooth' or 'square'. -getType__description__0 = Returns current type of oscillator eg. 'sine', 'triangle', 'sawtooth' or 'square'. -getType__returns = String: type of oscillator eg . 'sine', 'triangle', 'sawtooth' or 'square'. -connect__description__0 = Connect to a p5.sound / Web Audio object. -connect__params__unit = Object: A p5.sound or Web Audio object -disconnect__description__0 = Disconnect all outputs -pan__description__0 = Pan between Left (-1) and Right (1) -pan__params__panning = Number: Number between -1 and 1 -pan__params__timeFromNow = Number: schedule this event to happen seconds from now -getPan__description__0 = Returns the current value of panPosition , between Left (-1) and Right (1) -getPan__returns = Number: panPosition of oscillator , between Left (-1) and Right (1) -phase__description__0 = Set the phase of an oscillator between 0.0 and 1.0. In this implementation, phase is a delay time based on the oscillator's current frequency. -phase__params__phase = Number: float between 0.0 and 1.0 -add__description__0 = Add a value to the p5.Oscillator's output amplitude, and return the oscillator. Calling this method again will override the initial add() with a new value. -add__returns = p5.Oscillator: Oscillator Returns this oscillator with scaled output -add__params__number = Number: Constant number to add -mult__description__0 = Multiply the p5.Oscillator's output amplitude by a fixed value (i.e. turn it up!). Calling this method again will override the initial mult() with a new value. -mult__returns = p5.Oscillator: Oscillator Returns this oscillator with multiplied output -mult__params__number = Number: Constant number to multiply -scale__description__0 = Scale this oscillator's amplitude values to a given range, and return the oscillator. Calling this method again will override the initial scale() with new values. -scale__returns = p5.Oscillator: Oscillator Returns this oscillator with scaled output -scale__params__inMin = Number: input range minumum -scale__params__inMax = Number: input range maximum -scale__params__outMin = Number: input range minumum -scale__params__outMax = Number: input range maximum diff --git a/src/data/localization/es/p5.Panner3D.ftl b/src/data/localization/es/p5.Panner3D.ftl index ae17a8d3db..e69de29bb2 100644 --- a/src/data/localization/es/p5.Panner3D.ftl +++ b/src/data/localization/es/p5.Panner3D.ftl @@ -1,39 +0,0 @@ -description__0 = Panner3D is based on the Web Audio Spatial Panner Node. This panner is a spatial processing node that allows audio to be positioned and oriented in 3D space. -description__1 = The position is relative to an Audio Context Listener, which can be accessed by p5.soundOut.audiocontext.listener -panner__description__0 = Web Audio Spatial Panner Node -panner__description__1 = Properties include
    • https://www.w3.org/TR/webaudio/#idl-def-PanningModelType"
      -process__description__0 = Connect an audio sorce -process__params__src = Object: Input source -set__description__0 = Set the X,Y,Z position of the Panner -set__returns = Array: Updated x, y, z values as an array -set__params__xVal = Number -set__params__yVal = Number -set__params__zVal = Number -set__params__time = Number -positionX__description__0 = Getter and setter methods for position coordinates -positionX__returns = Number: updated coordinate value -positionY__description__0 = Getter and setter methods for position coordinates -positionY__returns = Number: updated coordinate value -positionZ__description__0 = Getter and setter methods for position coordinates -positionZ__returns = Number: updated coordinate value -orient__description__0 = Set the X,Y,Z position of the Panner -orient__returns = Array: Updated x, y, z values as an array -orient__params__xVal = Number -orient__params__yVal = Number -orient__params__zVal = Number -orient__params__time = Number -orientX__description__0 = Getter and setter methods for orient coordinates -orientX__returns = Number: updated coordinate value -orientY__description__0 = Getter and setter methods for orient coordinates -orientY__returns = Number: updated coordinate value -orientZ__description__0 = Getter and setter methods for orient coordinates -orientZ__returns = Number: updated coordinate value -setFalloff__description__0 = Set the rolloff factor and max distance -setFalloff__params__maxDistance = Number (Optional) -setFalloff__params__rolloffFactor = Number (Optional) -maxDist__description__0 = Maxium distance between the source and the listener -maxDist__returns = Number: updated value -maxDist__params__maxDistance = Number -rollof__description__0 = How quickly the volume is reduced as the source moves away from the listener -rollof__returns = Number: updated value -rollof__params__rolloffFactor = Number diff --git a/src/data/localization/es/p5.Part.ftl b/src/data/localization/es/p5.Part.ftl index 03798c7299..e69de29bb2 100644 --- a/src/data/localization/es/p5.Part.ftl +++ b/src/data/localization/es/p5.Part.ftl @@ -1,29 +0,0 @@ -description__0 = A p5.Part plays back one or more p5.Phrases. Instantiate a part with steps and tatums. By default, each step represents a 1/16th note. -description__1 = See p5.Phrase for more about musical timing. -params__steps = Number: (Optional) Steps in the part -params__tatums = Number: (Optional) Divisions of a beat, e.g. use 1/4, or 0.25 for a quarter note (default is 1/16, a sixteenth note) -setBPM__description__0 = Set the tempo of this part, in Beats Per Minute. -setBPM__params__BPM = Number: Beats Per Minute -setBPM__params__rampTime = Number: (Optional) Seconds from now -getBPM__description__0 = Returns the tempo, in Beats Per Minute, of this part. -getBPM__returns = Number: -start__description__0 = Start playback of this part. It will play through all of its phrases at a speed determined by setBPM. -start__params__time = Number: (Optional) seconds from now -loop__description__0 = Loop playback of this part. It will begin looping through all of its phrases at a speed determined by setBPM. -loop__params__time = Number: (Optional) seconds from now -noLoop__description__0 = Tell the part to stop looping. -stop__description__0 = Stop the part and cue it to step 0. Playback will resume from the begining of the Part when it is played again. -stop__params__time = Number: (Optional) seconds from now -pause__description__0 = Pause the part. Playback will resume from the current step. -pause__params__time = Number: seconds from now -addPhrase__description__0 = Add a p5.Phrase to this Part. -addPhrase__params__phrase = p5.Phrase: reference to a p5.Phrase -removePhrase__description__0 = Remove a phrase from this part, based on the name it was given when it was created. -removePhrase__params__phraseName = String -getPhrase__description__0 = Get a phrase from this part, based on the name it was given when it was created. Now you can modify its array. -getPhrase__params__phraseName = String -replaceSequence__description__0 = Find all sequences with the specified name, and replace their patterns with the specified array. -replaceSequence__params__phraseName = String -replaceSequence__params__sequence = Array: Array of values to pass into the callback at each step of the phrase. -onStep__description__0 = Set the function that will be called at every step. This will clear the previous function. -onStep__params__callback = Function: The name of the callback you want to fire on every beat/tatum. diff --git a/src/data/localization/es/p5.PeakDetect.ftl b/src/data/localization/es/p5.PeakDetect.ftl index 225467a07a..e69de29bb2 100644 --- a/src/data/localization/es/p5.PeakDetect.ftl +++ b/src/data/localization/es/p5.PeakDetect.ftl @@ -1,17 +0,0 @@ -description__0 = PeakDetect works in conjunction with p5.FFT to look for onsets in some or all of the frequency spectrum. -description__1 = To use p5.PeakDetect, call update in the draw loop and pass in a p5.FFT object. -description__2 = You can listen for a specific part of the frequency spectrum by setting the range between freq1 and freq2. -description__3 = threshold is the threshold for detecting a peak, scaled between 0 and 1. It is logarithmic, so 0.1 is half as loud as 1.0. -description__4 = The update method is meant to be run in the draw loop, and frames determines how many loops must pass before another peak can be detected. For example, if the frameRate() = 60, you could detect the beat of a 120 beat-per-minute song with this equation: framesPerPeak = 60 / (estimatedBPM / 60 ); -description__5 = Based on example contribtued by @b2renger, and a simple beat detection explanation by Felix Turner. -params__freq1 = Number: (Optional) lowFrequency - defaults to 20Hz -params__freq2 = Number: (Optional) highFrequency - defaults to 20000 Hz -params__threshold = Number: (Optional) Threshold for detecting a beat between 0 and 1 scaled logarithmically where 0.1 is 1/2 the loudness of 1.0. Defaults to 0.35. -params__framesPerPeak = Number: (Optional) Defaults to 20. -isDetected__description__0 = isDetected is set to true when a peak is detected. -update__description__0 = The update method is run in the draw loop. -update__description__1 = Accepts an FFT object. You must call .analyze() on the FFT object prior to updating the peakDetect because it relies on a completed FFT analysis. -update__params__fftObject = p5.FFT: A p5.FFT object -onPeak__description__0 = onPeak accepts two arguments: a function to call when a peak is detected. The value of the peak, between 0.0 and 1.0, is passed to the callback. -onPeak__params__callback = Function: Name of a function that will be called when a peak is detected. -onPeak__params__val = Object: (Optional) Optional value to pass into the function when a peak is detected. diff --git a/src/data/localization/es/p5.Phrase.ftl b/src/data/localization/es/p5.Phrase.ftl index 3713b544f7..e69de29bb2 100644 --- a/src/data/localization/es/p5.Phrase.ftl +++ b/src/data/localization/es/p5.Phrase.ftl @@ -1,7 +0,0 @@ -description__0 = A phrase is a pattern of musical events over time, i.e. a series of notes and rests. -description__1 = Phrases must be added to a p5.Part for playback, and each part can play multiple phrases at the same time. For example, one Phrase might be a kick drum, another could be a snare, and another could be the bassline. -description__2 = The first parameter is a name so that the phrase can be modified or deleted later. The callback is a a function that this phrase will call at every step—for example it might be called playNote(value){"{"}{"}"}. The array determines which value is passed into the callback at each step of the phrase. It can be numbers, an object with multiple numbers, or a zero (0) indicates a rest so the callback won't be called). -params__name = String: Name so that you can access the Phrase. -params__callback = Function: The name of a function that this phrase will call. Typically it will play a sound, and accept two parameters: a time at which to play the sound (in seconds from now), and a value from the sequence array. The time should be passed into the play() or start() method to ensure precision. -params__sequence = Array: Array of values to pass into the callback at each step of the phrase. -sequence__description__0 = Array of values to pass into the callback at each step of the phrase. Depending on the callback function's requirements, these values may be numbers, strings, or an object with multiple parameters. Zero (0) indicates a rest. diff --git a/src/data/localization/es/p5.PolySynth.ftl b/src/data/localization/es/p5.PolySynth.ftl index 477f8567df..e69de29bb2 100644 --- a/src/data/localization/es/p5.PolySynth.ftl +++ b/src/data/localization/es/p5.PolySynth.ftl @@ -1,33 +0,0 @@ -description__0 = An AudioVoice is used as a single voice for sound synthesis. The PolySynth class holds an array of AudioVoice, and deals with voices allocations, with setting notes to be played, and parameters to be set. -params__synthVoice = Number: (Optional) A monophonic synth voice inheriting the AudioVoice class. Defaults to p5.MonoSynth -params__maxVoices = Number: (Optional) Number of voices, defaults to 8; -notes__description__0 = An object that holds information about which notes have been played and which notes are currently being played. New notes are added as keys on the fly. While a note has been attacked, but not released, the value of the key is the audiovoice which is generating that note. When notes are released, the value of the key becomes undefined. -polyvalue__description__0 = A PolySynth must have at least 1 voice, defaults to 8 -AudioVoice__description__0 = Monosynth that generates the sound for each note that is triggered. The p5.PolySynth defaults to using the p5.MonoSynth as its voice. -play__description__0 = Play a note by triggering noteAttack and noteRelease with sustain time -play__params__note = Number: (Optional) midi note to play (ranging from 0 to 127 - 60 being a middle C) -play__params__velocity = Number: (Optional) velocity of the note to play (ranging from 0 to 1) -play__params__secondsFromNow = Number: (Optional) time from now (in seconds) at which to play -play__params__sustainTime = Number: (Optional) time to sustain before releasing the envelope -noteADSR__description__0 = noteADSR sets the envelope for a specific note that has just been triggered. Using this method modifies the envelope of whichever audiovoice is being used to play the desired note. The envelope should be reset before noteRelease is called in order to prevent the modified envelope from being used on other notes. -noteADSR__params__note = Number: (Optional) Midi note on which ADSR should be set. -noteADSR__params__attackTime = Number: (Optional) Time (in seconds before envelope reaches Attack Level -noteADSR__params__decayTime = Number: (Optional) Time (in seconds) before envelope reaches Decay/Sustain Level -noteADSR__params__susRatio = Number: (Optional) Ratio between attackLevel and releaseLevel, on a scale from 0 to 1, where 1.0 = attackLevel, 0.0 = releaseLevel. The susRatio determines the decayLevel and the level at which the sustain portion of the envelope will sustain. For example, if attackLevel is 0.4, releaseLevel is 0, and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is increased to 1.0 (using setRange), then decayLevel would increase proportionally, to become 0.5. -noteADSR__params__releaseTime = Number: (Optional) Time in seconds from now (defaults to 0) -setADSR__description__0 = Set the PolySynths global envelope. This method modifies the envelopes of each monosynth so that all notes are played with this envelope. -setADSR__params__attackTime = Number: (Optional) Time (in seconds before envelope reaches Attack Level -setADSR__params__decayTime = Number: (Optional) Time (in seconds) before envelope reaches Decay/Sustain Level -setADSR__params__susRatio = Number: (Optional) Ratio between attackLevel and releaseLevel, on a scale from 0 to 1, where 1.0 = attackLevel, 0.0 = releaseLevel. The susRatio determines the decayLevel and the level at which the sustain portion of the envelope will sustain. For example, if attackLevel is 0.4, releaseLevel is 0, and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is increased to 1.0 (using setRange), then decayLevel would increase proportionally, to become 0.5. -setADSR__params__releaseTime = Number: (Optional) Time in seconds from now (defaults to 0) -noteAttack__description__0 = Trigger the Attack, and Decay portion of a MonoSynth. Similar to holding down a key on a piano, but it will hold the sustain level until you let go. -noteAttack__params__note = Number: (Optional) midi note on which attack should be triggered. -noteAttack__params__velocity = Number: (Optional) velocity of the note to play (ranging from 0 to 1)/ -noteAttack__params__secondsFromNow = Number: (Optional) time from now (in seconds) -noteRelease__description__0 = Trigger the Release of an AudioVoice note. This is similar to releasing the key on a piano and letting the sound fade according to the release level and release time. -noteRelease__params__note = Number: (Optional) midi note on which attack should be triggered. If no value is provided, all notes will be released. -noteRelease__params__secondsFromNow = Number: (Optional) time to trigger the release -connect__description__0 = Connect to a p5.sound / Web Audio object. -connect__params__unit = Object: A p5.sound or Web Audio object -disconnect__description__0 = Disconnect all outputs -dispose__description__0 = Get rid of the MonoSynth and free up its resources / memory. diff --git a/src/data/localization/es/p5.PrintWriter.ftl b/src/data/localization/es/p5.PrintWriter.ftl index b0e9b6a172..e69de29bb2 100644 --- a/src/data/localization/es/p5.PrintWriter.ftl +++ b/src/data/localization/es/p5.PrintWriter.ftl @@ -1,8 +0,0 @@ -params__filename = String -params__extension = String (Optional) -write__description__0 = Writes data to the PrintWriter stream -write__params__data = Array: all data to be written by the PrintWriter -print__description__0 = Writes data to the PrintWriter stream, and adds a new line at the end -print__params__data = Array: all data to be printed by the PrintWriter -clear__description__0 = Clears the data already written to the PrintWriter object -close__description__0 = Closes the PrintWriter diff --git a/src/data/localization/es/p5.Pulse.ftl b/src/data/localization/es/p5.Pulse.ftl index 52ad1a1668..e69de29bb2 100644 --- a/src/data/localization/es/p5.Pulse.ftl +++ b/src/data/localization/es/p5.Pulse.ftl @@ -1,5 +0,0 @@ -description__0 = Creates a Pulse object, an oscillator that implements Pulse Width Modulation. The pulse is created with two oscillators. Accepts a parameter for frequency, and to set the width between the pulses. See p5.Oscillator for a full list of methods. -params__freq = Number: (Optional) Frequency in oscillations per second (Hz) -params__w = Number: (Optional) Width between the pulses (0 to 1.0, defaults to 0) -width__description__0 = Set the width of a Pulse object (an oscillator that implements Pulse Width Modulation). -width__params__width = Number: (Optional) Width between the pulses (0 to 1.0, defaults to 0) diff --git a/src/data/localization/es/p5.Renderer.ftl b/src/data/localization/es/p5.Renderer.ftl index f9fbf7272f..e69de29bb2 100644 --- a/src/data/localization/es/p5.Renderer.ftl +++ b/src/data/localization/es/p5.Renderer.ftl @@ -1,4 +0,0 @@ -description__0 = Main graphics and rendering context, as well as the base API implementation for p5.js "core". To be used as the superclass for Renderer2D and Renderer3D classes, respectively. -params__elt = String: DOM node that is wrapped -params__pInst = P5: (Optional) pointer to p5 instance -params__isMainCanvas = Boolean: (Optional) whether we're using it as main canvas diff --git a/src/data/localization/es/p5.Reverb.ftl b/src/data/localization/es/p5.Reverb.ftl index b216180be8..e69de29bb2 100644 --- a/src/data/localization/es/p5.Reverb.ftl +++ b/src/data/localization/es/p5.Reverb.ftl @@ -1,18 +0,0 @@ -description__0 = Reverb adds depth to a sound through a large number of decaying echoes. It creates the perception that sound is occurring in a physical space. The p5.Reverb has parameters for Time (how long does the reverb last) and decayRate (how much the sound decays with each echo) that can be set with the .set() or .process() methods. The p5.Convolver extends p5.Reverb allowing you to recreate the sound of actual physical spaces through convolution. -description__1 = This class extends p5.Effect. Methods amp(), chain(), drywet(), connect(), and disconnect() are available. -process__description__0 = Connect a source to the reverb, and assign reverb parameters. -process__params__src = Object: p5.sound / Web Audio object with a sound output. -process__params__seconds = Number: (Optional) Duration of the reverb, in seconds. Min: 0, Max: 10. Defaults to 3. -process__params__decayRate = Number: (Optional) Percentage of decay with each echo. Min: 0, Max: 100. Defaults to 2. -process__params__reverse = Boolean: (Optional) Play the reverb backwards or forwards. -set__description__0 = Set the reverb settings. Similar to .process(), but without assigning a new input. -set__params__seconds = Number: (Optional) Duration of the reverb, in seconds. Min: 0, Max: 10. Defaults to 3. -set__params__decayRate = Number: (Optional) Percentage of decay with each echo. Min: 0, Max: 100. Defaults to 2. -set__params__reverse = Boolean: (Optional) Play the reverb backwards or forwards. -amp__description__0 = Set the output level of the reverb effect. -amp__params__volume = Number: amplitude between 0 and 1.0 -amp__params__rampTime = Number: (Optional) create a fade that lasts rampTime -amp__params__timeFromNow = Number: (Optional) schedule this event to happen seconds from now -connect__description__0 = Send output to a p5.sound or web audio object -connect__params__unit = Object -disconnect__description__0 = Disconnect all output. diff --git a/src/data/localization/es/p5.SawOsc.ftl b/src/data/localization/es/p5.SawOsc.ftl index e7f6c6ccdb..e69de29bb2 100644 --- a/src/data/localization/es/p5.SawOsc.ftl +++ b/src/data/localization/es/p5.SawOsc.ftl @@ -1,2 +0,0 @@ -description__0 = Constructor: new p5.SawOsc(). This creates a SawTooth Wave Oscillator and is equivalent to new p5.Oscillator('sawtooth') or creating a p5.Oscillator and then calling its method setType('sawtooth'). See p5.Oscillator for methods. -params__freq = Number: (Optional) Set the frequency diff --git a/src/data/localization/es/p5.Score.ftl b/src/data/localization/es/p5.Score.ftl index 8d57b4ee6e..e69de29bb2 100644 --- a/src/data/localization/es/p5.Score.ftl +++ b/src/data/localization/es/p5.Score.ftl @@ -1,10 +0,0 @@ -description__0 = A Score consists of a series of Parts. The parts will be played back in order. For example, you could have an A part, a B part, and a C part, and play them back in this order new p5.Score(a, a, b, a, c) -params__parts = p5.Part: (Optional) One or multiple parts, to be played in sequence. -start__description__0 = Start playback of the score. -stop__description__0 = Stop playback of the score. -pause__description__0 = Pause playback of the score. -loop__description__0 = Loop playback of the score. -noLoop__description__0 = Stop looping playback of the score. If it is currently playing, this will go into effect after the current round of playback completes. -setBPM__description__0 = Set the tempo for all parts in the score -setBPM__params__BPM = Number: Beats Per Minute -setBPM__params__rampTime = Number: Seconds from now diff --git a/src/data/localization/es/p5.Shader.ftl b/src/data/localization/es/p5.Shader.ftl index f74d37af7e..d139b92db2 100644 --- a/src/data/localization/es/p5.Shader.ftl +++ b/src/data/localization/es/p5.Shader.ftl @@ -3,5 +3,3 @@ params__renderer = p5.RendererGL: una instancia de p5.RendererGL que servirá de params__vertSrc = String: código fuente para el vertex shader (en forma de string) params__fragSrc = String: código fuente para el fragment shader (en forma de string) setUniform__description__0 = Wrapper de las funciones gl.uniform. Como almacenamos información de uniform en el shader, la podemos usar para revisar los datos provistos y llamar a la función apropiada. -setUniform__params__uniformName = String: the name of the uniform in the shader program -setUniform__params__data = Object|Number|Boolean|Number[]: the data to be associated with that uniform; type varies (could be a single numerical value, array, matrix, or texture / sampler reference) diff --git a/src/data/localization/es/p5.SinOsc.ftl b/src/data/localization/es/p5.SinOsc.ftl index 541f002d33..e69de29bb2 100644 --- a/src/data/localization/es/p5.SinOsc.ftl +++ b/src/data/localization/es/p5.SinOsc.ftl @@ -1,2 +0,0 @@ -description__0 = Constructor: new p5.SinOsc(). This creates a Sine Wave Oscillator and is equivalent to new p5.Oscillator('sine') or creating a p5.Oscillator and then calling its method setType('sine'). See p5.Oscillator for methods. -params__freq = Number: (Optional) Set the frequency diff --git a/src/data/localization/es/p5.SoundFile.ftl b/src/data/localization/es/p5.SoundFile.ftl index 1708398688..e69de29bb2 100644 --- a/src/data/localization/es/p5.SoundFile.ftl +++ b/src/data/localization/es/p5.SoundFile.ftl @@ -1,91 +0,0 @@ -description__0 = SoundFile object with a path to a file. -description__1 = The p5.SoundFile may not be available immediately because it loads the file information asynchronously. -description__2 = To do something with the sound as soon as it loads pass the name of a function as the second parameter. -description__3 = Only one file path is required. However, audio file formats (i.e. mp3, ogg, wav and m4a/aac) are not supported by all web browsers. If you want to ensure compatibility, instead of a single file path, you may include an Array of filepaths, and the browser will choose a format that works. -params__path = String|Array: path to a sound file (String). Optionally, you may include multiple file formats in an array. Alternately, accepts an object from the HTML5 File API, or a p5.File. -params__successCallback = Function: (Optional) Name of a function to call once file loads -params__errorCallback = Function: (Optional) Name of a function to call if file fails to load. This function will receive an error or XMLHttpRequest object with information about what went wrong. -params__whileLoadingCallback = Function: (Optional) Name of a function to call while file is loading. That function will receive progress of the request to load the sound file (between 0 and 1) as its first parameter. This progress does not account for the additional time needed to decode the audio data. -isLoaded__description__0 = Returns true if the sound file finished loading successfully. -isLoaded__returns = Boolean: -play__description__0 = Play the p5.SoundFile -play__params__startTime = Number: (Optional) (optional) schedule playback to start (in seconds from now). -play__params__rate = Number: (Optional) (optional) playback rate -play__params__amp = Number: (Optional) (optional) amplitude (volume) of playback -play__params__cueStart = Number: (Optional) (optional) cue start time in seconds -play__params__duration = Number: (Optional) (optional) duration of playback in seconds -playMode__description__0 = p5.SoundFile has two play modes: restart and sustain. Play Mode determines what happens to a p5.SoundFile if it is triggered while in the middle of playback. In sustain mode, playback will continue simultaneous to the new playback. In restart mode, play() will stop playback and start over. With untilDone, a sound will play only if it's not already playing. Sustain is the default mode. -playMode__params__str = String: 'restart' or 'sustain' or 'untilDone' -pause__description__0 = Pauses a file that is currently playing. If the file is not playing, then nothing will happen. -pause__description__1 = After pausing, .play() will resume from the paused position. If p5.SoundFile had been set to loop before it was paused, it will continue to loop after it is unpaused with .play(). -pause__params__startTime = Number: (Optional) (optional) schedule event to occur seconds from now -loop__description__0 = Loop the p5.SoundFile. Accepts optional parameters to set the playback rate, playback volume, loopStart, loopEnd. -loop__params__startTime = Number: (Optional) (optional) schedule event to occur seconds from now -loop__params__rate = Number: (Optional) (optional) playback rate -loop__params__amp = Number: (Optional) (optional) playback volume -loop__params__cueLoopStart = Number: (Optional) (optional) startTime in seconds -loop__params__duration = Number: (Optional) (optional) loop duration in seconds -setLoop__description__0 = Set a p5.SoundFile's looping flag to true or false. If the sound is currently playing, this change will take effect when it reaches the end of the current playback. -setLoop__params__Boolean = Boolean: set looping to true or false -isLooping__description__0 = Returns 'true' if a p5.SoundFile is currently looping and playing, 'false' if not. -isLooping__returns = Boolean: -isPlaying__description__0 = Returns true if a p5.SoundFile is playing, false if not (i.e. paused or stopped). -isPlaying__returns = Boolean: -isPaused__description__0 = Returns true if a p5.SoundFile is paused, false if not (i.e. playing or stopped). -isPaused__returns = Boolean: -stop__description__0 = Stop soundfile playback. -stop__params__startTime = Number: (Optional) (optional) schedule event to occur in seconds from now -pan__description__0 = Set the stereo panning of a p5.sound object to a floating point number between -1.0 (left) and 1.0 (right). Default is 0.0 (center). -pan__params__panValue = Number: (Optional) Set the stereo panner -pan__params__timeFromNow = Number: (Optional) schedule this event to happen seconds from now -getPan__description__0 = Returns the current stereo pan position (-1.0 to 1.0) -getPan__returns = Number: Returns the stereo pan setting of the Oscillator as a number between -1.0 (left) and 1.0 (right). 0.0 is center and default. -rate__description__0 = Set the playback rate of a sound file. Will change the speed and the pitch. Values less than zero will reverse the audio buffer. -rate__params__playbackRate = Number: (Optional) Set the playback rate. 1.0 is normal, .5 is half-speed, 2.0 is twice as fast. Values less than zero play backwards. -setVolume__description__0 = Multiply the output volume (amplitude) of a sound file between 0.0 (silence) and 1.0 (full volume). 1.0 is the maximum amplitude of a digital sound, so multiplying by greater than 1.0 may cause digital distortion. To fade, provide a rampTime parameter. For more complex fades, see the Envelope class. -setVolume__description__1 = Alternately, you can pass in a signal source such as an oscillator to modulate the amplitude with an audio signal. -setVolume__params__volume = Number|Object: Volume (amplitude) between 0.0 and 1.0 or modulating signal/oscillator -setVolume__params__rampTime = Number: (Optional) Fade for t seconds -setVolume__params__timeFromNow = Number: (Optional) Schedule this event to happen at t seconds in the future -duration__description__0 = Returns the duration of a sound file in seconds. -duration__returns = Number: The duration of the soundFile in seconds. -currentTime__description__0 = Return the current position of the p5.SoundFile playhead, in seconds. Time is relative to the normal buffer direction, so if reverseBuffer has been called, currentTime will count backwards. -currentTime__returns = Number: currentTime of the soundFile in seconds. -jump__description__0 = Move the playhead of a soundfile that is currently playing to a new position and a new duration, in seconds. If none are given, will reset the file to play entire duration from start to finish. To set the position of a soundfile that is not currently playing, use the play or loop methods. -jump__params__cueTime = Number: cueTime of the soundFile in seconds. -jump__params__duration = Number: duration in seconds. -channels__description__0 = Return the number of channels in a sound file. For example, Mono = 1, Stereo = 2. -channels__returns = Number: [channels] -sampleRate__description__0 = Return the sample rate of the sound file. -sampleRate__returns = Number: [sampleRate] -frames__description__0 = Return the number of samples in a sound file. Equal to sampleRate * duration. -frames__returns = Number: [sampleCount] -getPeaks__description__0 = Returns an array of amplitude peaks in a p5.SoundFile that can be used to draw a static waveform. Scans through the p5.SoundFile's audio buffer to find the greatest amplitudes. Accepts one parameter, 'length', which determines size of the array. Larger arrays result in more precise waveform visualizations. -getPeaks__description__1 = Inspired by Wavesurfer.js. -getPeaks__returns = Float32Array: Array of peaks. -getPeaks__params__length = Number: (Optional) length is the size of the returned array. Larger length results in more precision. Defaults to 5*width of the browser window. -reverseBuffer__description__0 = Reverses the p5.SoundFile's buffer source. Playback must be handled separately (see example). -onended__description__0 = Schedule an event to be called when the soundfile reaches the end of a buffer. If the soundfile is playing through once, this will be called when it ends. If it is looping, it will be called when stop is called. -onended__params__callback = Function: function to call when the soundfile has ended. -connect__description__0 = Connects the output of a p5sound object to input of another p5.sound object. For example, you may connect a p5.SoundFile to an FFT or an Effect. If no parameter is given, it will connect to the master output. Most p5sound objects connect to the master output when they are created. -connect__params__object = Object: (Optional) Audio object that accepts an input -disconnect__description__0 = Disconnects the output of this p5sound object. -setPath__description__0 = Reset the source for this SoundFile to a new path (URL). -setPath__params__path = String: path to audio file -setPath__params__callback = Function: Callback -setBuffer__description__0 = Replace the current Audio Buffer with a new Buffer. -setBuffer__params__buf = Array: Array of Float32 Array(s). 2 Float32 Arrays will create a stereo source. 1 will create a mono source. -addCue__description__0 = Schedule events to trigger every time a MediaElement (audio/video) reaches a playback cue point. -addCue__description__1 = Accepts a callback function, a time (in seconds) at which to trigger the callback, and an optional parameter for the callback. -addCue__description__2 = Time will be passed as the first parameter to the callback function, and param will be the second parameter. -addCue__returns = Number: id ID of this cue, useful for removeCue(id) -addCue__params__time = Number: Time in seconds, relative to this media element's playback. For example, to trigger an event every time playback reaches two seconds, pass in the number 2. This will be passed as the first parameter to the callback function. -addCue__params__callback = Function: Name of a function that will be called at the given time. The callback will receive time and (optionally) param as its two parameters. -addCue__params__value = Object: (Optional) An object to be passed as the second parameter to the callback function. -removeCue__description__0 = Remove a callback based on its ID. The ID is returned by the addCue method. -removeCue__params__id = Number: ID of the cue, as returned by addCue -clearCues__description__0 = Remove all of the callbacks that had originally been scheduled via the addCue method. -save__description__0 = Save a p5.SoundFile as a .wav file. The browser will prompt the user to download the file to their device. To upload a file to a server, see getBlob -save__params__fileName = String: (Optional) name of the resulting .wav file. -getBlob__description__0 = This method is useful for sending a SoundFile to a server. It returns the .wav-encoded audio data as a "Blob". A Blob is a file-like data object that can be uploaded to a server with an http request. We'll use the httpDo options object to send a POST request with some specific options: we encode the request as multipart/form-data, and attach the blob as one of the form values using FormData. -getBlob__returns = Blob: A file-like data object diff --git a/src/data/localization/es/p5.SoundLoop.ftl b/src/data/localization/es/p5.SoundLoop.ftl index cd0e3af68c..e69de29bb2 100644 --- a/src/data/localization/es/p5.SoundLoop.ftl +++ b/src/data/localization/es/p5.SoundLoop.ftl @@ -1,18 +0,0 @@ -description__0 = SoundLoop -params__callback = Function: this function will be called on each iteration of theloop -params__interval = Number|String: (Optional) amount of time (if a number) or beats (if a string, following Tone.Time convention) for each iteration of the loop. Defaults to 1 second. -bpm__description__0 = Getters and Setters, setting any paramter will result in a change in the clock's frequency, that will be reflected after the next callback beats per minute (defaults to 60) -timeSignature__description__0 = number of quarter notes in a measure (defaults to 4) -interval__description__0 = length of the loops interval -iterations__description__0 = how many times the callback has been called so far -musicalTimeMode__description__0 = musicalTimeMode uses Tone.Time convention true if string, false if number -maxIterations__description__0 = Set a limit to the number of loops to play. defaults to Infinity -start__description__0 = Start the loop -start__params__timeFromNow = Number: (Optional) schedule a starting time -stop__description__0 = Stop the loop -stop__params__timeFromNow = Number: (Optional) schedule a stopping time -pause__description__0 = Pause the loop -pause__params__timeFromNow = Number: (Optional) schedule a pausing time -syncedStart__description__0 = Synchronize loops. Use this method to start two more more loops in synchronization or to start a loop in synchronization with a loop that is already playing This method will schedule the implicit loop in sync with the explicit master loop i.e. loopToStart.syncedStart(loopToSyncWith) -syncedStart__params__otherLoop = Object: a p5.SoundLoop to sync with -syncedStart__params__timeFromNow = Number: (Optional) Start the loops in sync after timeFromNow seconds diff --git a/src/data/localization/es/p5.SoundRecorder.ftl b/src/data/localization/es/p5.SoundRecorder.ftl index 8e8f2ca9aa..e69de29bb2 100644 --- a/src/data/localization/es/p5.SoundRecorder.ftl +++ b/src/data/localization/es/p5.SoundRecorder.ftl @@ -1,9 +0,0 @@ -description__0 = Record sounds for playback and/or to save as a .wav file. The p5.SoundRecorder records all sound output from your sketch, or can be assigned a specific source with setInput(). -description__1 = The record() method accepts a p5.SoundFile as a parameter. When playback is stopped (either after the given amount of time, or with the stop() method), the p5.SoundRecorder will send its recording to that p5.SoundFile for playback. -setInput__description__0 = Connect a specific device to the p5.SoundRecorder. If no parameter is given, p5.SoundRecorer will record all audible p5.sound from your sketch. -setInput__params__unit = Object: (Optional) p5.sound object or a web audio unit that outputs sound -record__description__0 = Start recording. To access the recording, provide a p5.SoundFile as the first parameter. The p5.SoundRecorder will send its recording to that p5.SoundFile for playback once recording is complete. Optional parameters include duration (in seconds) of the recording, and a callback function that will be called once the complete recording has been transfered to the p5.SoundFile. -record__params__soundFile = p5.SoundFile: p5.SoundFile -record__params__duration = Number: (Optional) Time (in seconds) -record__params__callback = Function: (Optional) The name of a function that will be called once the recording completes -stop__description__0 = Stop the recording. Once the recording is stopped, the results will be sent to the p5.SoundFile that was given on .record(), and if a callback function was provided on record, that function will be called. diff --git a/src/data/localization/es/p5.SqrOsc.ftl b/src/data/localization/es/p5.SqrOsc.ftl index be2dd3c835..e69de29bb2 100644 --- a/src/data/localization/es/p5.SqrOsc.ftl +++ b/src/data/localization/es/p5.SqrOsc.ftl @@ -1,2 +0,0 @@ -description__0 = Constructor: new p5.SqrOsc(). This creates a Square Wave Oscillator and is equivalent to new p5.Oscillator('square') or creating a p5.Oscillator and then calling its method setType('square'). See p5.Oscillator for methods. -params__freq = Number: (Optional) Set the frequency diff --git a/src/data/localization/es/p5.StringDict.ftl b/src/data/localization/es/p5.StringDict.ftl index b76b577e7c..e69de29bb2 100644 --- a/src/data/localization/es/p5.StringDict.ftl +++ b/src/data/localization/es/p5.StringDict.ftl @@ -1 +0,0 @@ -description__0 = A simple Dictionary class for Strings. diff --git a/src/data/localization/es/p5.Table.ftl b/src/data/localization/es/p5.Table.ftl index dddc96bcc8..9896423d7e 100644 --- a/src/data/localization/es/p5.Table.ftl +++ b/src/data/localization/es/p5.Table.ftl @@ -4,75 +4,26 @@ columns__description__0 = Una matriz que contiene los nombres de las columnas en rows__description__0 = Una matriz que contiene los objetos p5.TableRow que forman las filas de la tabla. El mismo resultado que llamar getRows() addRow__description__0 = Use addRow() para agregar una nueva fila de datos a un objeto p5.Table. Por defecto, se crea una fila vacía. Por lo general, almacenaría una referencia a la nueva fila en un objeto TableRow (consulte newRow en el ejemplo anterior) y luego establecería valores individuales usando set(). addRow__description__1 = Si se incluye un objeto p5.TableRow como parámetro, entonces esa fila se duplica y se agrega a la tabla. -addRow__returns = p5.TableRow: the row that was added -addRow__params__row = p5.TableRow: (Optional) row to be added to the table removeRow__description__0 = Elimina una fila del objeto de tabla. -removeRow__params__id = Integer: ID number of the row to remove getRow__description__0 = Devuelve una referencia al p5.TableRow especificado. La referencia se puede utilizar para obtener y establecer valores de la fila seleccionada. -getRow__returns = p5.TableRow: p5.TableRow object -getRow__params__rowID = Integer: ID number of the row to get getRows__description__0 = Obtiene todas las filas de la tabla. Devuelve una matriz de p5.TableRows. -getRows__returns = p5.TableRow[]: Array of p5.TableRows findRow__description__0 = Encuentra la primera fila de la tabla que contiene el valor proporcionado y devuelve una referencia a esa fila. Incluso si varias filas son posibles coincidencias, solo se devuelve la primera fila coincidente. La columna a buscar puede especificarse por su ID o título. findRow__returns = p5.TableRow: -findRow__params__value = String: The value to match -findRow__params__column = Integer|String: ID number or title of the column to search findRows__description__0 = Encuentra las filas en la tabla que contienen el valor proporcionado y devuelve referencias a esas filas. Devuelve una matriz, por lo que debe usarse para recorrer en iteración todas las filas, como se muestra en el ejemplo anterior. La columna a buscar puede especificarse por su ID o título. -findRows__returns = p5.TableRow[]: An Array of TableRow objects -findRows__params__value = String: The value to match -findRows__params__column = Integer|String: ID number or title of the column to search matchRow__description__0 = Encuentra la primera fila de la tabla que coincide con la expresión regular proporcionada y devuelve una referencia a esa fila. Incluso si varias filas son posibles coincidencias, solo se devuelve la primera fila coincidente. La columna a buscar puede especificarse por su ID o título. -matchRow__returns = p5.TableRow: TableRow object -matchRow__params__regexp = String|RegExp: The regular expression to match -matchRow__params__column = String|Integer: The column ID (number) or title (string) matchRows__description__0 = Encuentra las filas en la tabla que coinciden con la expresión regular proporcionada y devuelve referencias a esas filas. Devuelve una matriz, por lo que debe usarse para recorrer en iteración todas las filas, como se muestra en el ejemplo. La columna a buscar puede especificarse por su ID o título. -matchRows__returns = p5.TableRow[]: An Array of TableRow objects -matchRows__params__regexp = String: The regular expression to match -matchRows__params__column = String|Integer: (Optional) The column ID (number) or title (string) getColumn__description__0 = Recupera todos los valores en la columna especificada y los devuelve como una matriz. La columna se puede especificar por su ID o título. -getColumn__returns = Array: Array of column values -getColumn__params__column = String|Number: String or Number of the column to return clearRows__description__0 = Elimina todas las filas de una tabla. Mientras se eliminan todas las filas, se mantienen las columnas y los títulos de las columnas. -addColumn__description__0 = Use addColumn() para agregar una nueva columna a un objeto Table. Por lo general, querrá especificar un título, por lo que la columna puede ser referenciada fácilmente más tarde por su nombre. (Si no se especifica ningún título, el título de la nueva columna será nulo). -addColumn__params__title = String: (Optional) title of the given column getColumnCount__description__0 = Devuelve el número total de columnas en una tabla. -getColumnCount__returns = Integer: Number of columns in this table getRowCount__description__0 = Devuelve el número total de filas en una tabla. -getRowCount__returns = Integer: Number of rows in this table removeTokens__description__0 = Elimina cualquiera de los caracteres especificados (o "tokens"). removeTokens__description__1 = Si no se especifica ninguna columna, se procesan los valores en todas las columnas y filas. Se puede hacer referencia a una columna específica por su ID o título. -removeTokens__params__chars = String: String listing characters to be removed -removeTokens__params__column = String|Integer: (Optional) Column ID (number) or name (string) trim__description__0 = Recorta los espacios en blanco iniciales y finales, como los espacios y las pestañas, a partir de los valores de la tabla de cadenas. Si no se especifica ninguna columna, los valores en todas las columnas y filas se recortan. Se puede hacer referencia a una columna específica por su ID o título. -trim__params__column = String|Integer: (Optional) Column ID (number) or name (string) -removeColumn__description__0 = Use removeColumn() para eliminar una columna existente de un objeto Table. La columna que se eliminará puede identificarse por su título (una Cadena) o su valor de índice (un int). removeColumn (0) eliminaría la primera columna, removeColumn (1) eliminaría la segunda columna, y así sucesivamente. -removeColumn__params__column = String|Integer: columnName (string) or ID (number) set__description__0 = Almacena un valor en la fila y columna especificadas de la tabla. La fila se especifica por su ID, mientras que la columna se puede especificar por su ID o título. -set__params__row = Integer: row ID -set__params__column = String|Integer: column ID (Number) or title (String) -set__params__value = String|Number: value to assign setNum__description__0 = Almacena un valor flotante en la fila y columna especificadas de la tabla. La fila se especifica por su ID, mientras que la columna se puede especificar por su ID o título. -setNum__params__row = Integer: row ID -setNum__params__column = String|Integer: column ID (Number) or title (String) -setNum__params__value = Number: value to assign setString__description__0 = Almacena un valor de cadena en la fila y columna especificadas de la tabla. La fila se especifica por su ID, mientras que la columna se puede especificar por su ID o título. -setString__params__row = Integer: row ID -setString__params__column = String|Integer: column ID (Number) or title (String) -setString__params__value = String: value to assign get__description__0 = Recupera un valor de la fila y columna especificadas en la Tabla. La fila se especifica por su ID, mientras que la columna se puede especificar por su ID o título. -get__returns = String|Number: -get__params__row = Integer: row ID -get__params__column = String|Integer: columnName (string) or ID (number) getNum__description__0 = Recupera un valor flotante de la fila y columna especificadas en la tabla. La fila se especifica por su ID, mientras que la columna se puede especificar por su ID o título. -getNum__returns = Number: -getNum__params__row = Integer: row ID -getNum__params__column = String|Integer: columnName (string) or ID (number) getString__description__0 = Recupera un valor de cadena de la fila y columna especificadas en la tabla. La fila se especifica por su ID, mientras que la columna se puede especificar por su ID o título. -getString__returns = String: -getString__params__row = Integer: row ID -getString__params__column = String|Integer: columnName (string) or ID (number) getObject__description__0 = Recupera todos los datos de la tabla y los devuelve como un objeto. Si se pasa un nombre de columna, cada objeto de fila se almacenará con ese atributo como título. -getObject__returns = Object: -getObject__params__headerColumn = String: (Optional) Name of the column which should be used to title each row object (optional) getArray__description__0 = Recupera todos los datos de la tabla y los devuelve como una matriz multidimensional. -getArray__returns = Array: diff --git a/src/data/localization/es/p5.TableRow.ftl b/src/data/localization/es/p5.TableRow.ftl index aa19cb6129..8745e31130 100644 --- a/src/data/localization/es/p5.TableRow.ftl +++ b/src/data/localization/es/p5.TableRow.ftl @@ -1,22 +1,3 @@ description__0 = Un objeto TableRow representa una única fila de datos, grabados en columnas, de una tabla. Un objeto TableRow contiene tanto un arreglo ordenado, como un objeto JSON desordenado. -description__1 = A Table Row contains both an ordered array, and an unordered JSON object. params__str = String: opcional, puebla la fila con una serie de valores, separados por el separador params__separator = String: por defecto, valores separados por coma (csv) -set__description__0 = Stores a value in the TableRow's specified column. The column may be specified by either its ID or title. -set__params__column = String|Integer: Column ID (Number) or Title (String) -set__params__value = String|Number: The value to be stored -setNum__description__0 = Stores a Float value in the TableRow's specified column. The column may be specified by either its ID or title. -setNum__params__column = String|Integer: Column ID (Number) or Title (String) -setNum__params__value = Number|String: The value to be stored as a Float -setString__description__0 = Stores a String value in the TableRow's specified column. The column may be specified by either its ID or title. -setString__params__column = String|Integer: Column ID (Number) or Title (String) -setString__params__value = String|Number|Boolean|Object: The value to be stored as a String -get__description__0 = Retrieves a value from the TableRow's specified column. The column may be specified by either its ID or title. -get__returns = String|Number: -get__params__column = String|Integer: columnName (string) or ID (number) -getNum__description__0 = Retrieves a Float value from the TableRow's specified column. The column may be specified by either its ID or title. -getNum__returns = Number: Float Floating point number -getNum__params__column = String|Integer: columnName (string) or ID (number) -getString__description__0 = Retrieves an String value from the TableRow's specified column. The column may be specified by either its ID or title. -getString__returns = String: String -getString__params__column = String|Integer: columnName (string) or ID (number) diff --git a/src/data/localization/es/p5.TriOsc.ftl b/src/data/localization/es/p5.TriOsc.ftl index a62708257c..e69de29bb2 100644 --- a/src/data/localization/es/p5.TriOsc.ftl +++ b/src/data/localization/es/p5.TriOsc.ftl @@ -1,2 +0,0 @@ -description__0 = Constructor: new p5.TriOsc(). This creates a Triangle Wave Oscillator and is equivalent to new p5.Oscillator('triangle') or creating a p5.Oscillator and then calling its method setType('triangle'). See p5.Oscillator for methods. -params__freq = Number: (Optional) Set the frequency diff --git a/src/data/localization/es/p5.TypedDict.ftl b/src/data/localization/es/p5.TypedDict.ftl index 374255da09..e69de29bb2 100644 --- a/src/data/localization/es/p5.TypedDict.ftl +++ b/src/data/localization/es/p5.TypedDict.ftl @@ -1,22 +0,0 @@ -description__0 = Base class for all p5.Dictionary types. Specifically typed Dictionary classes inherit from this class. -size__description__0 = Returns the number of key-value pairs currently stored in the Dictionary. -size__returns = Integer: the number of key-value pairs in the Dictionary -hasKey__description__0 = Returns true if the given key exists in the Dictionary, otherwise returns false. -hasKey__returns = Boolean: whether that key exists in Dictionary -hasKey__params__key = Number|String: that you want to look up -get__description__0 = Returns the value stored at the given key. -get__returns = Number|String: the value stored at that key -get__params__the = Number|String: key you want to access -set__description__0 = Updates the value associated with the given key in case it already exists in the Dictionary. Otherwise a new key-value pair is added. -set__params__key = Number|String -set__params__value = Number|String -create__description__0 = Creates a new key-value pair in the Dictionary. -create__params__key = Number|String -create__params__value = Number|String -create__params__obj = Object: key/value pair -clear__description__0 = Removes all previously stored key-value pairs from the Dictionary. -remove__description__0 = Removes the key-value pair stored at the given key from the Dictionary. -remove__params__key = Number|String: for the pair to remove -print__description__0 = Logs the set of items currently stored in the Dictionary to the console. -saveTable__description__0 = Converts the Dictionary into a CSV file for local download. -saveJSON__description__0 = Converts the Dictionary into a JSON file for local download. diff --git a/src/data/localization/es/p5.Vector.ftl b/src/data/localization/es/p5.Vector.ftl index db2102cb76..591751b243 100644 --- a/src/data/localization/es/p5.Vector.ftl +++ b/src/data/localization/es/p5.Vector.ftl @@ -1,133 +1,11 @@ description__0 = Una clase para describir un vector de dos o tres dimensiones, específicamente un vector euclideano (también conocido como geométrico). Un vector es una entidad que tiene tanto magnitud como dirección. El tipo de datos, sin embargo, graba los componentes del vector (x, y para 2D y x,y,z para 3D). La magnitud y la dirección pueden ser calculados con los métodos mag() y heading(). En muchos de los ejemplos de p5.js, verás que p5.Vector es usado para describir una posición, velocidad o aceleración. Por ejemplo, si consideras un rectángulo moviéndose a lo largo de la pantalla, en cada instante tiene una posición (un vector que apunta desde el origen hasta su ubicación), una velocidad(la tasa a la que la posición del objeto cambia por unidad de tiempo, expresada como vector), y aceleración (la tasa a la que la velocidad del objeto cambia por unidad de tiempo, expresada como vector). Como los vectores representan grupos de valores, no podemos simplemente usar las operaciones tradicionales de adición, multiplicación, etc. En vez de eso, necesitaremos hacer matemática de vectores, lo que es simplificado con los métodos dentro de la clase p5.Vector. -description__1 = In many of the p5.js examples, you will see p5.Vector used to describe a position, velocity, or acceleration. For example, if you consider a rectangle moving across the screen, at any given instant it has a position (a vector that points from the origin to its location), a velocity (the rate at which the object's position changes per time unit, expressed as a vector), and acceleration (the rate at which the object's velocity changes per time unit, expressed as a vector). -description__2 = Since vectors represent groupings of values, we cannot simply use traditional addition/multiplication/etc. Instead, we'll need to do some "vector" math, which is made easy by the methods inside the p5.Vector class. params__x = Número: componente x del vector params__y = Número: componente y del vector params__z = Número: componente z del vector -x__description__0 = The x component of the vector -y__description__0 = The y component of the vector -z__description__0 = The z component of the vector -set__description__0 = Sets the x, y, and z component of the vector using two or three separate variables, the data from a p5.Vector, or the values from a float array. -set__params__x = Number: (Optional) the x component of the vector -set__params__y = Number: (Optional) the y component of the vector -set__params__z = Number: (Optional) the z component of the vector -set__params__value = p5.Vector|Number[]: the vector to set -copy__description__0 = Gets a copy of the vector, returns a p5.Vector object. -copy__returns = p5.Vector: the copy of the p5.Vector object -add__description__0 = Adds x, y, and z components to a vector, adds one vector to another, or adds two independent vectors together. The version of the method that adds two vectors together is a static method and returns a p5.Vector, the others acts directly on the vector. Additionally, you may provide arguments to this function as an array. See the examples for more context. -add__params__x = Number: the x component of the vector to be added -add__params__y = Number: (Optional) the y component of the vector to be added -add__params__z = Number: (Optional) the z component of the vector to be added -add__params__value = p5.Vector|Number[]: the vector to add -add__params__v1 = p5.Vector: a p5.Vector to add -add__params__v2 = p5.Vector: a p5.Vector to add -add__params__target = p5.Vector: (Optional) the vector to receive the result (Optional) -rem__description__0 = Gives remainder of a vector when it is divided by another vector. See examples for more context. -rem__params__x = Number: the x component of divisor vector -rem__params__y = Number: the y component of divisor vector -rem__params__z = Number: the z component of divisor vector -rem__params__value = p5.Vector | Number[]: divisor vector -rem__params__v1 = p5.Vector: dividend p5.Vector -rem__params__v2 = p5.Vector: divisor p5.Vector -sub__description__0 = Subtracts x, y, and z components from a vector, subtracts one vector from another, or subtracts two independent vectors. The version of the method that subtracts two vectors is a static method and returns a p5.Vector, the other acts directly on the vector. Additionally, you may provide arguments to this function as an array. See the examples for more context. -sub__params__x = Number: the x component of the vector to subtract -sub__params__y = Number: (Optional) the y component of the vector to subtract -sub__params__z = Number: (Optional) the z component of the vector to subtract -sub__params__value = p5.Vector|Number[]: the vector to subtract -sub__params__v1 = p5.Vector: a p5.Vector to subtract from -sub__params__v2 = p5.Vector: a p5.Vector to subtract -sub__params__target = p5.Vector: (Optional) the vector to receive the result (Optional) -mult__description__0 = Multiplies the vector by a scalar, multiplies the x, y, and z components from a vector, or multiplies the x, y, and z components of two independent vectors. When multiplying a vector by a scalar, the x, y, and z components of the vector are all multiplied by the scalar. When multiplying a vector by a vector, the x, y, z components of both vectors are multiplied by each other (for example, with two vectors a and b: a.x * b.x, a.y * b.y, a.z * b.z). The static version of this method creates a new p5.Vector while the non static version acts on the vector directly. Additionally, you may provide arguments to this function as an array. See the examples for more context. -mult__params__n = Number: The number to multiply with the vector -mult__params__x = Number: The number to multiply with the x component of the vector -mult__params__y = Number: The number to multiply with the y component of the vector -mult__params__z = Number: (Optional) The number to multiply with the z component of the vector -mult__params__arr = Number[]: The array to multiply with the components of the vector -mult__params__v = p5.Vector: The vector to multiply with the components of the original vector -mult__params__target = p5.Vector: (Optional) the vector to receive the result (Optional) mult__params__v0 = p5.Vector mult__params__v1 = p5.Vector -div__description__0 = Divides the vector by a scalar, divides a vector by the x, y, and z arguments, or divides the x, y, and z components of two vectors against each other. When dividing a vector by a scalar, the x, y, and z components of the vector are all divided by the scalar. When dividing a vector by a vector, the x, y, z components of the source vector are treated as the dividend, and the x, y, z components of the argument is treated as the divisor (for example with two vectors a and b: a.x / b.x, a.y / b.y, a.z / b.z). The static version of this method creates a new p5.Vector while the non static version acts on the vector directly. Additionally, you may provide arguments to this function as an array. See the examples for more context. -div__params__n = Number: The number to divide the vector by -div__params__x = Number: The number to divide with the x component of the vector -div__params__y = Number: The number to divide with the y component of the vector -div__params__z = Number: (Optional) The number to divide with the z component of the vector -div__params__arr = Number[]: The array to divide the components of the vector by -div__params__v = p5.Vector: The vector to divide the components of the original vector by -div__params__target = p5.Vector: (Optional) the vector to receive the result (Optional) div__params__v0 = p5.Vector div__params__v1 = p5.Vector -mag__description__0 = Calculates the magnitude (length) of the vector and returns the result as a float (this is simply the equation sqrt(x*x + y*y + z*z).) -mag__returns = Number: magnitude of the vector -mag__params__vecT = p5.Vector: the vector to return the magnitude of -magSq__description__0 = Calculates the squared magnitude of the vector and returns the result as a float (this is simply the equation (x*x + y*y + z*z).) Faster if the real length is not required in the case of comparing vectors, etc. -magSq__returns = Number: squared magnitude of the vector -dot__description__0 = Calculates the dot product of two vectors. The version of the method that computes the dot product of two independent vectors is a static method. See the examples for more context. -dot__returns = Number: the dot product -dot__params__x = Number: x component of the vector -dot__params__y = Number: (Optional) y component of the vector -dot__params__z = Number: (Optional) z component of the vector -dot__params__value = p5.Vector: value component of the vector or a p5.Vector -dot__params__v1 = p5.Vector: the first p5.Vector -dot__params__v2 = p5.Vector: the second p5.Vector -cross__description__0 = Calculates and returns a vector composed of the cross product between two vectors. Both the static and non static methods return a new p5.Vector. See the examples for more context. -cross__returns = p5.Vector: p5.Vector composed of cross product -cross__params__v = p5.Vector: p5.Vector to be crossed -cross__params__v1 = p5.Vector: the first p5.Vector -cross__params__v2 = p5.Vector: the second p5.Vector -dist__description__0 = Calculates the Euclidean distance between two points (considering a point as a vector object). -dist__returns = Number: the distance -dist__params__v = p5.Vector: the x, y, and z coordinates of a p5.Vector -dist__params__v1 = p5.Vector: the first p5.Vector -dist__params__v2 = p5.Vector: the second p5.Vector -normalize__description__0 = Normalize the vector to length 1 (make it a unit vector). -normalize__returns = p5.Vector: normalized p5.Vector -normalize__params__v = p5.Vector: the vector to normalize -normalize__params__target = p5.Vector: (Optional) the vector to receive the result (Optional) -limit__description__0 = Limit the magnitude of this vector to the value used for the max parameter. -limit__params__max = Number: the maximum magnitude for the vector -setMag__description__0 = Set the magnitude of this vector to the value used for the len parameter. -setMag__params__len = Number: the new length for this vector -heading__description__0 = Calculate the angle of rotation for this vector(only 2D vectors). p5.Vectors created using createVector() will take the current angleMode into consideration, and give the angle in radians or degree accordingly. -heading__returns = Number: the angle of rotation -setHeading__description__0 = Rotate the vector to a specific angle (only 2D vectors), magnitude remains the same -setHeading__params__angle = Number: the angle of rotation -rotate__description__0 = Rotate the vector by an angle (only 2D vectors), magnitude remains the same -rotate__params__angle = Number: the angle of rotation rotate__params__v = p5.Vector -rotate__params__target = p5.Vector: (Optional) the vector to receive the result (Optional) -angleBetween__description__0 = Calculates and returns the angle (in radians) between two vectors. -angleBetween__returns = Number: the angle between (in radians) -angleBetween__params__value = p5.Vector: the x, y, and z components of a p5.Vector -lerp__description__0 = Linear interpolate the vector to another vector -lerp__params__x = Number: the x component -lerp__params__y = Number: the y component -lerp__params__z = Number: the z component -lerp__params__amt = Number: the amount of interpolation; some value between 0.0 (old vector) and 1.0 (new vector). 0.9 is very near the new vector. 0.5 is halfway in between. -lerp__params__v = p5.Vector: the p5.Vector to lerp to lerp__params__v1 = p5.Vector lerp__params__v2 = p5.Vector -lerp__params__target = p5.Vector: (Optional) the vector to receive the result (Optional) -reflect__description__0 = Reflect the incoming vector about a normal to a line in 2D, or about a normal to a plane in 3D This method acts on the vector directly -reflect__params__surfaceNormal = p5.Vector: the p5.Vector to reflect about, will be normalized by this method -array__description__0 = Return a representation of this vector as a float array. This is only for temporary use. If used in any other fashion, the contents should be copied by using the p5.Vector.copy() method to copy into your own array. -array__returns = Number[]: an Array with the 3 values -equals__description__0 = Equality check against a p5.Vector -equals__returns = Boolean: whether the vectors are equals -equals__params__x = Number: (Optional) the x component of the vector -equals__params__y = Number: (Optional) the y component of the vector -equals__params__z = Number: (Optional) the z component of the vector -equals__params__value = p5.Vector|Array: the vector to compare -fromAngle__description__0 = Make a new 2D vector from an angle -fromAngle__returns = p5.Vector: the new p5.Vector object -fromAngle__params__angle = Number: the desired angle, in radians (unaffected by angleMode) -fromAngle__params__length = Number: (Optional) the length of the new vector (defaults to 1) -fromAngles__description__0 = Make a new 3D vector from a pair of ISO spherical angles -fromAngles__returns = p5.Vector: the new p5.Vector object -fromAngles__params__theta = Number: the polar angle, in radians (zero is up) -fromAngles__params__phi = Number: the azimuthal angle, in radians (zero is out of the screen) -fromAngles__params__length = Number: (Optional) the length of the new vector (defaults to 1) -random2D__description__0 = Make a new 2D unit vector from a random angle -random2D__returns = p5.Vector: the new p5.Vector object -random3D__description__0 = Make a new random 3D unit vector. -random3D__returns = p5.Vector: the new p5.Vector object diff --git a/src/data/localization/es/p5.XML.ftl b/src/data/localization/es/p5.XML.ftl index 164e97a928..630e0e876a 100644 --- a/src/data/localization/es/p5.XML.ftl +++ b/src/data/localization/es/p5.XML.ftl @@ -1,46 +1 @@ description__0 = XML es una representación de un objeto XML, capaz de procesar código XML. Usa loadXML() para cargar archivos externos XML y crear objetos XML -getParent__description__0 = Gets a copy of the element's parent. Returns the parent as another p5.XML object. -getParent__returns = p5.XML: element parent -getName__description__0 = Gets the element's full name, which is returned as a String. -getName__returns = String: the name of the node -setName__description__0 = Sets the element's name, which is specified as a String. -setName__params__the = String: new name of the node -hasChildren__description__0 = Checks whether or not the element has any children, and returns the result as a boolean. -hasChildren__returns = Boolean: -listChildren__description__0 = Get the names of all of the element's children, and returns the names as an array of Strings. This is the same as looping through and calling getName() on each child element individually. -listChildren__returns = String[]: names of the children of the element -getChildren__description__0 = Returns all of the element's children as an array of p5.XML objects. When the name parameter is specified, then it will return all children that match that name. -getChildren__returns = p5.XML[]: children of the element -getChildren__params__name = String: (Optional) element name -getChild__description__0 = Returns the first of the element's children that matches the name parameter or the child of the given index.It returns undefined if no matching child is found. -getChild__returns = p5.XML: -getChild__params__name = String|Integer: element name or index -addChild__description__0 = Appends a new child to the element. The child can be specified with either a String, which will be used as the new tag's name, or as a reference to an existing p5.XML object. A reference to the newly created child is returned as an p5.XML object. -addChild__params__node = p5.XML: a p5.XML Object which will be the child to be added -removeChild__description__0 = Removes the element specified by name or index. -removeChild__params__name = String|Integer: element name or index -getAttributeCount__description__0 = Counts the specified element's number of attributes, returned as an Number. -getAttributeCount__returns = Integer: -listAttributes__description__0 = Gets all of the specified element's attributes, and returns them as an array of Strings. -listAttributes__returns = String[]: an array of strings containing the names of attributes -hasAttribute__description__0 = Checks whether or not an element has the specified attribute. -hasAttribute__returns = Boolean: true if attribute found else false -hasAttribute__params__the = String: attribute to be checked -getNum__description__0 = Returns an attribute value of the element as an Number. If the defaultValue parameter is specified and the attribute doesn't exist, then defaultValue is returned. If no defaultValue is specified and the attribute doesn't exist, the value 0 is returned. -getNum__returns = Number: -getNum__params__name = String: the non-null full name of the attribute -getNum__params__defaultValue = Number: (Optional) the default value of the attribute -getString__description__0 = Returns an attribute value of the element as an String. If the defaultValue parameter is specified and the attribute doesn't exist, then defaultValue is returned. If no defaultValue is specified and the attribute doesn't exist, null is returned. -getString__returns = String: -getString__params__name = String: the non-null full name of the attribute -getString__params__defaultValue = Number: (Optional) the default value of the attribute -setAttribute__description__0 = Sets the content of an element's attribute. The first parameter specifies the attribute name, while the second specifies the new content. -setAttribute__params__name = String: the full name of the attribute -setAttribute__params__value = Number|String|Boolean: the value of the attribute -getContent__description__0 = Returns the content of an element. If there is no such content, defaultValue is returned if specified, otherwise null is returned. -getContent__returns = String: -getContent__params__defaultValue = String: (Optional) value returned if no content is found -setContent__description__0 = Sets the element's content. -setContent__params__text = String: the new content -serialize__description__0 = Serializes the element into a string. This function is useful for preparing the content to be sent over a http request or saved to file. -serialize__returns = String: Serialized string of the element diff --git a/src/data/localization/es/p5.ftl b/src/data/localization/es/p5.ftl index 95552fd31c..859db8987e 100644 --- a/src/data/localization/es/p5.ftl +++ b/src/data/localization/es/p5.ftl @@ -1,26 +1,6 @@ description__0 = This is the p5 instance constructor. description__1 = A p5 instance holds all the properties and methods related to a p5 sketch. It expects an incoming sketch closure and it can also take an optional node parameter for attaching the generated p5 canvas to a node. The sketch closure takes the newly created p5 instance as its sole argument and may optionally set preload(), setup(), and/or draw() properties on it for running a sketch. description__2 = A p5 sketch can run in "global" or "instance" mode: "global" - all properties and methods are attached to the window "instance" - all properties and methods are bound to this p5 object -returns = P5: a p5 instance -params__sketch = Function: a closure that can set optional preload(), setup(), and/or draw() properties on the given p5 instance -params__node = HTMLElement: (Optional) element to attach canvas to -describe__description__0 = Creates a screen reader accessible description for the canvas. The first parameter should be a string with a description of the canvas. The second parameter is optional. If specified, it determines how the description is displayed. -describe__description__1 = describe(text, LABEL) displays the description to all users as a tombstone or exhibit label/caption in a
      adjacent to the canvas. You can style it as you wish in your CSS. -describe__description__2 = describe(text, FALLBACK) makes the description accessible to screen-reader users only, in a sub DOM inside the canvas element. If a second parameter is not specified, by default, the description will only be available to screen-reader users. -describe__params__text = String: description of the canvas -describe__params__display = Constant: (Optional) either LABEL or FALLBACK (Optional) -describeElement__description__0 = This function creates a screen-reader accessible description for elements —shapes or groups of shapes that create meaning together— in the canvas. The first paramater should be the name of the element. The second parameter should be a string with a description of the element. The third parameter is optional. If specified, it determines how the element description is displayed. -describeElement__description__1 = describeElement(name, text, LABEL) displays the element description to all users as a tombstone or exhibit label/caption in a
      adjacent to the canvas. You can style it as you wish in your CSS. -describeElement__description__2 = describeElement(name, text, FALLBACK) makes the element description accessible to screen-reader users only, in a sub DOM inside the canvas element. If a second parameter is not specified, by default, the element description will only be available to screen-reader users. -describeElement__params__name = String: name of the element -describeElement__params__text = String: description of the element -describeElement__params__display = Constant: (Optional) either LABEL or FALLBACK (Optional) -textOutput__description__0 = textOutput() creates a screenreader accessible output that describes the shapes present on the canvas. The general description of the canvas includes canvas size, canvas color, and number of elements in the canvas (example: 'Your output is a, 400 by 400 pixels, lavender blue canvas containing the following 4 shapes:'). This description is followed by a list of shapes where the color, position, and area of each shape are described (example: "orange ellipse at top left covering 1% of the canvas"). Each element can be selected to get more details. A table of elements is also provided. In this table, shape, color, location, coordinates and area are described (example: "orange ellipse location=top left area=2"). -textOutput__description__1 = textOutput() and texOutput(FALLBACK) make the output available in a sub DOM inside the canvas element which is accessible to screen readers. textOutput(LABEL) creates an additional div with the output adjacent to the canvas, this is useful for non-screen reader users that might want to display the output outside of the canvas' sub DOM as they code. However, using LABEL will create unnecessary redundancy for screen reader users. We recommend using LABEL only as part of the development process of a sketch and removing it before publishing or sharing with screen reader users. -textOutput__params__display = Constant: (Optional) either FALLBACK or LABEL (Optional) -gridOutput__description__0 = gridOutput() lays out the content of the canvas in the form of a grid (html table) based on the spatial location of each shape. A brief description of the canvas is available before the table output. This description includes: color of the background, size of the canvas, number of objects, and object types (example: "lavender blue canvas is 200 by 200 and contains 4 objects - 3 ellipses 1 rectangle"). The grid describes the content spatially, each element is placed on a cell of the table depending on its position. Within each cell an element the color and type of shape of that element are available (example: "orange ellipse"). These descriptions can be selected individually to get more details. A list of elements where shape, color, location, and area are described (example: "orange ellipse location=top left area=1%") is also available. -gridOutput__description__1 = gridOutput() and gridOutput(FALLBACK) make the output available in a sub DOM inside the canvas element which is accessible to screen readers. gridOutput(LABEL) creates an additional div with the output adjacent to the canvas, this is useful for non-screen reader users that might want to display the output outside of the canvas' sub DOM as they code. However, using LABEL will create unnecessary redundancy for screen reader users. We recommend using LABEL only as part of the development process of a sketch and removing it before publishing or sharing with screen reader users. -gridOutput__params__display = Constant: (Optional) either FALLBACK or LABEL (Optional) alpha__description__0 = Extrae el valor de alpha de un color o de un arreglo de pixeles. alpha__returns = el objeto p5 alpha__params__color = Objeto: objeto p5.Color o arreglo de pixeles @@ -31,26 +11,20 @@ brightness__description__0 = Extrae el valor de brillo HSB de un color o de un a brightness__returns = el objeto p5 brightness__params__color = Objeto: objeto p5.Color o arreglo de pixeles color__description__0 = Crea colores para ser almacenados en variables del tipo color. Los parámetros son interpretados como valores RGB o HSB, dependiendo del modo actual de color según colorMode)(). El modo por defecto es RGB con valores entre 0 y 255 y, por lo tanto, la función color(255, 204, 0) retorna un color amarillo brillante. Nota que si solo se provee un valor a la función color(), será interpretado como un valor en escala de grises. Añade un segundo valor, y será usado como transparencia alpha. Cuando se especifican tres valores, son interpretados como valores RGB o HSB. Al añadir un cuarto valor se aplica transparencia alpha. Si se provee solo un parámetro de tipo string, será interpretado como un string de color compatible con CSS.Los colores son almacenados como números o arreglos. -color__description__1 = Note that if only one value is provided to color(), it will be interpreted as a grayscale value. Add a second value, and it will be used for alpha transparency. When three values are specified, they are interpreted as either RGB or HSB values. Adding a fourth value applies alpha transparency. -color__description__2 = If a single string argument is provided, RGB, RGBA and Hex CSS color strings and all named color strings are supported. In this case, an alpha number value as a second argument is not supported, the RGBA form should be used. color__returns = Arreglo: color resultante color__params__gray = Número|String: número especificando el valor entre blanco y negro. color__params__alpha = Número: valor de alpha relativo al rango de color actual (por defecto es 0-255) color__params__v1 = Número|String: valor de rojo o tinte relativo al rango de color actual, o un string de color color__params__v2 = Número: valor de verde o saturación relativo al rango de color actual color__params__v3 = Número: valor de azul o brillo relativo al rango de color actual -color__params__value = String: a color string -color__params__values = Number[]: an array containing the red,green,blue & and alpha components of the color color__params__color = p5.Color green__description__0 = Extrae el valor de verde de un color o de un arreglo de pixeles. green__returns = el objeto p5 green__params__color = Objeto: objeto p5.Color o arreglo de pixeles hue__description__0 = Extrae el valor de tinte de un color o de un arreglo de pixeles. El tinte (hue) existe en HSB y HSL. Esta función retorna el tinte normalizado HSB que cuando se le provee un objeto de color HSB (o cuando se le provee un arreglo de pixeles mientras el modo de color es HSB), pero por defecto retornará el tinte normalizado según HSB en otro caso. (Estos valores solo son diferentes si la configuración de valor de tinte máximo de cada sistema es diferente.) -hue__description__1 = Hue exists in both HSB and HSL. This function will return the HSB-normalized hue when supplied with an HSB color object (or when supplied with a pixel array while the color mode is HSB), but will default to the HSL-normalized hue otherwise. (The values will only be different if the maximum hue setting for each system is different.) hue__returns = el objeto p5 hue__params__color = Objeto: objeto p5.Color o arreglo de pixeles lerpColor__description__0 = Mezcla dos colores para encontrar un tercer color según la combinación de ambos. El parámetro amt es la cantidad a interpolar entre los dos valores, donde 0.0 es igual al primer color, 0.1 es muy cercano al primer color, 0.5 está a medio camino entre ambos, etc. Un valor menor que 0 será tratado como 0. Del mismo modo, valores sobre 1 serán tratados como 1. Esto es distinto al comportamiento de lerp(), pero necesario porque de otra manera los números fuera de rango producirían colores no esperados y extraños. La manera en que los colores son interpolados depende del modo de color actual. -lerpColor__description__1 = The way that colors are interpolated depends on the current color mode. lerpColor__returns = Arreglo/Número: color interpolado lerpColor__params__c1 = Arreglo/Número: interpola desde este color lerpColor__params__c2 = Arreglo/Número: interpola hacia este color @@ -62,14 +36,9 @@ red__description__0 = Extrae el valor de rojo de un color o de un arreglo de pix red__returns = el objeto p5 red__params__color = Objeto: objeto p5.Color o arreglo de pixeles saturation__description__0 = Extrae el valor de saturación de un color o de un arreglo de pixeles. La saturación es escalada en HSB y HSL de forma distinta. Esta función retornará la saturación HSB cuando le sea provisto un objeto de color HSB (o cuando le sea provisto un arreglo de pixeles mientras el modo de color es HSB), pero por defecto retornará saturación HSL. -saturation__description__1 = Saturation is scaled differently in HSB and HSL. This function will return the HSB saturation when supplied with an HSB color object (or when supplied with a pixel array while the color mode is HSB), but will default to the HSL saturation otherwise. saturation__returns = el objeto p5 saturation__params__color = Objeto: objeto p5.Color o arreglo de pixeles background__description__0 = La función background() define el color usado como fondo del lienzo p5.js. El fondo por defecto es gris claro. Esta función es típicamente usada dentro de draw() para despejar o borrar la ventana mostrada al inicio de cada cuadro, pero puede ser usada dentro de setup() para definir el fondo en el primer cuadro de la animación o si el fondo solo necesita ser definido una vez. -background__description__1 = The color is either specified in terms of the RGB, HSB, or HSL color depending on the current colorMode. (The default color space is RGB, with each value in the range from 0 to 255). The alpha range by default is also 0 to 255. -background__description__2 = If a single string argument is provided, RGB, RGBA and Hex CSS color strings and all named color strings are supported. In this case, an alpha number value as a second argument is not supported, the RGBA form should be used. -background__description__3 = A p5.Color object can also be provided to set the background color. -background__description__4 = A p5.Image can also be provided to set the background image. background__params__color = Color: cualquier valor creado con la función color() background__params__colorstring = colorstring: string de color, formatos posibles: enteros rgb() o rgba(), porcentajes rgb() o rgba(), hex 3 dígitos, hex 6 dígitos background__params__a = Número: opacidad del fondo relativo al rango de color actual (por defecto es 0-255) @@ -77,48 +46,27 @@ background__params__gray = Número: especifica un valor entre blanco y negro background__params__v1 = Número: valor de rojo o hue (dependiendo del modo de color actual) background__params__v2 = Número: valor de verde o saturación (dependiendo del modo de color actual) background__params__v3 = Número: valor de azul o brillo (dependiendo del modo de color actual) -background__params__values = Number[]: an array containing the red, green, blue and alpha components of the color background__params__image = p5.Image: imagen creada con loadImage() o createImage(), para ser definida como fondo (debe ser del mismo tamaño que la ventana del bosquejo) clear__description__0 = Borra los pixeles del buffer. Esta función solo funciona en objetos p5.Canvas creados con la función createCanvas(); no funcionará con la ventana principal. A diferencia del contexto principal de gráficas, los pixeles en las áreas gráficas adicionales creadas con createGraphics() pueden ser entera o parcialmente transparentes. Esta función borra todo para hacer los pixeles 100% transparentes. colorMode__description__0 = colorMode() cambia la manera en que p5.js interpreta los datos de color. Por defecto, los parámetros de fill(), stroke(), background() y color() son definidos por valores entre 0 y 255 en modo RGB. Esto es equivalente a definir el modo de color según colorMode(RGB, 255). Definir el modo de color en colorMode(HSB) permite usar el sistema HSB. Por defecto, este modo de color es colorMode(HSB, 360, 100, 100, 1). También se puede usar HSL. Nota: los objetos de color existentes recuerdan el modo en que fueron creados, por lo que puedes cambiar el modo como quieras, sin afectar su apariencia. -colorMode__description__1 = Note: existing color objects remember the mode that they were created in, so you can change modes as you like without affecting their appearance. colorMode__params__mode = Constante: RGB o HSB, correspondiente a Rojo/Verde/Azul o tinte/saturación/brillo (o luminosidad) -colorMode__params__max = Number: (Optional) range for all values colorMode__params__max1 = Número: rango de rojo o tinte, dependiendo del modo de color actual, o rango para todos los valores colorMode__params__max2 = Número: rango de verde o saturación, dependiendo del modo de color actual. colorMode__params__max3 = Número: rango de azul o brillo/luminosidad, dependiendo del modo de color actual. colorMode__params__maxA = Número: rango de transparencia alpha fill__description__0 = Define el color usado para el relleno de figuras geométricas. Por ejemplo, si ejecutas fill(204, 102, 0), todas las figuras a continuación tendrán relleno naranja. Este color es especificado en términos de color RGB o HSB, dependiendo del modo de color según colorMode() (el dominio de color por defecto es RGB, con cada valor en el rango entre 0 y 255). Si se provee un argumento tipo string, los tipos RGB, RGBA y CSS hexadecimal están soportados. Un objeto Color p5 puede ser provisto para definir el color del relleno. -fill__description__1 = If a single string argument is provided, RGB, RGBA and Hex CSS color strings and all named color strings are supported. In this case, an alpha number value as a second argument is not supported, the RGBA form should be used. -fill__description__2 = A p5 Color object can also be provided to set the fill color. fill__params__v1 = Número|Arreglo|String|p5.Color: valor de gris, rojo, tinte (dependiendo del modo de color actual), o arreglo de color, o string de color CSS. fill__params__v2 = Número: valor de verde o saturación (dependiendo del modo de color actual) fill__params__v3 = Número: valor de azul o brillo (dependiendo del modo de color actual) fill__params__alpha = Número: opacidad del fondo -fill__params__value = String: a color string -fill__params__gray = Number: a gray value -fill__params__values = Number[]: an array containing the red,green,blue & and alpha components of the color -fill__params__color = p5.Color: the fill color noFill__description__0 = Deshabilita el relleno de figuras geométricas. Si tanto noStroke() como noFill() son ejecutados, nada será dibujado en pantalla. noStroke__description__0 = Deshabilita el dibujo de los trazos (bordes). Si tanto noStroke() como noFill() son ejecutados, nada será dibujado en pantalla. stroke__description__0 = Define el color usado para dibujar líneas y bordes de figuras. Este color especificado en términos de color RGB o HSB, dependiendo del modo de color actual según colorMode() (el dominio de color por defecto es RGB, con cada valor en el rango entre 0 y 255). Si se provee un argumento tipo string, los tipos RGB, RGBA y CSS hexadecimal están soportados. Un objeto Color p5 puede ser provisto para definir el color del trazado. -stroke__description__1 = If a single string argument is provided, RGB, RGBA and Hex CSS color strings and all named color strings are supported. In this case, an alpha number value as a second argument is not supported, the RGBA form should be used. -stroke__description__2 = A p5 Color object can also be provided to set the stroke color. stroke__params__v1 = Número|Arreglo|String|p5.Color: valor de gris, rojo, tinte (dependiendo del modo de color actual), o arreglo de color, o string de color CSS. stroke__params__v2 = Número: valor de verde o saturación (dependiendo del modo de color actual) stroke__params__v3 = Número: valor de azul o brillo (dependiendo del modo de color actual) stroke__params__alpha = Número: opacidad del fondo -stroke__params__value = String: a color string -stroke__params__gray = Number: a gray value -stroke__params__values = Number[]: an array containing the red,green,blue & and alpha components of the color -stroke__params__color = p5.Color: the stroke color -erase__description__0 = All drawing that follows erase() will subtract from the canvas.Erased areas will reveal the web page underneath the canvas.Erasing can be canceled with noErase(). -erase__description__1 = Drawing done with image() and background() in between erase() and noErase() will not erase the canvas but works as usual. -erase__params__strengthFill = Number: (Optional) A number (0-255) for the strength of erasing for a shape's fill. This will default to 255 when no argument is given, which is full strength. -erase__params__strengthStroke = Number: (Optional) A number (0-255) for the strength of erasing for a shape's stroke. This will default to 255 when no argument is given, which is full strength. -noErase__description__0 = Ends erasing that was started with erase(). The fill(), stroke(), and blendMode() settings will return to what they were prior to calling erase(). arc__description__0 = Dibuja un arco en la pantalla. Si se llama con solo a, b, c, d, start y stop, el arco se dibuja como un pastel abierto. Si el modo se provee, el arco será dibujado abierto, o como acorde, o como pastel, según lo especificado. El origen puede ser cambiado con la función ellipseMode(). Nota que si dibujas un círculo completo (ej: 0 a TWO_PI) aparecerá en blanco, porque 0 y TWO_PI son la misma posición en el círculo unitario. La mejor manera de manejar esto es usar la función ellipse() para una elipse cerrada, y la función arc() para generar solo secciones de una elipse. -arc__description__1 = The arc is always drawn clockwise from wherever start falls to wherever stop falls on the ellipse. Adding or subtracting TWO_PI to either angle does not change where they fall. If both start and stop fall at the same place, a full ellipse will be drawn. Be aware that the y-axis increases in the downward direction, therefore angles are measured clockwise from the positive x-direction ("3 o'clock"). arc__params__x = Número: coordenada x del arco de elipse. arc__params__y = Número: coordenada y del arco de elipse. arc__params__w = Número: ancho del arco de elipse. @@ -133,23 +81,14 @@ ellipse__params__x = Número: coordenada x de la elipse. ellipse__params__y = Número: coordenada y de la elipse. ellipse__params__w = Número: ancho de la elipse. ellipse__params__h = Número: altura de la elipse. -ellipse__params__detail = Integer: number of radial sectors to draw (for WebGL mode) -circle__description__0 = Draws a circle to the screen. A circle is a simple closed shape.It is the set of all points in a plane that are at a given distance from a given point, the centre.This function is a special case of the ellipse() function, where the width and height of the ellipse are the same. Height and width of the ellipse correspond to the diameter of the circle. By default, the first two parameters set the location of the centre of the circle, the third sets the diameter of the circle. -circle__params__x = Number: x-coordinate of the centre of the circle. -circle__params__y = Number: y-coordinate of the centre of the circle. -circle__params__d = Number: diameter of the circle. line__description__0 = Dibuja una línea (un camino directo entre dos puntos) en la pantalla. La versión de line() con cuatro parámetros dibuja la línea en 2D. Para darle color a una línea, usa la función stroke(). Una línea no puede ser rellenada, por lo que la función fill() no afectará el color de una línea. Las líneas 2D son dibujadas con una ancho de un pixel por defecto, pero esto puede ser cambiado con la función strokeWeight(). line__params__x1 = Número: coordenada x del primer punto. line__params__y1 = Número: coordenada y del primer punto. line__params__x2 = Número: coordenada x del segundo punto. line__params__y2 = Número: coordenada y del segundo punto. -line__params__z1 = Number: the z-coordinate of the first point -line__params__z2 = Number: the z-coordinate of the second point point__description__0 = Dibuja un punto, una coordenada en el espacio de un pixel de dimensión. El primer parámetro es la coordenada horizontal del punto, el segundo valor es la coordenada vertical del punto. El color del punto es determinado por el trazado actual con la función stroke(). point__params__x = Número: coordenada x. point__params__y = Número: coordenada y . -point__params__z = Number: (Optional) the z-coordinate (for WebGL mode) -point__params__coordinate_vector = p5.Vector: the coordinate vector quad__description__0 = Dibuja un cuadrilátero, un polígono de cuatro lados. Es similar a un rectángulo, pero los ángulos entre sus bordes no están limitados a noventa grados. El primer par de parámetros (x1, y1) corresponde a las coordenadas del primer vértice y los pares siguientes deben seguir en el mismo orden, según las manecillas del reloj o en contra, alrededor de la figura a definir. quad__params__x1 = Número: coordenada x del primer punto. quad__params__y1 = Número: coordenada y del primer punto. @@ -159,14 +98,7 @@ quad__params__x3 = Número: coordenada x del tercer punto. quad__params__y3 = Número: coordenada y del tercer punto. quad__params__x4 = Número: coordenada x del cuarto punto. quad__params__y4 = Número: coordenada y del cuarto punto. -quad__params__detailX = Integer: (Optional) number of segments in the x-direction -quad__params__detailY = Integer: (Optional) number of segments in the y-direction -quad__params__z1 = Number: the z-coordinate of the first point -quad__params__z2 = Number: the z-coordinate of the second point -quad__params__z3 = Number: the z-coordinate of the third point -quad__params__z4 = Number: the z-coordinate of the fourth point rect__description__0 = Dibuja un rectángulo en la pantalla. Un rectángulo es una figura de cuatro lados con cada ángulo interior de noventa grados. Por defecto, los dos primeros parámetros definen la ubicación de la esquina superior izquierda, el tercero el ancho y el cuarto la altura. La manera en que estos parámetros son interpretados, sin embargo, puede ser cambiado con la función rectMode(). Los parámetros quinto, sexto, séptimo y octavo, si son especificados, determinan el radio de la esquina superior derecha, superior izquierda, inferior derecha e inferior izquierda, respectivamente. Si se omite un parámetro de radio de esquina, se usa el radio especificado por el valor anterior en la lista. -rect__description__1 = The fifth, sixth, seventh and eighth parameters, if specified, determine corner radius for the top-left, top-right, lower-right and lower-left corners, respectively. An omitted corner radius parameter is set to the value of the previously specified radius value in the parameter list. rect__params__x = Número: coordenada x del rectángulo. rect__params__y = Número: coordenada y del rectángulo. rect__params__w = Número: ancho del rectángulo. @@ -177,15 +109,6 @@ rect__params__br = Número: radio opcional de la esquina inferior derecha. rect__params__bl = Número: radio opcional de la esquina inferior izquierda. rect__params__detailX = Número: rect__params__detailY = Número: -square__description__0 = Draws a square to the screen. A square is a four-sided shape with every angle at ninety degrees, and equal side size. This function is a special case of the rect() function, where the width and height are the same, and the parameter is called "s" for side size. By default, the first two parameters set the location of the upper-left corner, the third sets the side size of the square. The way these parameters are interpreted, may be changed with the rectMode() function. -square__description__1 = The fourth, fifth, sixth and seventh parameters, if specified, determine corner radius for the top-left, top-right, lower-right and lower-left corners, respectively. An omitted corner radius parameter is set to the value of the previously specified radius value in the parameter list. -square__params__x = Number: x-coordinate of the square. -square__params__y = Number: y-coordinate of the square. -square__params__s = Number: side size of the square. -square__params__tl = Number: (Optional) optional radius of top-left corner. -square__params__tr = Number: (Optional) optional radius of top-right corner. -square__params__br = Number: (Optional) optional radius of bottom-right corner. -square__params__bl = Number: (Optional) optional radius of bottom-left corner. triangle__description__0 = Un triángulo es un plano creado por la conexión de tres puntos. Los primeros dos argumentos especifican el primer punto, los parámetros centrales especifican el segundo punto, y los dos últimos parámetros especifican el tercer punto. triangle__params__x1 = Número: coordenada x del primer punto. triangle__params__y1 = Número: coordenada y del primer punto. @@ -194,31 +117,18 @@ triangle__params__y2 = Número: coordenada y del segundo punto. triangle__params__x3 = Número: coordenada x del tercer punto. triangle__params__y3 = Número: coordenada y del tercer punto. ellipseMode__description__0 = Modifica la ubicación de donde las elipses son dibujadas, cambiando la manera en que los parámetros dados a ellipse() son interpretados. El modo por defecto es ellipseMode(CENTER), que interpreta los dos primeros parámetros de ellipse() como el centro de la figura, mientras que los parámetros tercero y cuarto son el ancho y la altura. ellipseMode(RADIUS) también usa los dos primeros parámetros de ellipse() como el punto central de la figura, pero usa los parámetros tercero y cuarto para especificar la mitad del ancho y la altura de la figura. ellipseMode(CORNER) interpreta los dos primeros parámetros de ellipse() como la esquina superior izquierda de la figura, mientras que los parámetros tercero y cuarto son el ancho y la altura. ellipseMode(CORNERS) interpreta los dos primeros parámetros de ellipse() como la ubicación de una esquina del rectángulo contenedor de la elipse, y los parámetros tercero y cuarto como la ubicación de la esquina opuesta. El parámetro debe ser escrito en MAYÚSCULAS porque Javascript es una lenguaje de programación que distingue entre mayúsculas y minúsculas. -ellipseMode__description__1 = The default mode is CENTER, in which the first two parameters are interpreted as the shape's center point's x and y coordinates respectively, while the third and fourth parameters are its width and height. -ellipseMode__description__2 = ellipseMode(RADIUS) also uses the first two parameters as the shape's center point's x and y coordinates, but uses the third and fourth parameters to specify half of the shapes's width and height. -ellipseMode__description__3 = ellipseMode(CORNER) interprets the first two parameters as the upper-left corner of the shape, while the third and fourth parameters are its width and height. -ellipseMode__description__4 = ellipseMode(CORNERS) interprets the first two parameters as the location of one corner of the ellipse's bounding box, and the third and fourth parameters as the location of the opposite corner. -ellipseMode__description__5 = The parameter to this method must be written in ALL CAPS because they are predefined as constants in ALL CAPS and Javascript is a case-sensitive language. ellipseMode__params__mode = Constante: puede ser CENTER, RADIUS, CORNER, o CORNERS. noSmooth__description__0 = Dibuja las figuras geométricas con bordes no suaves (aliasing). Notar que smooth() está activo por defecto, así que es necesario ejectuar noSmooth() para deshabilitar el suavizado de las figuras geométricas, imágenes y tipografías. rectMode__description__0 = Modifica la ubicación en que los rectángulos son dibujados, cambiando la manera en que los parámetros dados a rect() son interpretados. El modo por defecto es rectMode(CORNER), que interpreta los primeros dos parámetros de rect() como la esquina superior izquierda de la figura, mientras que los parámetros tercero y cuarto son su ancho y altura. rectMode(CORNERS) interpreta los dos primeros parámetros de rect() como la ubicación de una esquina, y los parámetros tercero y cuarto como la ubicación de la esquina opuesta. rectMode(CENTER) interpreta los dos primeros parámetros de rect() como el punto central de la figura, mientas que los parámetros tercero y cuarto son su ancho y altura. rectMode(RADIUS) también usa los dos primeros parámetros de rect()= como el punto central de la figura, pero usa los parámetros tercero y cuarto para especificar la mitad del ancho y la altura de la figura. Los parámetros deben ser escritos en MAYÚSCULAS porque Javascript es un lenguaje que distingue entre mayúsculas y minúsculas. -rectMode__description__1 = The default mode is CORNER, which interprets the first two parameters as the upper-left corner of the shape, while the third and fourth parameters are its width and height. -rectMode__description__2 = rectMode(CORNERS) interprets the first two parameters as the location of one of the corners, and the third and fourth parameters as the location of the diagonally opposite corner. Note, the rectangle is drawn between the coordinates, so it is not neccesary that the first corner be the upper left corner. -rectMode__description__3 = rectMode(CENTER) interprets the first two parameters as the shape's center point, while the third and fourth parameters are its width and height. -rectMode__description__4 = rectMode(RADIUS) also uses the first two parameters as the shape's center point, but uses the third and fourth parameters to specify half of the shape's width and height respectively. -rectMode__description__5 = The parameter to this method must be written in ALL CAPS because they are predefined as constants in ALL CAPS and Javascript is a case-sensitive language. rectMode__params__mode = Constante: puede ser CORNER, CORNERS, CENTER, o RADIUS. smooth__description__0 = Dibuja todas las figuras geométricas con bordes suaves (sin aliasing). smooth() también mejorará la calidad de las imágenes cuyo tamaño ha sido modificado. Notar que smooth() está activo por defecto; noSmooth() puede ser usado para deshabilitar el suavizado de las figuras geométricas, imágenes y tipografía. strokeCap__description__0 = Define el estilo de rendering de los extremos de las líneas. Estos extremos pueden ser cuadrados, extendidos o redondeados, cada uno de estos especifados con los parámetros correspondientes: SQUARE, PROJECT, y ROUND. El extremo por defecto es redonedeado (ROUND). -strokeCap__description__1 = The parameter to this method must be written in ALL CAPS because they are predefined as constants in ALL CAPS and Javascript is a case-sensitive language. strokeCap__params__cap = Constante: puede ser SQUARE, PROJECT, o ROUND. strokeJoin__description__0 = Define el estilo de las uniones que conectan segmentos de líneas. Estas uniones pueden ser tipo inglete, biseladas o redondeadas, y especificadas con los parámetros correspondientes: MITER, BEVEL, y ROUND. La unión por defecto es MITER. -strokeJoin__description__1 = The parameter to this method must be written in ALL CAPS because they are predefined as constants in ALL CAPS and Javascript is a case-sensitive language. strokeJoin__params__join = Constante: puede ser MITER, BEVEL, o ROUND. strokeWeight__description__0 = Define el ancho del trazo usado para dibujar líneas, puntos y los bordes de las figuras geométricas. Todos los anchos son medidos en pixeles. strokeWeight__params__weight = Número: el peso (en pixeles) del trazado bezier__description__0 = Dibuja una curva Bezier cúbica en la pantalla. Estas curvas están definidas por una serie de puntos ancla y de control. Los primeros dos parámetros especifican el primer punto ancla y los dos últimos especifican el otro punto ancla, que se convierten en los puntos primero y último de la curva. Los parámetros en el medio especifican los dos puntos de control que definen la forma de la curva. De forma aproximada, los puntos de control atraen la curva hacia ellos. Las curvas Bezier fueron desarrolladas por el ingeniero automotriz Pierre Bezier, y son comúnmente usadas en gráficas computacionales para definir curvas de pendiente suave. Ver también curve(). -bezier__description__1 = Bezier curves were developed by French automotive engineer Pierre Bezier, and are commonly used in computer graphics to define gently sloping curves. See also curve(). bezier__params__x1 = Número: coordenada x del primer punto ancla bezier__params__y1 = Número: coordenada y del primer punto ancla bezier__params__x2 = Número: coordenada y del primer punto de control @@ -231,9 +141,6 @@ bezier__params__z1 = Número: coordenada x del primer punto de control bezier__params__z2 = Número: coordenada y del segundo punto de control bezier__params__z3 = Número: coordenada z del primer punto ancla bezier__params__z4 = Número: coordenada z del segundo punto de control -bezierDetail__description__0 = Sets the resolution at which Bezier's curve is displayed. The default value is 20. -bezierDetail__description__1 = Note, This function is only useful when using the WEBGL renderer as the default canvas renderer does not use this information. -bezierDetail__params__detail = Number: resolution of the curves bezierPoint__description__0 = Evalua la curva Bezier en la posición t para los puntos a, b, c, d. Los parámetros a y d son los puntos primero y último de la curva, mientras que b y c son los puntos de control. El parámetro final t varía entre 0 y 1. Esto puede ser realizado una vez con las coordenadas x y una segunda vez con las coordenadas y para obtener la ubicación de la curva Bezier en t. bezierPoint__returns = el valor de la curva Bezier en la posición t bezierPoint__params__a = Número: coordenada del primer punto de la curva @@ -261,9 +168,6 @@ curve__params__z1 = Número: coordenada x del primer punto curve__params__z2 = Número: coordenada y del segundo punto curve__params__z3 = Número: coordenada z del punto de control inicial curve__params__z4 = Número: coordenada z del punto de control final -curveDetail__description__0 = Sets the resolution at which curves display. The default value is 20 while the minimum value is 3. -curveDetail__description__1 = This function is only useful when using the WEBGL renderer as the default canvas renderer does not use this information. -curveDetail__params__resolution = Number: resolution of the curves curveTightness__description__0 = Modifica la calidad de las formas creadas con curve() y curveVertex(). El parámetro tightness (tirantez) determina cómo la curva calza con los vértices. El valor 0.0 es el valor por defecto (este valor define las curvas Spline Catmull-Rom) y el valor 1.0 conecta todos los puntos con líneas rectas. Valores en el rango entre -5.0 y 5.0 deformarán las curvas pero las dejarán reconocibles, y a medida que los valores crecen en magnitud, se continuarán deformando. curveTightness__params__amount = Número: deformación de los vértices originales curvePoint__description__0 = Evalua la curva en la posición t para los puntos a, b, c, d. El parámetro t varía entre 0 y 1, los puntos a y d son puntos en la cruva, y b y c son los puntos de control. Esto puede ser hecho una vez con las coordenadas x y una segunda vez con las coordenadas y para obtener la ubicación de la curva en t. @@ -281,38 +185,19 @@ curveTangent__params__c = Número: coordenada del segundo punto de control de la curveTangent__params__d = Número: coordenada del segundo punto de la curva curveTangent__params__t = Número: valor entre 0 y 1 beginContour__description__0 = Usa las funciones beginContour() y endContour() para crear figuras negativas dentro de figuras como el centro de la letra 'O'. beginContour() empieza la grabación de los vértices para la figura y endContour() finaliza la grabación. Los vértices que definen una figura negativa deben ser definidos en la dirección opuesta a la figura exterior. Primero dibuja los vértices de la figura exterior en el orden de las manecillas del reloj, y luego para figuras internas, dibuja vértices en el sentido contrario a las manecillas del reloj. Estas funciones solo pueden ser usadas dentro de un par beginShape()/endShape() y transformaciones como translate(), rotate(), y scale() no funcionan dentro de un par beginContour()/endContour(). Tampoco es posible usar otras figuras, como elupse() o rect() dentro. -beginContour__description__1 = These functions can only be used within a beginShape()/endShape() pair and transformations such as translate(), rotate(), and scale() do not work within a beginContour()/endContour() pair. It is also not possible to use other shapes, such as ellipse() or rect() within. beginShape__description__0 = El uso de las funciones beginShape() y endShape() permiten la creación de figuras más complejas. beginShape() empieza la grabación de vértices para una figura, mientras que endShape() termina la grabación. El valor del parámetro kind (tipo) define qué tipo de figuras serán creadas a partir de los vértices. Si no se especifica un modo, la figura puede ser cualquier polígono irregular. Los parámetros disponibles para beginShape() son POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, y QUAD_STRIP. Después de llamar a la función beginShape(), debe ser seguida por una serie de comandos vertex(). Para detener el dibujo de la figura, ejecuta endShape(). Cada figura será dibujada con el color de trazo y el color de relleno actual. Transformaciones como translate(), rotate(), y scale() no funcionan dentro de beginShape(). Tampoco es posible usar otras figuras como ellipse() o rect() dentro de beginShape(). -beginShape__description__1 = The parameters available for beginShape() are: -beginShape__description__2 = POINTS Draw a series of points -beginShape__description__3 = LINES Draw a series of unconnected line segments (individual lines) -beginShape__description__4 = TRIANGLES Draw a series of separate triangles -beginShape__description__5 = TRIANGLE_FAN Draw a series of connected triangles sharing the first vertex in a fan-like fashion -beginShape__description__6 = TRIANGLE_STRIP Draw a series of connected triangles in strip fashion -beginShape__description__7 = QUADS Draw a series of seperate quad -beginShape__description__8 = QUAD_STRIP Draw quad strip using adjacent edges to form the next quad -beginShape__description__9 = TESS (WebGl only) Handle irregular polygon for filling curve by explicit tessellation -beginShape__description__10 = After calling the beginShape() function, a series of vertex() commands must follow. To stop drawing the shape, call endShape(). Each shape will be outlined with the current stroke color and filled with the fill color. -beginShape__description__11 = Transformations such as translate(), rotate(), and scale() do not work within beginShape(). It is also not possible to use other shapes, such as ellipse() or rect() within beginShape(). beginShape__params__kind = Constante: puede ser POINTS, LINES, TRIANGLES, TRIANGLE_FAN TRIANGLE_STRIP, QUADS, o QUAD_STRIP bezierVertex__description__0 = Especifica las coordenadas de un vértice para una curva Bezier. Cada llamada a la función bezierVertex() define la posición de dos puntos de control y un punto ancla de una curva Bezier, añadiendo un nuevo segmento a la línea o figura. La primera vez que bezierVertex() es usada dentro de una llamada a beginShape(), debe ser antecedida por una llamada a la función vertex() para definir el primer punto ancla. Esta función debe ser usada entre beginShape() y endShape() y solo cuando no se ha especificado el parámetro MODE (modo) a beginShape(). -bezierVertex__description__1 = The first time bezierVertex() is used within a beginShape() call, it must be prefaced with a call to vertex() to set the first anchor point. This function must be used between beginShape() and endShape() and only when there is no MODE or POINTS parameter specified to beginShape(). bezierVertex__params__x2 = Número: coordenada x del primer punto de control la curva bezierVertex__params__y2 = Número: coordenada y del primer punto de control la curva bezierVertex__params__x3 = Número: coordenada x del segundo punto de control la curva bezierVertex__params__y3 = Número: coordenada y del segundo punto de control la curva bezierVertex__params__x4 = Número: coordenada x del primer punto ancla bezierVertex__params__y4 = Número: coordenada y del primer punto ancla -bezierVertex__params__z2 = Number: z-coordinate for the first control point (for WebGL mode) -bezierVertex__params__z3 = Number: z-coordinate for the second control point (for WebGL mode) -bezierVertex__params__z4 = Number: z-coordinate for the anchor point (for WebGL mode) curveVertex__description__0 = Especifica las coordenadas de un vértice para una curva. Esta función solo puede ser usada entre beginShape() y endShape() y cuando no se ha especificado el parámetro MODE en la función beginShape(). Los puntos primero y último en una serie de líneas curveVertex() serán usados para guiar el inicio y final de una curva. Un mínimo de cuatro puntos es requerido para dibujar una pequeña curva entre los puntos segundo y tercero, Añadir un quinto punto con curveVertex() dibujará la curva entre los puntos segundo, tercero y cuarto. La función curveVertex() es una implementación de las splines de Catmull-Rom. -curveVertex__description__1 = The first and last points in a series of curveVertex() lines will be used to guide the beginning and end of a the curve. A minimum of four points is required to draw a tiny curve between the second and third points. Adding a fifth point with curveVertex() will draw the curve between the second, third, and fourth points. The curveVertex() function is an implementation of Catmull-Rom splines. curveVertex__params__x = Número: coordenada x del vértice curveVertex__params__y = Número: coordenada y del vértice -curveVertex__params__z = Number: (Optional) z-coordinate of the vertex (for WebGL mode) endContour__description__0 = Usa las funciones beginContour() y endContour() para crear figuras negativas dentro de figuras como el centro de la letra 'O'. beginContour() empieza la grabación de los vértices para la figura y endContour() finaliza la grabación. Los vértices que definen una figura negativa deben ser definidos en la dirección opuesta a la figura exterior. Primero dibuja los vértices de la figura exterior en el orden de las manecillas del reloj, y luego para figuras internas, dibuja vértices en el sentido contrario a las manecillas del reloj. Estas funciones solo pueden ser usadas dentro de un par beginShape()/endShape() y transformaciones como translate(), rotate(), y scale() no funcionan dentro de un par beginContour()/endContour(). Tampoco es posible usar otras figuras, como elupse() o rect() dentro. -endContour__description__1 = These functions can only be used within a beginShape()/endShape() pair and transformations such as translate(), rotate(), and scale() do not work within a beginContour()/endContour() pair. It is also not possible to use other shapes, such as ellipse() or rect() within. endShape__description__0 = La función endShape() es compañera de la función beginShape() y solo puede ser ejecutada tras la ejecución de beginShape(). Cuando endshape() es ejecutada, todos los datos de imagen definidos desde la llamada anterior a beginShape() son escritos en el buffer de imagen. La constante CLOSE se usa como valor para el parámetro MODE para cerrar la figura (para conectar el comienzo con el final). endShape__params__mode = Constante: usa CLOSE para cerrar la figura. quadraticVertex__description__0 = Especifica las coordenadas de vértices par curvas Bezier cuadráticas. Cada llamada a quadraticVertex() define la posición de uno de los puntos de control y ancla de una curva Bezier, añadiendo un nuevo segmento a la línea o figura. La primera vez que quadraticVertex() es usada dentro de una llamada a beginShape(), debe ser precedida por una llamada a la función vertex() para definir el primer punto ancla. Esta función debe ser usada entre un par beginShape() y endShape() y solo cuando no se ha especificado el parámetro MODE de beginShape(). @@ -321,45 +206,23 @@ quadraticVertex__params__cx = Número: coordenada x del punto de control quadraticVertex__params__cy = Número: coordenada y del punto de control quadraticVertex__params__x3 = Número: coordenada x del punto ancla quadraticVertex__params__y3 = Número: coordenada y del punto ancla -quadraticVertex__params__cz = Number: z-coordinate for the control point (for WebGL mode) -quadraticVertex__params__z3 = Number: z-coordinate for the anchor point (for WebGL mode) vertex__description__0 = Todas las figuras son construidas mediante la conexión de una serie de vértices. vertex() es usado para especificar las coordenadas de los vértices para puntos, líneas, triángulos, cuadriláteros y polígonos. Es usada exclusivamente dentro de un par de funciones beginShape() y endShape(). vertex__params__x = Número: coordenada x del vértice vertex__params__y = Número: coordenada y del vértice -vertex__params__z = Number: z-coordinate of the vertex -vertex__params__u = Number: (Optional) the vertex's texture u-coordinate -vertex__params__v = Number: (Optional) the vertex's texture v-coordinate -normal__description__0 = Sets the 3d vertex normal to use for subsequent vertices drawn with vertex(). A normal is a vector that is generally nearly perpendicular to a shape's surface which controls how much light will be reflected from that part of the surface. -normal__params__vector = Vector: A p5.Vector representing the vertex normal. -normal__params__x = Number: The x component of the vertex normal. -normal__params__y = Number: The y component of the vertex normal. -normal__params__z = Number: The z component of the vertex normal. -VERSION__description__0 = Version of this p5.js. -P2D__description__0 = The default, two-dimensional renderer. -WEBGL__description__0 = One of the two render modes in p5.js: P2D (default renderer) and WEBGL Enables 3D render by introducing the third dimension: Z HALF_PI__description__0 = HALF_PI es una constante matemática de valor 1.57079632679489661923. Es la mitad de la razón entre la circunferencia de un círculo y su diámetro. Es útil en combinación con las funciones trigonométricas sin() y cos(). PI__description__0 = PI es una constante matemática de valor 3.14159265358979323846. Es la razón entre la circunferencia de un círculo y su diámetro. Es útil en combinación con las funciones trigonométricas sin() y cos(). QUARTER_PI__description__0 = QUARTER_PI es una constante matemática de valor 0.7853982. Es un cuarto de la razón entre la circunferencia de un círculo y su diámetro. Es útil en combinación con las funciones trigonométricas sin() y cos(). TAU__description__0 = TAU es un alias de TWO_PI, una constante matemática de valor 6.28318530717958647693. Es el doble de la razón entre la circunferencia de un círculo y su diámetro. Es útil en combinación con las funciones trigonométricas sin() y cos(). TWO_PI__description__0 = TWO_PI es una constante matemática de valor 6.28318530717958647693. Es el doble de la razón entre la circunferencia de un círculo y su diámetro. Es útil en combinación con las funciones trigonométricas sin() y cos(). -DEGREES__description__0 = Constant to be used with angleMode() function, to set the mode which p5.js interprets and calculates angles (either DEGREES or RADIANS). -RADIANS__description__0 = Constant to be used with angleMode() function, to set the mode which p5.js interprets and calculates angles (either RADIANS or DEGREES). -HSB__description__0 = HSB (hue, saturation, brightness) is a type of color model. You can learn more about it at HSB. -AUTO__description__0 = AUTO allows us to automatically set the width or height of an element (but not both), based on the current height and width of the element. Only one parameter can be passed to the size function as AUTO, at a time. print__description__0 = La función print() escribe en la consola del navegador. Esta función es a menudo de ayuda para observar los datos que un programa está produciendo. Esta función crea una nueva línea de texto por cada ejecución de la función. Elementos individuales pueden ser separados por comillas ('') y unidos con el operador de adición (+). Aunque print() es similar a console.log(), no llama a console.log() directamente, para simular una manera más simple de entender el comportamiento del programa. Por esto mismo, es más lento. Para resultados más rápidos, usar directamente console.log(). -print__description__1 = Note that calling print() without any arguments invokes the window.print() function which opens the browser's print dialog. To print a blank line to console you can write print('\n'). print__params__contents = Cualquiera: cualquier combinación de número, string, objeto, boolean o arreglo a imprimir frameCount__description__0 = La variable de sistema frameCount contiene el número de cuadros (frames) que se han mostrado desde que el programa empezó a ejecutarse. Dentro de setup() el valor es 0, después de la primera iteración de draw() es 1, etc. -deltaTime__description__0 = The system variable deltaTime contains the time difference between the beginning of the previous frame and the beginning of the current frame in milliseconds. -deltaTime__description__1 = This variable is useful for creating time sensitive animation or physics calculation that should stay constant regardless of frame rate. focused__description__0 = Confirma si la ventana de un programa de p5.js está en foco, lo que significa que el bosquejo aceptará entradas desde el ratón o teclado. Esta variable es verdadera (true) si la ventana está en foco y falsa (false) si no. cursor__description__0 = Define el cursor como un símbolo predeterminado o una imagen, o hace el cursor visible si es que estaba escondido. Si estás tratando de asignar una imagen al cursor, el tamaño recomendado es 16x16 o 32x32 pixeles. No es posible cargar una imagen al cursor si estás exportando tu programa a la Web, y no todos los modos funcionan con todos los navegadores. Los valores de los parámetros x e y deben ser menores a la dimensión de la imagen. cursor__params__type = Número|Constante: puede ser ARROW, CROSS, HAND, MOVE, TEXT, o WAIT, o la dirección de una imagen cursor__params__x = Número: el punto activo horizontal del cursor cursor__params__y = Número: el punto activo vertical del cursor frameRate__description__0 = Especifica el número de cuadros mostrados por segundo. Por ejemplo, la llamada a la función frameRate(30), tratará de refrescar 30 veces por segundo. Si el procesador no es lo suficientemente rápido para mantener la tasa especificada, la tasa de cuadros por segundo no será lograda. Definir la tasa de cuadros por segundo dentro de setup() es lo recomendable. La tasa por defecto es de 60 veces por segundo. Esto es lo mismo que setFrameRate(val). Llamar a la función frameRate() sin argumentos retorna la tasa actual. Esto es lo mismo que getFrameRate(). Llamar a la función frameRate() con arugmentos que no son de tipo número o no son positivos también retornarán la tasa actual. -frameRate__description__1 = Calling frameRate() with no arguments returns the current framerate. The draw function must run at least once before it will return a value. This is the same as getFrameRate(). -frameRate__description__2 = Calling frameRate() with arguments that are not of the type numbers or are non positive also returns current framerate. frameRate__params__fps = Número: número de cuadros a ser mostrados cada segundo. noCursor__description__0 = Esconde el cursor. displayWidth__description__0 = Variable de sistema que almacena el ancho de la pantalla mostrada. Esto es usado para correr un programa a pantalla completa en cualquier dimensión de pantalla. @@ -367,7 +230,6 @@ displayHeight__description__0 = Variable de sistema que almacena la altura de la windowWidth__description__0 = Variable de sistema que almacena el ancho interior de la ventana del navegador, equivale a window.innerWidth. windowHeight__description__0 = Variable de sistema que almacena la altura interior de la ventana del navegador, equivale a window.innerHeight. windowResized__description__0 = La función windowResized() es llamada cada vez que la ventana del navegador cambia de tamaño. Es un buen lugar para cambiar las dimensiones del lienzo o hacer cualquier otro ajuste necesario para acomodar las nuevas dimensiones de la ventana. -windowResized__params__event = Object: (Optional) optional Event callback argument. width__description__0 = Variable de sistema que almacena el ancho del lienzo dibujado. Este valor es definido por el primer parámetro de la función createCanvas(). Por ejemplo, la llamada a la función (320, 240) define la variable width al valor 320. El valor por defecto de ancho es de 100 si es que createCanvas() no ha sido usado en el programa. height__description__0 = ariable de sistema que almacena la altura del lienzo dibujado. Este valor es definido por el primer parámetro de la función createCanvas(). Por ejemplo, la llamada a la función (320, 240) define la variable width al valor 240. El valor por defecto de ancho es de 100 si es que createCanvas() no ha sido usado en el programa. fullscreen__description__0 = Si se da un argumento, define que el bosquejo esté a pantalla completa basado en el valor del argumento. Si no se da un argumento, retorna el estado actual de pantalla completa. Notar que debido a restricciones del navegador esto solo puede ser llamado con una entrada de parte del usuario, por ejemplo, cuando se presiona el ratón como en el ejemplo. @@ -384,60 +246,18 @@ getURLPath__returns = Arreglo: los componentes de la dirección getURLParams__description__0 = Retorna los parámetros de la URL actual como un objeto. getURLParams__returns = Objeto: parámetros de la URL preload__description__0 = La función preload() es ejecutada antes de setup(), es usada para manejar la carga asíncrona de archivos externos. Si se define una función preload(), setup() esperará hasta que las llamadas a funciones load hayan terminado. Solo se deben incluir instrucciones de carga dentro de preload() (loadImage, loadJSON, loadFont, loadStrings, etc). -preload__description__1 = By default the text "loading..." will be displayed. To make your own loading page, include an HTML element with id "p5_loading" in your page. More information here. setup__description__0 = La función setup() es ejecutada una vez, cuando el programa empieza. Es usada para definir propiedades iniciales como amaño de la pantalla y color de fondo y para cargar medios como imágenes y tipografías cuando el programa empieza. Solo puede haber una función setup() en cada programa y no debe ser llamada después de su ejecución inicial. Nota: las variables declaradas dentro de setup() no son accesibles dentro de otras funciones, como draw(). -setup__description__1 = Note: Variables declared within setup() are not accessible within other functions, including draw(). draw__description__0 = La función draw() es ejecutada después de setup(), y ejecuta contínuamente las líneas de código dentro de su bloque hasta que el programa es detenido o se ejecuta la función noLoop(). Notar que si noLoop() es ejecutada dentro de setup(), draw() igualmente será ejecutado una vez antes de parar. La función draw() es ejecutada automáticamente y nunca debiera ser ejecutada explícitamente. Siempre debería ser controlada con noLoop(), redraw() y loop(). Después de que noLoop() detiene la ejecución del código dentro de draw(), redraw() causa que el código dentro de draw() se ejecute una vez, y loop() causa que el código dentro de draw() siga ejecutándose de forma continua. El número de veces que draw() se ejecuta por segundo puede ser controlado con la función frameRate(). Solo puede haber una función draw() en cada bosquejo, y draw() solo debe existir si quieres que el código corra de forma continua, o para procesar eventos como mousePressed(). Algunas veces, podrías querer ejecutar una función draw() vacía, como se mostró en el ejemplo más arriba. Es importante notar que el sistema de coordenadas de dibujo será reiniciado al principio de cada ejecución de la función draw(). Si cualquier transformación es hecha dentro de draw() (por ejemplo: escalar, rotar, trasladar), sus efectos serán anulados al principio de cada ejecución de draw(), así que las transformaciones no se acumulan en el tiempo. Por el otro lado, el estilo aplicado (color de relleno, color de trazado) sí se mantendrá en efecto. -draw__description__1 = It should always be controlled with noLoop(), redraw() and loop(). After noLoop() stops the code in draw() from executing, redraw() causes the code inside draw() to execute once, and loop() will cause the code inside draw() to resume executing continuously. -draw__description__2 = The number of times draw() executes in each second may be controlled with the frameRate() function. -draw__description__3 = There can only be one draw() function for each sketch, and draw() must exist if you want the code to run continuously, or to process events such as mousePressed(). Sometimes, you might have an empty call to draw() in your program, as shown in the above example. -draw__description__4 = It is important to note that the drawing coordinate system will be reset at the beginning of each draw() call. If any transformations are performed within draw() (ex: scale, rotate, translate), their effects will be undone at the beginning of draw(), so transformations will not accumulate over time. On the other hand, styling applied (ex: fill, stroke, etc) will remain in effect. remove__description__0 = Remueve el bosquejo de p5 completamente. Esto removerá el lienzo y cualquier otro elemento creado por p5.js. También detendrá el bucle de dibujo y desvinculará cualquier propiedad o método global de la ventana. Dejará una variable p5 en caso que quieras crear un nuevo bosquejo p5. Si quieres, puedes definir p5 = null para borrar esta variable. -disableFriendlyErrors__description__0 = Allows for the friendly error system (FES) to be turned off when creating a sketch, which can give a significant boost to performance when needed. See disabling the friendly error system. -let__description__0 = Creates and names a new variable. A variable is a container for a value. -let__description__1 = Variables that are declared with let will have block-scope. This means that the variable only exists within the block that it is created within. -let__description__2 = From the MDN entry: Declares a block scope local variable, optionally initializing it to a value. -const__description__0 = Creates and names a new constant. Like a variable created with let, a constant that is created with const is a container for a value, however constants cannot be reassigned once they are declared. Although it is noteworthy that for non-primitive data types like objects & arrays, their elements can still be changeable. So if a variable is assigned an array, you can still add or remove elements from the array but cannot reassign another array to it. Also unlike let, you cannot declare variables without value using const. -const__description__1 = Constants have block-scope. This means that the constant only exists within the block that it is created within. A constant cannot be redeclared within a scope in which it already exists. -const__description__2 = From the MDN entry: Declares a read-only named constant. Constants are block-scoped, much like variables defined using the 'let' statement. The value of a constant can't be changed through reassignment, and it can't be redeclared. -if-else__description__0 = The if-else statement helps control the flow of your code. -if-else__description__1 = A condition is placed between the parenthesis following 'if', when that condition evalues to truthy, the code between the following curly braces is run. Alternatively, when the condition evaluates to falsy, the code between the curly braces of 'else' block is run instead. Writing an else block is optional. -if-else__description__2 = From the MDN entry: The 'if' statement executes a statement if a specified condition is truthy. If the condition is falsy, another statement can be executed -function__description__0 = Creates and names a function. A function is a set of statements that perform a task. -function__description__1 = Optionally, functions can have parameters. Parameters are variables that are scoped to the function, that can be assigned a value when calling the function.Multiple parameters can be given by seperating them with commas. -function__description__2 = From the MDN entry: Declares a function with the specified parameters. -return__description__0 = Specifies the value to be returned by a function. For more info checkout the MDN entry for return. boolean__description__0 = Convierte un número o string a su representación en boolean. Para números, cualquier valor distinto de cero (positivo o ne gativo), evalua a true, mientras que cero evalua a falso. Para un string, el valor true evalua a true, mientras que cualquier otro valor evalua a falso. Cuando un arreglo de números o strings es introducido, entonces un arreglo de booleans de la misma longitud es retornado. boolean__returns = Boolean: representación en formato boolean del valor boolean__params__n = String|Boolean|Número|Arreglo: valor a procesar -string__description__0 = A string is one of the 7 primitive data types in Javascript. A string is a series of text characters. In Javascript, a string value must be surrounded by either single-quotation marks(') or double-quotation marks("). -string__description__1 = From the MDN entry: A string is a sequence of characters used to represent text. -number__description__0 = A number is one of the 7 primitive data types in Javascript. A number can be a whole number or a decimal number. -number__description__1 = The MDN entry for number -object__description__0 = From MDN's object basics: An object is a collection of related data and/or functionality (which usually consists of several variables and functions — which are called properties and methods when they are inside objects.) -class__description__0 = Creates and names a class which is a template for the creation of objects. -class__description__1 = From the MDN entry: The class declaration creates a new Class with a given name using prototype-based inheritance. -for__description__0 = for creates a loop that is useful for executing one section of code multiple times. -for__description__1 = A 'for loop' consists of three different expressions inside of a parenthesis, all of which are optional.These expressions are used to control the number of times the loop is run.The first expression is a statement that is used to set the initial state for the loop.The second expression is a condition that you would like to check before each loop. If this expression returns false then the loop will exit.The third expression is executed at the end of each loop. These expression are separated by ; (semi-colon).In case of an empty expression, only a semi-colon is written. -for__description__2 = The code inside of the loop body (in between the curly braces) is executed between the evaluation of the second and third expression. -for__description__3 = As with any loop, it is important to ensure that the loop can 'exit', or that the test condition will eventually evaluate to false. The test condition with a for loop is the second expression detailed above. Ensuring that this expression can eventually become false ensures that your loop doesn't attempt to run an infinite amount of times, which can crash your browser. -for__description__4 = From the MDN entry: Creates a loop that executes a specified statement until the test condition evaluates to false. The condition is evaluated after executing the statement, resulting in the specified statement executing at least once. -while__description__0 = while creates a loop that is useful for executing one section of code multiple times. -while__description__1 = With a 'while loop', the code inside of the loop body (between the curly braces) is run repeatedly until the test condition (inside of the parenthesis) evaluates to false. The condition is tested before executing the code body with while, so if the condition is initially false the loop body, or statement, will never execute. -while__description__2 = As with any loop, it is important to ensure that the loop can 'exit', or that the test condition will eventually evaluate to false. This is to keep your loop from trying to run an infinite amount of times, which can crash your browser. -while__description__3 = From the MDN entry: The while statement creates a loop that executes a specified statement as long as the test condition evaluates to true.The condition is evaluated before executing the statement. createCanvas__description__0 = Crea un elemento canvas en el documento, y define sus dimensiones medidas en pixeles. Este método debe ser llamado solo una vez al comienzo de la función setup(). Llamar a la función createCanvas() más de una vez en un bosquejo puede resultar en comportamientos impredecibles. Si quieres más de un lienzo donde dibujar, debes usar la función createGraphics() (escondido por defecto, pero puede ser mostrado), Las variables de sistema width (ancho) y height (altura) son definidas por los parámetros pasados a la función. Si createCanvas() no es usado, la ventana tendrá un tamaño por defecto de 100 x 100 pixeles. Para más maneras de posicionar el lienzo, ver la sección de posición del lienzo. -createCanvas__description__1 = Important note: in 2D mode (i.e. when p5.Renderer is not set) the origin (0,0) is positioned at the top left of the screen. In 3D mode (i.e. when p5.Renderer is set to WEBGL), the origin is positioned at the center of the canvas. See this issue for more information. -createCanvas__description__2 = The system variables width and height are set by the parameters passed to this function. If createCanvas() is not used, the window will be given a default size of 100x100 pixels. -createCanvas__description__3 = For more ways to position the canvas, see the positioning the canvas wiki page. createCanvas__returns = Objeto: lienzo generado createCanvas__params__w = Número: ancho del lienzo createCanvas__params__h = Número: altura del lienzo createCanvas__params__renderer = Constante: P2D o WEBGL resizeCanvas__description__0 = Redimensiona el linezo al ancho y la altura dados. El lienzo será borrado y la función draw() será llamada inmediatamente, permitiendo que el bosquejo se ajuste al nuevo lienzo -resizeCanvas__params__w = Number: width of the canvas -resizeCanvas__params__h = Number: height of the canvas -resizeCanvas__params__noRedraw = Boolean: (Optional) don't redraw the canvas immediately noCanvas__description__0 = Remueve el lienzo por defecto para un bosquejo de p5 que no requiere un lienzo. createGraphics__description__0 = Crea y retorna un nuevo objeto p5.Renderer. Usa esta clase si necesitas dibujar fuera de pantalla en un buffer gráfico. Los dos parámetros definen el ancho y la altura en pixeles. createGraphics__returns = buffer gráfico fuera de pantalla @@ -445,37 +265,14 @@ createGraphics__params__w = Número: ancho del buffer gráfico fuera de pantalla createGraphics__params__h = Número: altura del buffer gráfico fuera de pantalla createGraphics__params__renderer = Constante: P2D o WEBGL, si no se define es P2D por defecto blendMode__description__0 = Combina los pixeles en la ventana según el modo definido. Existen distintas maneras de combinar los pixeles de la fuente (A) con los ya existentes en la pantalla mostrada (B). TODO -blendMode__description__1 = (2D) indicates that this blend mode only works in the 2D renderer. (3D) indicates that this blend mode only works in the WEBGL renderer. blendMode__params__mode = Constante: modo de combinar del lienzo -drawingContext__description__0 = The p5.js API provides a lot of functionality for creating graphics, but there is some native HTML5 Canvas functionality that is not exposed by p5. You can still call it directly using the variable drawingContext, as in the example shown. This is the equivalent of calling canvas.getContext('2d'); or canvas.getContext('webgl');. See this reference for the native canvas API for possible drawing functions you can call. noLoop__description__0 = Detiene la ejecución continua del código de draw() de p5.js. Si se llama a la función loop(), el código dentro de draw() empieza a correr de forma continua nuevamente. Si se usa noLoop() dentro de setup(), debe ser la última línea de código dentro del bloque. Cuando se usa noLoop(), no es posible manipular o acceder a la pantalla dentro de las funciones que manejan eventos como mousePressed() o keyPressed(). En vez de eso, usa estas funciones para llamar a redraw() o loop(), que permitirán la ejecución de draw(), lo que permite el refresco correcto de la pantalla. Esto significa que cuando noLoop() ha sido ejecutado, no se sigue dibujando, y funciones como saveFrame() o loadPixels() no se pueden usar. Notar que si el bosquejo es escalado, redraw() será llamado para actualizar el bosquejo, incluso si noLoop() ha sido ejecutada. Por otro lado, el bosquejo entrará a un estado singular, hasta que loop() sea ejecutado. -noLoop__description__1 = When noLoop() is used, it's not possible to manipulate or access the screen inside event handling functions such as mousePressed() or keyPressed(). Instead, use those functions to call redraw() or loop(), which will run draw(), which can update the screen properly. This means that when noLoop() has been called, no drawing can happen, and functions like saveFrames() or loadPixels() may not be used. -noLoop__description__2 = Note that if the sketch is resized, redraw() will be called to update the sketch, even after noLoop() has been specified. Otherwise, the sketch would enter an odd state until loop() was called. -noLoop__description__3 = Use isLooping() to check current state of loop(). loop__description__0 = Por defecto, p5.js repite de forma continua la función draw(), ejecutado el código dentro de su bloque. Sin embargo, el bucle de dibujo puede ser detenido llamando a la función noLoop(). En ese caso, el bucle de draw() puede ser retomado con loop(). -loop__description__1 = Avoid calling loop() from inside setup(). -loop__description__2 = Use isLooping() to check current state of loop(). -isLooping__description__0 = By default, p5.js loops through draw() continuously, executing the code within it. If the sketch is stopped with noLoop() or resumed with loop(), isLooping() returns the current state for use within custom event handlers. push__description__0 = La función push() graba la configuración actual de estilo de dibujo, y pop() restaura esta configuración. Notar que estas funciones siempre son usadas en conjunto. Permiten cambiar las configuraciones de estilo y transformaciones y luego volver a lo que tenías. Cuando un nuevo estado es iniciado con push(), construye encima de la información actual de estilo y transformación. Las funciones push() y pop() pueden ser embebidas para proveer más control (ver el segundo ejemplo para una demostración). push() almacena información relacionada a la configuración de estado de transformación y de estulo actual, controlada por las siguientes funciones: fill(), stroke(), tint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textMode(), textSize(), textLeading(). -push__description__1 = push() stores information related to the current transformation state and style settings controlled by the following functions: fill(), noFill(), noStroke(), stroke(), tint(), noTint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textSize(), textLeading(), applyMatrix(), resetMatrix(), rotate(), scale(), shearX(), shearY(), translate(), noiseSeed(). -push__description__2 = In WEBGL mode additional style settings are stored. These are controlled by the following functions: setCamera(), ambientLight(), directionalLight(), pointLight(), texture(), specularMaterial(), shininess(), normalMaterial() and shader(). pop__description__0 = La función push() graba la configuración actual de estilo de dibujo, y pop() restaura esta configuración. Notar que estas funciones siempre son usadas en conjunto. Permiten cambiar las configuraciones de estilo y transformaciones y luego volver a lo que tenías. Cuando un nuevo estado es iniciado con push(), construye encima de la información actual de estilo y transformación. Las funciones push() y pop() pueden ser embebidas para proveer más control (ver el segundo ejemplo para una demostración). push() almacena información relacionada a la configuración de estado de transformación y de estulo actual, controlada por las siguientes funciones: fill(), stroke(), tint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textMode(), textSize(), textLeading(). -pop__description__1 = push() stores information related to the current transformation state and style settings controlled by the following functions: fill(), noFill(), noStroke(), stroke(), tint(), noTint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textSize(), textLeading(), applyMatrix(), resetMatrix(), rotate(), scale(), shearX(), shearY(), translate(), noiseSeed(). -pop__description__2 = In WEBGL mode additional style settings are stored. These are controlled by the following functions: setCamera(), ambientLight(), directionalLight(), pointLight(), texture(), specularMaterial(), shininess(), normalMaterial() and shader(). redraw__description__0 = Ejecuta una vez el código dentro de la función draw(). Esta función permite al programa actualizar la ventana mostrada solamente cuando es necesario, por ejemplo, cuando un evento registrado por mousePressed() o keyPressed() ocurre. En la estructura de un programa, solo hace sentido llamar a redraw() dentro de eventos como mousePressed(). Esto es porque redraw() no hace que draw() se ejecute de forma inmediata (solo define una indicación de que se necesita un refresco). La función redraw() no funciona de forma correcta cuando se llama dentro de la función draw(). Para habilitar y deshabilitar animaciones, usa las funcioens loop() y noLoop(). Adicionalmente, puedes definir el número de veces que se dibuja por cada llamada a este método. Para esto, añade un entero como parámetro único a la función, que señale cuántas veces se requiere dibujar. -redraw__description__1 = In structuring a program, it only makes sense to call redraw() within events such as mousePressed(). This is because redraw() does not run draw() immediately (it only sets a flag that indicates an update is needed). -redraw__description__2 = The redraw() function does not work properly when called inside draw().To enable/disable animations, use loop() and noLoop(). -redraw__description__3 = In addition you can set the number of redraws per method call. Just add an integer as single parameter for the number of redraws. redraw__params__n = Entero: redibuja n-veces. Por defecto el valor es 1 -p5__description__0 = The p5() constructor enables you to activate "instance mode" instead of normal "global mode". This is an advanced topic. A short description and example is included below. Please see Dan Shiffman's Coding Train video tutorial or this tutorial page for more info. -p5__description__1 = By default, all p5.js functions are in the global namespace (i.e. bound to the window object), meaning you can call them simply ellipse(), fill(), etc. However, this might be inconvenient if you are mixing with other JS libraries (synchronously or asynchronously) or writing long programs of your own. p5.js currently supports a way around this problem called "instance mode". In instance mode, all p5 functions are bound up in a single variable instead of polluting your global namespace. -p5__description__2 = Optionally, you can specify a default container for the canvas and any other elements to append to with a second argument. You can give the ID of an element in your html, or an html node itself. -p5__description__3 = Note that creating instances like this also allows you to have more than one p5 sketch on a single web page, as they will each be wrapped up with their own set up variables. Of course, you could also use iframes to have multiple sketches in global mode. -p5__params__sketch = Object: a function containing a p5.js sketch -p5__params__node = String|Object: ID or pointer to HTML DOM node to contain sketch in applyMatrix__description__0 = Multiplica la matriz actual por la especificada según los parámetros. Esto es muy lento porque tratará de calcular el inverso de la transformada, así que evítalo cuando sea posible -applyMatrix__description__1 = The naming of the arguments here follows the naming of the WHATWG specification and corresponds to a transformation matrix of the form:
      -applyMatrix__description__2 = The transformation matrix used when applyMatrix is called
      applyMatrix__params__a = Número: números que definen la matriz 3x2 a multiplicar applyMatrix__params__b = Número: números que definen la matriz 3x2 a multiplicar applyMatrix__params__c = Número: números que definen la matriz 3x2 a multiplicar @@ -484,143 +281,30 @@ applyMatrix__params__e = Número: números que definen la matriz 3x2 a multiplic applyMatrix__params__f = Número: números que definen la matriz 3x2 a multiplicar resetMatrix__description__0 = Reemplaza la matriz actual con la matriz identidad rotate__description__0 = Rota una figura según el monto especificado por el parámetro ángulo. Esta función toma en cuenta el modo de ángulo definido por angleMode(), así que los ángulos pueden ser ingresados en radianes o grados. Los objetos son siempre rotados según su posición relativa al origen y los números positivos rotan en la dirección de las manecillas del reloj. Las transformaciones se aplican a todo lo que ocurre de forma posterior y las subsecuentes llamadas a la función acumulan el efecto. Por ejemplo, llamar a la función rotate(HALF_PI) y luego rotate(HALF_PI) equivale a una llamada a rotate(PI). Todas las transformaciones son anuladas cuando la función draw() comienza nuevamente. Técnicamente, rotate() multiplica la matriz de transformación actual por una matriz de rotación. Esta función puede ser controlada además con las funciones push() y pop(). -rotate__description__1 = Objects are always rotated around their relative position to the origin and positive numbers rotate objects in a clockwise direction. Transformations apply to everything that happens after and subsequent calls to the function accumulates the effect. For example, calling rotate(HALF_PI) and then rotate(HALF_PI) is the same as rotate(PI). All transformations are reset when draw() begins again. -rotate__description__2 = Technically, rotate() multiplies the current transformation matrix by a rotation matrix. This function can be further controlled by the push() and pop(). rotate__params__angle = Ángulo: el ángulo de rotación, especificado en radianes o grados, dependiendo de angleMode() rotate__params__axis = p5.Vector|Arreglo: eje sobre el que se rota rotateX__description__0 = Rota en torno al eje X -rotateX__description__1 = Objects are always rotated around their relative position to the origin and positive numbers rotate objects in a clockwise direction. All transformations are reset when draw() begins again. rotateX__params__angle = Número: ángulo en radianes rotateY__description__0 = Rota en torno al eje Y -rotateY__description__1 = Objects are always rotated around their relative position to the origin and positive numbers rotate objects in a clockwise direction. All transformations are reset when draw() begins again. rotateY__params__angle = Número: ángulo en radianes rotateZ__description__0 = Rota en torno al eje Z,. Sólo disponible en el modo WEBGL. -rotateZ__description__1 = This method works in WEBGL mode only. -rotateZ__description__2 = Objects are always rotated around their relative position to the origin and positive numbers rotate objects in a clockwise direction. All transformations are reset when draw() begins again. rotateZ__params__angle = Número: ángulo en radianes scale__description__0 = Aumenta o decrementa el tamaño de una figura por medio de expandir o contraer sus vértices. Los objetos siempre escalan desde su origen relativo al sistema de coordenadas. Los valores de escalamiento son porcentajes decimales. Por ejemplo, la llamada a la función scale(2.0) aumenta la dimensión de una figura en un 200%. Las transformaciones se aplican a todo lo que ocurre después y llamadas subsecuentes a la función multiplican el efecto. Por ejemplo, llamar a scale(2.0) y luego a scale(1.5) equivale a llamar a scale(3.0). Si la función scale() es llamad dentro de draw(), la transformación es anulada cuando el bucle empieza nuevamente. El uso de esta función con el parámetro z está solo disponible en el modo WEBGL. Esta función puede también ser controlada con las funciones push() y pop(). -scale__description__1 = Transformations apply to everything that happens after and subsequent calls to the function multiply the effect. For example, calling scale(2.0) and then scale(1.5) is the same as scale(3.0). If scale() is called within draw(), the transformation is reset when the loop begins again. -scale__description__2 = Using this function with the z parameter is only available in WEBGL mode. This function can be further controlled with push() and pop(). scale__params__s = Número | p5.Vector| Arreglo: porcentaje a escalar del objeto, o porcentaje a esacalar del objeto en el eje x si se dan múltiples argumentos scale__params__y = Número: porcentaje a escalar el objeto en el eje y scale__params__z = Número: porcentaje a escalar el objeto en el eje z (sólo en modo WEBGL) -scale__params__scales = p5.Vector|Number[]: per-axis percents to scale the object shearX__description__0 = Corta la figura en torno al eje x según el monto especificado por el parámetro ángulo. Los ángulos deben ser especificados según el modo actual de ángulo angleMode(). Los objetos son siempre cortados según su posición relativa al origen y los números positivos cortan los objetos en la dirección de las manecillas del reloj. Las transformaciones aplican a todo lo que ocurre después y llamadas posteriores a la misma función acumulan el efecto. Por ejemplo, llamar a shearX(PI/2) y luego a shearX(PI/2) equivale a llamar a shearX(PI). Si shearX() es llamado dentro de draw(), la transformación es anulada cuando el bucle empieza nuevamente. Técnicamente, shearX() multiplica la matriz de transformación actual por una matriz de rotación. La función puede ser controlada con las funciones push() y pop(). -shearX__description__1 = Transformations apply to everything that happens after and subsequent calls to the function accumulates the effect. For example, calling shearX(PI/2) and then shearX(PI/2) is the same as shearX(PI). If shearX() is called within the draw(), the transformation is reset when the loop begins again. -shearX__description__2 = Technically, shearX() multiplies the current transformation matrix by a rotation matrix. This function can be further controlled by the push() and pop() functions. shearX__params__angle = Número: ángulo de corte especificado en radianes o grados, dependiendo del modo de ángulo actual angleMode() shearY__description__0 = Corta la figura en torno al eje y según el monto especificado por el parámetro ángulo. Los ángulos deben ser especificados según el modo actual de ángulo angleMode(). Los objetos son siempre cortados según su posición relativa al origen y los números positivos cortan los objetos en la dirección de las manecillas del reloj. Las transformaciones aplican a todo lo que ocurre después y llamadas posteriores a la misma función acumulan el efecto. Por ejemplo, llamar a shearY(PI/2) y luego a shearY(PI/2) equivale a llamar a shearY(PI). Si shearY() es llamado dentro de draw(), la transformación es anulada cuando el bucle empieza nuevamente. Técnicamente, shearY() multiplica la matriz de transformación actual por una matriz de rotación. La función puede ser controlada con las funciones push() y pop(). -shearY__description__1 = Transformations apply to everything that happens after and subsequent calls to the function accumulates the effect. For example, calling shearY(PI/2) and then shearY(PI/2) is the same as shearY(PI). If shearY() is called within the draw(), the transformation is reset when the loop begins again. -shearY__description__2 = Technically, shearY() multiplies the current transformation matrix by a rotation matrix. This function can be further controlled by the push() and pop() functions. shearY__params__angle = Número: ángulo de corte especificado en radianes o grados, dependiendo del modo de ángulo actual angleMode() translate__description__0 = Especifica una cantidad a desplazar los objetos dentro de la ventana mostrada. El parámetro x especifica la traslación de izquierda a derecha, el parámetro y especifica la traslación de arriba a abajo. Las transformaciones son acumulativas y aplican a todo lo que ocurre después y llamadas posteriores a la misma función acumulan el efecto. Por ejemplo, llamar a translate(50, 0) y luego a translate(20, 0) equivale a llamar a translate(70, 0). Si translate() es llamado dentro de draw(), la transformación es anulada cada vez que el bucle empieza nuevamente. Esta función peude ser controlada con las funciones push() y pop(). -translate__description__1 = Transformations are cumulative and apply to everything that happens after and subsequent calls to the function accumulates the effect. For example, calling translate(50, 0) and then translate(20, 0) is the same as translate(70, 0). If translate() is called within draw(), the transformation is reset when the loop begins again. This function can be further controlled by using push() and pop(). translate__params__x = Número: traslación izquierda-derecha translate__params__y = Número: traslación arriba-abajo translate__params__z = Número: traslación adelante-atrás (solo en modo WEBGL) -translate__params__vector = p5.Vector: the vector to translate by -storeItem__description__0 = Stores a value in local storage under the key name. Local storage is saved in the browser and persists between browsing sessions and page reloads. The key can be the name of the variable but doesn't have to be. To retrieve stored items see getItem. Sensitive data such as passwords or personal information should not be stored in local storage. -storeItem__params__key = String -storeItem__params__value = String|Number|Object|Boolean|p5.Color|p5.Vector -getItem__description__0 = Returns the value of an item that was stored in local storage using storeItem() -getItem__returns = Number|Object|String|Boolean|p5.Color|p5.Vector: Value of stored item -getItem__params__key = String: name that you wish to use to store in local storage -clearStorage__description__0 = Clears all local storage items set with storeItem() for the current domain. -removeItem__description__0 = Removes an item that was stored with storeItem() -removeItem__params__key = String -createStringDict__description__0 = Creates a new instance of p5.StringDict using the key-value pair or the object you provide. createStringDict__returns = p5.StringDict: createStringDict__params__key = String createStringDict__params__value = String -createStringDict__params__object = Object: object -createNumberDict__description__0 = Creates a new instance of p5.NumberDict using the key-value pair or object you provide. createNumberDict__returns = p5.NumberDict: -createNumberDict__params__key = Number -createNumberDict__params__value = Number -createNumberDict__params__object = Object: object -select__description__0 = Searches the page for the first element that matches the given CSS selector string (can be an ID, class, tag name or a combination) and returns it as a p5.Element. The DOM node itself can be accessed with .elt. Returns null if none found. You can also specify a container to search within. -select__returns = p5.Element|null: p5.Element containing node found -select__params__selectors = String: CSS selector string of element to search for -select__params__container = String|p5.Element|HTMLElement: (Optional) CSS selector string, p5.Element, or HTML element to search within -selectAll__description__0 = Searches the page for elements that match the given CSS selector string (can be an ID a class, tag name or a combination) and returns them as p5.Elements in an array. The DOM node itself can be accessed with .elt. Returns an empty array if none found. You can also specify a container to search within. -selectAll__returns = p5.Element[]: Array of p5.Elements containing nodes found -selectAll__params__selectors = String: CSS selector string of elements to search for -selectAll__params__container = String|p5.Element|HTMLElement: (Optional) CSS selector string, p5.Element , or HTML element to search within -removeElements__description__0 = Removes all elements created by p5, except any canvas / graphics elements created by createCanvas or createGraphics. Event handlers are removed, and element is removed from the DOM. -changed__description__0 = The .changed() function is called when the value of an element changes. This can be used to attach an element specific event listener. -changed__params__fxn = Function|Boolean: function to be fired when the value of an element changes. if false is passed instead, the previously firing function will no longer fire. -input__description__0 = The .input() function is called when any user input is detected with an element. The input event is often used to detect keystrokes in a input element, or changes on a slider element. This can be used to attach an element specific event listener. -input__params__fxn = Function|Boolean: function to be fired when any user input is detected within the element. if false is passed instead, the previously firing function will no longer fire. -createDiv__description__0 = Creates a
      element in the DOM with given inner HTML. -createDiv__returns = p5.Element: pointer to p5.Element holding created node -createDiv__params__html = String: (Optional) inner HTML for element created -createP__returns = p5.Element: pointer to p5.Element holding created node -createP__params__html = String: (Optional) inner HTML for element created -createSpan__description__0 = Creates a element in the DOM with given inner HTML. -createSpan__returns = p5.Element: pointer to p5.Element holding created node -createSpan__params__html = String: (Optional) inner HTML for element created -createImg__description__0 = Creates an element in the DOM with given src and alternate text. -createImg__returns = p5.Element: pointer to p5.Element holding created node -createImg__params__src = String: src path or url for image -createImg__params__alt = String: alternate text to be used if image does not load. You can use also an empty string ("") if that an image is not intended to be viewed. -createImg__params__crossOrigin = String: crossOrigin property of the img element; use either 'anonymous' or 'use-credentials' to retrieve the image with cross-origin access (for later use with canvas. if an empty string("") is passed, CORS is not used -createImg__params__successCallback = Function: (Optional) callback to be called once image data is loaded with the p5.Element as argument -createA__description__0 = Creates an element in the DOM for including a hyperlink. -createA__returns = p5.Element: pointer to p5.Element holding created node -createA__params__href = String: url of page to link to -createA__params__html = String: inner html of link element to display -createA__params__target = String: (Optional) target where new link should open, could be _blank, _self, _parent, _top. -createSlider__description__0 = Creates a slider element in the DOM. Use .size() to set the display length of the slider. -createSlider__returns = p5.Element: pointer to p5.Element holding created node -createSlider__params__min = Number: minimum value of the slider -createSlider__params__max = Number: maximum value of the slider -createSlider__params__value = Number: (Optional) default value of the slider -createSlider__params__step = Number: (Optional) step size for each tick of the slider (if step is set to 0, the slider will move continuously from the minimum to the maximum value) -createButton__description__0 = Creates a element in the DOM. Use .size() to set the display size of the button. Use .mousePressed() to specify behavior on press. -createButton__returns = p5.Element: pointer to p5.Element holding created node -createButton__params__label = String: label displayed on the button -createButton__params__value = String: (Optional) value of the button -createCheckbox__description__0 = Creates a checkbox element in the DOM. Calling .checked() on a checkbox returns if it is checked or not -createCheckbox__returns = p5.Element: pointer to p5.Element holding created node -createCheckbox__params__label = String: (Optional) label displayed after checkbox -createCheckbox__params__value = Boolean: (Optional) value of the checkbox; checked is true, unchecked is false -createSelect__description__0 = Creates a dropdown menu element in the DOM. It also helps to assign select-box methods to p5.Element when selecting existing select box.
      • .option(name, [value]) can be used to set options for the select after it is created.
      • .value() will return the currently selected option.
      • .selected() will return current dropdown element which is an instance of p5.Element
      • .selected(value) can be used to make given option selected by default when the page first loads.
      • .disable() marks whole of dropdown element as disabled.
      • .disable(value) marks given option as disabled
      -createSelect__returns = p5.Element: -createSelect__params__multiple = Boolean: (Optional) true if dropdown should support multiple selections -createSelect__params__existing = Object: DOM select element -createRadio__description__0 = Creates a radio button element in the DOM.It also helps existing radio buttons assign methods of p5.Element.
      • .option(value, [label]) can be used to create a new option for the element. If an option with a value already exists, it will be returned. Optionally, a label can be provided as second argument for the option.
      • .remove(value) can be used to remove an option for the element.
      • .value() method will return the currently selected value.
      • .selected() method will return the currently selected input element.
      • .selected(value) method will select the option and return it.
      • .disable(Boolean) method will enable/disable the whole radio button element.
      -createRadio__returns = p5.Element: pointer to p5.Element holding created node -createRadio__params__containerElement = Object: An container HTML Element either a div or span inside which all existing radio inputs will be considered as options. -createRadio__params__name = String: (Optional) A name parameter for each Input Element. -createColorPicker__description__0 = Creates a colorPicker element in the DOM for color input. The .value() method will return a hex string (#rrggbb) of the color. The .color() method will return a p5.Color object with the current chosen color. -createColorPicker__returns = p5.Element: pointer to p5.Element holding created node -createColorPicker__params__value = String|p5.Color: (Optional) default color of element -createInput__description__0 = Creates an element in the DOM for text input. Use .size() to set the display length of the box. -createInput__returns = p5.Element: pointer to p5.Element holding created node -createInput__params__value = String: default value of the input box -createInput__params__type = String: (Optional) type of text, ie text, password etc. Defaults to text. Needs a value to be specified first. -createFileInput__description__0 = Creates an element in the DOM of type 'file'. This allows users to select local files for use in a sketch. -createFileInput__returns = p5.Element: pointer to p5.Element holding created DOM element -createFileInput__params__callback = Function: callback function for when a file is loaded -createFileInput__params__multiple = Boolean: (Optional) optional, to allow multiple files to be selected -createVideo__description__0 = Creates an HTML5

    creative commons license

    From 57269356969b10bedd710e8323d3600a07266746 Mon Sep 17 00:00:00 2001 From: evelyn masso Date: Sat, 2 Oct 2021 15:57:05 -0700 Subject: [PATCH 112/308] debugging test labels in prod more --- src/assets/js/examples.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/assets/js/examples.js b/src/assets/js/examples.js index 2000505536..1572248f96 100644 --- a/src/assets/js/examples.js +++ b/src/assets/js/examples.js @@ -80,7 +80,6 @@ var examples = { var startAriaLabel = data.indexOf("@arialabel")+11; var endAriaLabel = data.indexOf("\n", startAriaLabel); - var testLabel = data.substring(startAriaLabel, endAriaLabel); var ariaLabel = startAriaLabel !== 10 ? data.substring(startAriaLabel, endAriaLabel) : ''; var startDesc = data.indexOf("@description")+13; @@ -89,6 +88,8 @@ var examples = { var desc = startDesc !== 12 ? data.substring(startDesc, endDesc) : ''; desc = desc.replace(metaReg, ''); + var testLabel = data.substring(endName, endName+50); + $('#example-name').html(name); $('#example-desc').html(desc); $('#exampleFrame').attr("aria-label", ariaLabel); From 7c5c282e79fe8cd0b95350c8d10f547f70157be1 Mon Sep 17 00:00:00 2001 From: evelyn masso Date: Sat, 2 Oct 2021 16:36:11 -0700 Subject: [PATCH 113/308] Update 00_Statements_and_Comments.js --- src/data/examples/en/00_Structure/00_Statements_and_Comments.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/data/examples/en/00_Structure/00_Statements_and_Comments.js b/src/data/examples/en/00_Structure/00_Statements_and_Comments.js index 90463b3d06..8b8d81e5b1 100644 --- a/src/data/examples/en/00_Structure/00_Statements_and_Comments.js +++ b/src/data/examples/en/00_Structure/00_Statements_and_Comments.js @@ -1,7 +1,7 @@ /* * @name Comments and Statements * @arialabel Mustard yellow background - * @description Statements are the elements that make up programs. The ";" (semi-colon) symbol is used to end statements. It is called the "statement * terminator". Comments are used for making notes to help people better understand programs. A comment begins with two forward slashes ("//"). (ported from https://processing.org/examples/statementscomments.html) + * @description Statements are the elements that make up programs. The ";" (semi-colon) symbol is used to end statements. It is called the "statement terminator". Comments are used for making notes to help people better understand programs. A comment begins with two forward slashes ("//"). (ported from https://processing.org/examples/statementscomments.html) */ // The createCanvas function is a statement that tells the computer // how large to make the window. From 27cdf3e8e34f6b8762f8386e10eaa3eb10e9d39b Mon Sep 17 00:00:00 2001 From: evelyn masso Date: Sat, 2 Oct 2021 16:51:52 -0700 Subject: [PATCH 114/308] revert prod debugging commits --- src/assets/js/examples.js | 3 --- src/data/examples/build_examples/example_template.ejs | 2 +- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/src/assets/js/examples.js b/src/assets/js/examples.js index 1572248f96..a6837add4b 100644 --- a/src/assets/js/examples.js +++ b/src/assets/js/examples.js @@ -88,12 +88,9 @@ var examples = { var desc = startDesc !== 12 ? data.substring(startDesc, endDesc) : ''; desc = desc.replace(metaReg, ''); - var testLabel = data.substring(endName, endName+50); - $('#example-name').html(name); $('#example-desc').html(desc); $('#exampleFrame').attr("aria-label", ariaLabel); - $('#exampleFrame').attr("test-label", testLabel); // strip description and set code var ind = data.indexOf('*/'); diff --git a/src/data/examples/build_examples/example_template.ejs b/src/data/examples/build_examples/example_template.ejs index 5fb64bde68..a6d7c06da4 100644 --- a/src/data/examples/build_examples/example_template.ejs +++ b/src/data/examples/build_examples/example_template.ejs @@ -34,7 +34,7 @@ slug: examples/
    - +

    creative commons license

    From b29ffcd358b61c80de13e5055fd88bcadd68803b Mon Sep 17 00:00:00 2001 From: Devesh Date: Sun, 3 Oct 2021 17:53:46 +0530 Subject: [PATCH 115/308] Fixes margins to improve visibility of the copy button in the getting started section --- src/assets/css/main.css | 282 ++++++++++++++++--------------------- src/assets/js/reference.js | 16 +-- 2 files changed, 128 insertions(+), 170 deletions(-) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 1d11f08314..d11875f0dd 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -163,7 +163,7 @@ textarea { #menu.top_menu, #menu { list-style: none; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; width: 100%; margin: 0 0 1em 0; padding: 0; @@ -225,7 +225,7 @@ textarea { .sidebar-menu-icon .sidebar-nav-icon:before, .sidebar-menu-icon .sidebar-nav-icon:after { background: #ed225d; - content: ''; + content: ""; display: block; height: 100%; position: absolute; @@ -323,7 +323,7 @@ textarea { padding: 0.4em 0.6em; margin: 0.5em 0; color: #333; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; display: inline-block; } @@ -362,7 +362,7 @@ textarea { border-bottom: 0.09em dashed; border-bottom-color: #ed225d; line-height: 1.2; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; display: block; } @@ -444,26 +444,28 @@ textarea { #get-started-page .edit_space { position: relative; order: 3; + margin-bottom: 4.8125em; } -#get-started-page .edit_space .copy_button{ +#get-started-page .edit_space .copy_button { color: #2d7bb6; border-color: rgba(45, 123, 182, 0.25); float: right; - margin: 0.5em 0 0 0.5em; + margin: 1.5em 0 1.5em 0.5em; background: rgba(255, 255, 255, 0.7); position: absolute; z-index: 2; left: 31.33em; top: -1.5em; } + /* To make get-started-page responsive */ @media (max-width: 780px) { - #get-started-page .edit_space .copy_button{ + #get-started-page .edit_space .copy_button { left: 6.44em; } } @media (max-width: 600px) { - #get-started-page .edit_space .copy_button{ + #get-started-page .edit_space .copy_button { left: 5.91em; } } @@ -493,7 +495,7 @@ textarea { .reference-group h3 { font-size: 1em; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; margin-top: 0.5em; } @@ -537,7 +539,7 @@ div.reference-subgroup { margin: 0.777em 0 0 0; font-size: 1.444em; font-weight: inherit; - font-family: 'Inconsolata', consolas, monospace; + font-family: "Inconsolata", consolas, monospace; color: #00a1d3; } @@ -639,7 +641,7 @@ div.reference-subgroup { } .example-content .edit_space ul li button { - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; font-size: 1em; color: #ccc; border: 1px solid rgba(200, 200, 200, 0.15); @@ -668,7 +670,7 @@ div.reference-subgroup { .display_button { margin-bottom: 2em; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; font-size: 1em; color: #2d7bb6; border: 1px solid rgba(45, 123, 182, 0.25); @@ -742,10 +744,10 @@ form { background: url(../img/search.png) 100% no-repeat; } -#search input[type='text'], -#search input[type='search'] { +#search input[type="text"], +#search input[type="search"] { border: 1px solid rgba(200, 200, 200, 0.5); - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; font-size: 2.25em; width: 9.75em; } @@ -761,7 +763,7 @@ form { color: #ccc; } -#search input[type='text']:focus { +#search input[type="text"]:focus { color: #2d7bb6; outline-color: #2d7bb6; outline-width: 1px; @@ -922,9 +924,9 @@ h3 { list-style: disc; } -#libraries-page .label h3{ +#libraries-page .label h3 { background-color: black; - padding:0px 5px; + padding: 0px 5px; } #learn-page .label .nounderline img { @@ -1003,7 +1005,7 @@ h3 { overflow: hidden; margin-top: 0.5em; color: #222; - font-family: 'Inconsolata', consolas, monospace; + font-family: "Inconsolata", consolas, monospace; font-size: 1em; background-color: #fff; line-height: 1em; @@ -1118,20 +1120,20 @@ variable */ } #showcase-page .showcase-intro h1 { - font: italic 900 14.5vw 'Montserrat', sans-serif; + font: italic 900 14.5vw "Montserrat", sans-serif; color: #ed225d; text-align: left; text-transform: uppercase; } #showcase-page .showcase-intro p { - font: 400 1.4rem 'Montserrat', sans-serif; + font: 400 1.4rem "Montserrat", sans-serif; line-height: 1.5em; } #showcase-page .showcase-featured h2, #showcase-page .project-page h2 { - font: italic 900 2rem 'Montserrat', sans-serif; + font: italic 900 2rem "Montserrat", sans-serif; color: #ed225d; letter-spacing: 0.05rem; } @@ -1152,11 +1154,11 @@ variable */ } #showcase-page .showcase-featured h3.title { - font: italic 900 1rem 'Montserrat', sans-serif; + font: italic 900 1rem "Montserrat", sans-serif; } #showcase-page .showcase-featured p.credit { - font: 500 1rem 'Montserrat', sans-serif; + font: 500 1rem "Montserrat", sans-serif; } #showcase-page .showcase-featured p.description { @@ -1178,7 +1180,7 @@ variable */ border: solid #ed225d 2px; box-shadow: 4px 4px 0 #ed225d; - font: 1.5rem 'Montserrat', sans-serif; + font: 1.5rem "Montserrat", sans-serif; color: #ed225d; letter-spacing: 0.02rem; transition: all 0.3s; @@ -1188,7 +1190,7 @@ variable */ #showcase-page .nominate a, #showcase-page .nominate a:visited { padding: 0.4em 0.3em; - font: 1.3rem 'Montserrat', sans-serif; + font: 1.3rem "Montserrat", sans-serif; } } @@ -1207,13 +1209,13 @@ variable */ } #showcase-page .showcase-featured a::after { - content: ' →'; + content: " →"; } #showcase-page .showcase-featured a.tag::after { - content: ''; + content: ""; } #showcase-page .showcase-featured .no-arrow-link::after { - content: ' '; + content: " "; } #showcase-page .showcase-featured .no-arrow-link:hover { @@ -1251,7 +1253,7 @@ h2.featuring { padding: 6px 14px; background-color: #ffe8e8; border-radius: 27px; - font: 0.7rem 'Montserrat', sans-serif; + font: 0.7rem "Montserrat", sans-serif; color: #333; } #showcase-page ul.project-tags li { @@ -1277,7 +1279,7 @@ h2.featuring { } */ -#showcase-page{ +#showcase-page { margin-top: 3em; } @@ -1292,7 +1294,7 @@ h2.featuring { */ #showcase-page .showcase-intro h1 { - font: italic 900 6.35vw 'Montserrat', sans-serif; + font: italic 900 6.35vw "Montserrat", sans-serif; } #showcase-page .showcase-intro p { @@ -1326,18 +1328,18 @@ h2.featuring { #showcase-page .project-metadata section h3 { color: #ed225d; - font: bold italic 1rem 'Montserrat', sans-serif; + font: bold italic 1rem "Montserrat", sans-serif; } #showcase-page .project-resources ul.links { - font: 500 0.7rem 'Montserrat', sans-serif; + font: 500 0.7rem "Montserrat", sans-serif; letter-spacing: 0.01rem; line-height: 1.5; margin: 0.5rem 0; } #showcase-page .project-credit { - font: italic bold 1.25rem 'Montserrat', sans-serif; + font: italic bold 1.25rem "Montserrat", sans-serif; } #showcase-page .project-credit p { @@ -1352,7 +1354,7 @@ h2.featuring { font-size: 0.7rem; } -#showcase-page .qa-group{ +#showcase-page .qa-group { margin-bottom: 2em; } @@ -1364,7 +1366,7 @@ h2.featuring { font-size: 1.2rem; font-weight: 900; */ - font: 900 1.2rem 'Montserrat', sans-serif; + font: 900 1.2rem "Montserrat", sans-serif; line-height: 1.5; } @@ -1372,7 +1374,6 @@ h2.featuring { font-size: 1.1rem; } - /* ========================================================================== Teach Page ========================================================================== */ @@ -1385,11 +1386,11 @@ h2.featuring { font: 400 1.4rem "Montserrat", sans-serif; color: black; line-height: 1.2em; - padding-bottom: .4em; + padding-bottom: 0.4em; border-bottom: 4px dotted #ed225d; } -#teach-page h3.title{ +#teach-page h3.title { margin-top: 3em; } @@ -1407,52 +1408,42 @@ h2.featuring { white-space: nowrap; color: #ed225d; /*transition: .2s; */ - margin-bottom: .6em; + margin-bottom: 0.6em; margin-top: 1.2em; border: 1px solid #ed225d; - - } #teach-page .search-filter label { cursor: pointer; } - #teach-page .search-filter label:hover { color: white; background-color: #ed225d; } - #teach-page .search-filter input[type="checkbox"] { display: absolute; } - #teach-page .search-filter input[type="checkbox"] { position: absolute; opacity: 0; } - #teach-page ul.filters p.filter-title { font: 400 0.83rem "Montserrat", sans-serif; color: #ed225d; height: 50px; - padding-top:20px; + padding-top: 20px; background: none; background-color: none; box-shadow: none; display: inline-block; border: none; clear: both; - } - - - #teach-page ul.filters li { display: inline; list-style: none; @@ -1460,42 +1451,40 @@ h2.featuring { } #teach-page ul.filters li label { - display: inline-block; - border-radius: 25px; - font: 200 0.7rem "Montserrat", sans-serif; - /*font-style: normal; + display: inline-block; + border-radius: 25px; + font: 200 0.7rem "Montserrat", sans-serif; + /*font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;*/ - color: black; - white-space: nowrap; - margin: 3px 0px; - transition: .2s; - background: #fafafa; + color: black; + white-space: nowrap; + margin: 3px 0px; + transition: 0.2s; + background: #fafafa; } #teach-page ul.filters li label { - padding: 6px 12px; - cursor: pointer; + padding: 6px 12px; + cursor: pointer; } #teach-page ul.filters li label::before { - display: inline-block; - padding: 2px 2px 2px 2px; /*padding among labels*/ + display: inline-block; + padding: 2px 2px 2px 2px; /*padding among labels*/ } #teach-page ul.filters li label:hover { - color: #ed225d; - background: #ffe8e8; - /*transform: translateY(2px);*/ - - } + color: #ed225d; + background: #ffe8e8; + /*transform: translateY(2px);*/ +} #teach-page ul.filters li input[type="checkbox"]:checked + label { - color: white; - background: #ed225d; - + color: white; + background: #ed225d; } #teach-page ul.filters li input[type="checkbox"] { @@ -1504,14 +1493,11 @@ h2.featuring { opacity: 0; } - -#teach-page ul.filters li.clear{ +#teach-page ul.filters li.clear { display: block; clear: both; - } - /*Filter Panel*/ #teach-page .filter-panel { @@ -1521,58 +1507,49 @@ h2.featuring { overflow: hidden; transition: max-height 0.2s ease-out; margin-bottom: 0.8em; - padding-bottom: .4em; - + padding-bottom: 0.4em; } - - #teach-page .filter-panel p { margin: 0; color: #333; - font-size: .83em; + font-size: 0.83em; height: 50px; - padding-top:20px; + padding-top: 20px; transition: all 0.5s ease-in-out; } - - /*p5 workshop and class title*/ +/*p5 workshop and class title*/ #teach-page .teach-intro p { font: 400 1.2rem "Times", sans-serif; line-height: 1.5em; } - /*modal box*/ -#teach-page .modal-title{ - +#teach-page .modal-title { margin-left: 1em; margin-right: 1em; font: 400 1rem "Montserrat", sans-serif; color: #ed225d; line-height: 1.2em; - } -#teach-page ul.cases li.clear{ +#teach-page ul.cases li.clear { display: block; clear: both; margin-top: 1em; margin-bottom: 1.2em; } - -#teach-page img{ +#teach-page img { margin-bottom: 1.4em; } -#teach-page img[alt]{ +#teach-page img[alt] { font: 0.6rem "Montserrat", sans-serif; color: #bababa; - } #teach-page .close { @@ -1581,18 +1558,19 @@ h2.featuring { float: right; font-size: 40px; font-weight: bold; - margin-right: .4em; - margin-top: .4em; - cursor:pointer; + margin-right: 0.4em; + margin-top: 0.4em; + cursor: pointer; } -#teach-page .close:hover, .close:focus { +#teach-page .close:hover, +.close:focus { color: #ed225d; text-decoration: none; cursor: pointer; } -#teach-page .case label{ +#teach-page .case label { margin-left: 1em; margin-right: 1em; margin: 2px 2px; @@ -1609,7 +1587,6 @@ h2.featuring { /*modal scrollbar*/ #teach-page .modal-body::-webkit-scrollbar { - width: 5px; height: 5px; border-radius: 10px; @@ -1625,9 +1602,9 @@ h2.featuring { /*modal contents*/ -#teach-page .case{ +#teach-page .case { margin-left: 2em; - margin-right:2em; + margin-right: 2em; } #teach-page .case span { @@ -1635,31 +1612,27 @@ h2.featuring { font: 900 1.4rem "Montserrat", sans-serif; } - -#teach-page .case p.lead-name{ +#teach-page .case p.lead-name { font: 900 Italic 1.2rem "Montserrat", sans-serif; color: #ed225d; line-height: 1.4em; border-bottom: 1.4em; } -#teach-page .case .speech{ - +#teach-page .case .speech { position: relative; - font: 200 Italic .8rem "Montserrat", sans-serif; + font: 200 Italic 0.8rem "Montserrat", sans-serif; color: black; /*#aaaaaa; */ background: #ffe8e8; padding: 0.5em 1.2em; - border-radius: .4em; + border-radius: 0.4em; border-bottom: none; margin-bottom: 2em; margin-top: 1em; - - } #teach-page .case .speech::after { - content: ''; + content: ""; position: absolute; top: 0; left: 8%; @@ -1672,31 +1645,26 @@ h2.featuring { margin-top: -10px; } -#teach-page .case p.subtitle{ - +#teach-page .case p.subtitle { font: 400 1rem "Montserrat", sans-serif; color: #ed225d; line-height: 1.4em; border-bottom: 0.1em dashed rgba(237, 34, 93, 0.15); } -#teach-page .case p{ +#teach-page .case p { font: 400 1rem "Times", sans-serif; color: black; line-height: 1.4em; border-bottom: 0.1em dashed rgba(237, 34, 93, 0.15); - } -#teach-page .modal-header{ - +#teach-page .modal-header { margin-bottom: 0.8em; } - -#teach-page .modal-footer{ - +#teach-page .modal-footer { margin-bottom: 0.8em; } @@ -1705,27 +1673,25 @@ h2.featuring { }*/ -#teach-page .modal-body:-webkit-scrollbar{ +#teach-page .modal-body:-webkit-scrollbar { display: none; } - #teach-page .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 100; width: 100%; height: 100%; - top:0; - left:0; - right:0; + top: 0; + left: 0; + right: 0; overflow: auto; box-sizing: border-box; background-color: rgba(255, 232, 232, 0.5); /* Fallback color */ - } -#teach-page .modal-content{ +#teach-page .modal-content { position: fixed; background: white; top: 2%; @@ -1740,16 +1706,14 @@ h2.featuring { box-shadow: 10px 20px 10px -17px rgba(237, 34, 93, 0.5); } -#teach-page .modal-body{ - +#teach-page .modal-body { margin: auto; height: 85%; width: 95%; overflow-y: auto; - } -#teach-page .results-wrapper{ +#teach-page .results-wrapper { width: 100%; outline: none; background: white; @@ -1762,27 +1726,21 @@ h2.featuring { /*box-shadow: 10px 100px 30px -17px rgba(237, 34, 93, 0.5); box-shadow: 10px 100px 20px -17px rgba(255, 232, 232, 0.5); box-shadow: 10px 20px 10px -17px rgba(237, 34, 93, 0.5);*/ - - } #teach-page .results-wrapper ul li.case-list a.myBtn { - overflow: hidden; text-overflow: ellipsis; - } -#teach-page .case-list{ - +#teach-page .case-list { margin-bottom: 0.8em; - padding-bottom: .4em; + padding-bottom: 0.4em; - font: 400 1.0rem "Times", sans-serif; + font: 400 1rem "Times", sans-serif; line-height: 1.2em; border-bottom: 0.1em dashed #ffe8e8; - } /* ========================================================================== @@ -1806,7 +1764,7 @@ html { body { margin: 0; background-color: #fff; - font-family: 'Times'; + font-family: "Times"; font-weight: 400; line-height: 1.45; color: #333; @@ -1889,7 +1847,7 @@ h5 { margin: 1.414em 0 0.5em 0; font-weight: inherit; line-height: 1.2; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; } h1 { @@ -1905,12 +1863,12 @@ h2 { } .code { - font-family: 'Inconsolata', consolas, monospace; + font-family: "Inconsolata", consolas, monospace; } #backlink { margin: 1.2em 0.444em 0 0; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; float: right; } @@ -1943,7 +1901,7 @@ h2 { rgba(116, 255, 183, 1) 0%, rgba(138, 255, 242, 1) 100% ); - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; color: #ed225d !important; } @@ -2125,7 +2083,7 @@ p + img { #lockup p { color: #ed225d; font-size: 0.7em; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; margin: 0.5em 0 0 8.5em; } @@ -2143,7 +2101,7 @@ p + img { .caption p { text-align: right; font-size: 0.7em; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; padding-top: 0.25em; } @@ -2185,7 +2143,7 @@ footer { } .ir:before { - content: ''; + content: ""; display: block; width: 0; height: 150%; @@ -2252,7 +2210,7 @@ footer { .clearfix:before, .clearfix:after { - content: ' '; + content: " "; /* 1 */ display: table; /* 2 */ @@ -2336,15 +2294,15 @@ footer { } #i18n-btn { position: absolute; - top: 4.0em; /* temp promo, 2.5em */ + top: 4em; /* temp promo, 2.5em */ right: 1em; } #i18n-btn a { - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; } #menu { list-style: none; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; margin: 0 0.75em 0 -1.85em; /* margin-right: 0.75em; */ width: 7.3em; @@ -2417,7 +2375,7 @@ footer { } #collection-list-categories { - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; display: flex; flex-direction: row; margin: 1em 0 1.5em 0; @@ -2471,12 +2429,12 @@ footer { margin-bottom: 1em; } - #search input[type='text'] { + #search input[type="text"] { width: 100%; } - #search input[type='text'], - #search input[type='search'] { + #search input[type="text"], + #search input[type="search"] { font-size: 1.5em; } @@ -2486,7 +2444,7 @@ footer { left: 1em; } .column-span { - margin:0; + margin: 0; padding: 0 1em; float: left; } @@ -2500,11 +2458,11 @@ footer { } #menu li:nth-last-child(1) a::after { - content: ''; + content: ""; } #menu li a::after { - content: ','; + content: ","; } #contribute-item:first-child { @@ -2527,7 +2485,7 @@ footer { display: none !important; pointer-events: none; } - pre[class*='language-'] { + pre[class*="language-"] { padding: 0.5em 0.5em; width: 100%; } @@ -2679,7 +2637,7 @@ iframe { overflow: hidden; text-indent: -100%; background: transparent - url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cGF0aCBkPSJNMTYuOSAxMC4zbDguNS0yLjYgMS43IDUuMiAtOC41IDIuOSA1LjMgNy41IC00LjQgMy4yIC01LjYtNy4zTDguNSAyNi4zbC00LjMtMy4zIDUuMy03LjJMMC45IDEyLjZsMS43LTUuMiA4LjYgMi44VjEuNGg1LjhWMTAuM3oiIHN0eWxlPSJmaWxsOiNFRDIyNUQ7c3Ryb2tlOiNFRDIyNUQiLz48L3N2Zz4='); + url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cGF0aCBkPSJNMTYuOSAxMC4zbDguNS0yLjYgMS43IDUuMiAtOC41IDIuOSA1LjMgNy41IC00LjQgMy4yIC01LjYtNy4zTDguNSAyNi4zbC00LjMtMy4zIDUuMy03LjJMMC45IDEyLjZsMS43LTUuMiA4LjYgMi44VjEuNGg1LjhWMTAuM3oiIHN0eWxlPSJmaWxsOiNFRDIyNUQ7c3Ryb2tlOiNFRDIyNUQiLz48L3N2Zz4="); background-size: 0.33em; } @@ -2766,7 +2724,7 @@ iframe { color: #ed225d; padding: 0.4em 0.6em; margin: 1em 0 0 0; - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; display: block; } diff --git a/src/assets/js/reference.js b/src/assets/js/reference.js index 785e171d4b..b7dfe488c8 100644 --- a/src/assets/js/reference.js +++ b/src/assets/js/reference.js @@ -448,10 +448,10 @@ define('text',['module'], function (module) { }); -define('text!tpl/search.html',[],function () { return '

    search

    \n
    \n \n \n
    \n\n';}); +define('text!tpl/search.html',[],function () { return '

    search

    \r\n
    \r\n \r\n \r\n
    \r\n\r\n';}); -define('text!tpl/search_suggestion.html',[],function () { return '

    \n\n <%=name%>\n\n \n <% if (final) { %>\n constant\n <% } else if (itemtype) { %>\n <%=itemtype%> \n <% } %>\n\n <% if (className) { %>\n in <%=className%>\n <% } %>\n\n <% if (typeof is_constructor !== \'undefined\' && is_constructor) { %>\n constructor\n <% } %>\n \n\n

    ';}); +define('text!tpl/search_suggestion.html',[],function () { return '

    \r\n\r\n <%=name%>\r\n\r\n \r\n <% if (final) { %>\r\n constant\r\n <% } else if (itemtype) { %>\r\n <%=itemtype%> \r\n <% } %>\r\n\r\n <% if (className) { %>\r\n in <%=className%>\r\n <% } %>\r\n\r\n <% if (typeof is_constructor !== \'undefined\' && is_constructor) { %>\r\n constructor\r\n <% } %>\r\n \r\n\r\n

    ';}); /*! * typeahead.js 0.10.2 @@ -2303,7 +2303,7 @@ define('searchView',[ }); -define('text!tpl/list.html',[],function () { return '<% _.each(groups, function(group){ %>\n
    \n

    <%=group.name%>

    \n
    \n <% _.each(group.subgroups, function(subgroup, ind) { %>\n
    \n <% if (subgroup.name !== \'0\') { %>\n

    <%=subgroup.name%>

    \n <% } %>\n \n
    \n <% }); %>\n
    \n
    \n<% }); %>\n';}); +define('text!tpl/list.html',[],function () { return '<% _.each(groups, function(group){ %>\r\n
    \r\n

    <%=group.name%>

    \r\n
    \r\n <% _.each(group.subgroups, function(subgroup, ind) { %>\r\n
    \r\n <% if (subgroup.name !== \'0\') { %>\r\n

    <%=subgroup.name%>

    \r\n <% } %>\r\n \r\n
    \r\n <% }); %>\r\n
    \r\n
    \r\n<% }); %>\r\n';}); define('listView',[ 'App', @@ -2445,13 +2445,13 @@ define('listView',[ }); -define('text!tpl/item.html',[],function () { return '

    <%=item.name%><% if (item.isMethod) { %>()<% } %>

    \n\n<% if (item.example) { %>\n
    \n

    Examples

    \n\n
    \n <% _.each(item.example, function(example, i){ %>\n <%= example %>\n <% }); %>\n
    \n
    \n<% } %>\n\n
    \n\n

    Description

    \n\n <% if (item.deprecated) { %>\n

    \n Deprecated: <%=item.name%><% if (item.isMethod) { %>()<% } %> is deprecated and will be removed in a future version of p5. <% if (item.deprecationMessage) { %><%=item.deprecationMessage%><% } %>\n

    \n <% } %>\n\n\n <%= item.description %>\n\n <% if (item.extends) { %>\n

    Extends <%=item.extends%>

    \n <% } %>\n\n <% if (item.module === \'p5.sound\') { %>\n

    This function requires you include the p5.sound library. Add the following into the head of your index.html file:\n 

    <script src="path/to/p5.sound.js"></script>
    \n

    \n <% } %>\n\n <% if (item.constRefs) { %>\n

    Used by:\n <%\n var refs = item.constRefs;\n for (var i = 0; i < refs.length; i ++) {\n var ref = refs[i];\n var name = ref;\n if (name.substr(0, 3) === \'p5.\') {\n name = name.substr(3);\n }\n if (i !== 0) {\n if (i == refs.length - 1) {\n %> and <%\n } else {\n %>, <%\n }\n }\n %><%= name %>()<%\n }\n %>\n

    \n <% } %>\n
    \n\n<% if (isConstructor || !isClass) { %>\n\n
    \n

    Syntax

    \n

    \n <% syntaxes.forEach(function(syntax) { %>\n 

    <%= syntax %>
    \n <% }) %>\n

    \n
    \n\n\n<% if (item.params) { %>\n
    \n

    Parameters

    \n
      \n <% for (var i=0; i\n <% var p = item.params[i] %>\n
    • \n
      <%=p.name%>
      \n <% if (p.type) { %>\n
      \n <% var type = p.type.replace(/(p5\\.[A-Z][A-Za-z]*)/, \'$1\'); %>\n <%=type%>: <%=p.description%>\n <% if (p.optional) { %> (Optional)<% } %>\n
      \n <% } %>\n
      • \n <% } %>\n
    \n
    \n<% } %>\n\n<% if (item.return && item.return.type) { %>\n
    \n

    Returns

    \n

    <%=item.return.type%>: <%= item.return.description %>

    \n
    \n<% } %>\n\n<% } %>\n';}); +define('text!tpl/item.html',[],function () { return '

    <%=item.name%><% if (item.isMethod) { %>()<% } %>

    \r\n\r\n<% if (item.example) { %>\r\n
    \r\n

    Examples

    \r\n\r\n
    \r\n <% _.each(item.example, function(example, i){ %>\r\n <%= example %>\r\n <% }); %>\r\n
    \r\n
    \r\n<% } %>\r\n\r\n
    \r\n\r\n

    Description

    \r\n\r\n <% if (item.deprecated) { %>\r\n

    \r\n Deprecated: <%=item.name%><% if (item.isMethod) { %>()<% } %> is deprecated and will be removed in a future version of p5. <% if (item.deprecationMessage) { %><%=item.deprecationMessage%><% } %>\r\n

    \r\n <% } %>\r\n\r\n\r\n <%= item.description %>\r\n\r\n <% if (item.extends) { %>\r\n

    Extends <%=item.extends%>

    \r\n <% } %>\r\n\r\n <% if (item.module === \'p5.sound\') { %>\r\n

    This function requires you include the p5.sound library. Add the following into the head of your index.html file:\r\n 

    <script src="path/to/p5.sound.js"></script>
    \r\n

    \r\n <% } %>\r\n\r\n <% if (item.constRefs) { %>\r\n

    Used by:\r\n <%\r\n var refs = item.constRefs;\r\n for (var i = 0; i < refs.length; i ++) {\r\n var ref = refs[i];\r\n var name = ref;\r\n if (name.substr(0, 3) === \'p5.\') {\r\n name = name.substr(3);\r\n }\r\n if (i !== 0) {\r\n if (i == refs.length - 1) {\r\n %> and <%\r\n } else {\r\n %>, <%\r\n }\r\n }\r\n %><%= name %>()<%\r\n }\r\n %>\r\n

    \r\n <% } %>\r\n
    \r\n\r\n<% if (isConstructor || !isClass) { %>\r\n\r\n
    \r\n

    Syntax

    \r\n

    \r\n <% syntaxes.forEach(function(syntax) { %>\r\n 

    <%= syntax %>
    \r\n <% }) %>\r\n

    \r\n
    \r\n\r\n\r\n<% if (item.params) { %>\r\n
    \r\n

    Parameters

    \r\n
      \r\n <% for (var i=0; i\r\n <% var p = item.params[i] %>\r\n
    • \r\n
      <%=p.name%>
      \r\n <% if (p.type) { %>\r\n
      \r\n <% var type = p.type.replace(/(p5\\.[A-Z][A-Za-z]*)/, \'$1\'); %>\r\n <%=type%>: <%=p.description%>\r\n <% if (p.optional) { %> (Optional)<% } %>\r\n
      \r\n <% } %>\r\n
      • \r\n <% } %>\r\n
    \r\n
    \r\n<% } %>\r\n\r\n<% if (item.return && item.return.type) { %>\r\n
    \r\n

    Returns

    \r\n

    <%=item.return.type%>: <%= item.return.description %>

    \r\n
    \r\n<% } %>\r\n\r\n<% } %>\r\n';}); -define('text!tpl/class.html',[],function () { return '\n<% if (typeof constructor !== \'undefined\') { %>\n
    \n <%=constructor%>\n
    \n<% } %>\n\n<% let fields = _.filter(things, function(item) { return item.itemtype === \'property\' && item.access !== \'private\' }); %>\n<% if (fields.length > 0) { %>\n

    Fields

    \n \n<% } %>\n\n<% let methods = _.filter(things, function(item) { return item.itemtype === \'method\' && item.access !== \'private\' }); %>\n<% if (methods.length > 0) { %>\n

    Methods

    \n \n<% } %>\n';}); +define('text!tpl/class.html',[],function () { return '\r\n<% if (typeof constructor !== \'undefined\') { %>\r\n
    \r\n <%=constructor%>\r\n
    \r\n<% } %>\r\n\r\n<% let fields = _.filter(things, function(item) { return item.itemtype === \'property\' && item.access !== \'private\' }); %>\r\n<% if (fields.length > 0) { %>\r\n

    Fields

    \r\n \r\n<% } %>\r\n\r\n<% let methods = _.filter(things, function(item) { return item.itemtype === \'method\' && item.access !== \'private\' }); %>\r\n<% if (methods.length > 0) { %>\r\n

    Methods

    \r\n \r\n<% } %>\r\n';}); -define('text!tpl/itemEnd.html',[],function () { return '\n

    \n\n
    \n<% if (item.file && item.line) { %>\nNotice any errors or typos? Please let us know. Please feel free to edit <%= item.file %> and issue a pull request!\n<% } %>\n
    \n\ncreative commons logo\n

    \n';}); +define('text!tpl/itemEnd.html',[],function () { return '\r\n

    \r\n\r\n
    \r\n<% if (item.file && item.line) { %>\r\nNotice any errors or typos? Please let us know. Please feel free to edit <%= item.file %> and issue a pull request!\r\n<% } %>\r\n
    \r\n\r\ncreative commons logo\r\n

    \r\n';}); // Copyright (C) 2006 Google Inc. // @@ -4335,7 +4335,7 @@ define('itemView',[ }); -define('text!tpl/menu.html',[],function () { return '
    \n
    \n Can\'t find what you\'re looking for? You may want to check out\n p5.sound.
    You can also download an offline version of the reference.\n
    \n\n
    \n

    Categories

    \n<% var i=0; %>\n<% var max=Math.floor(groups.length/4); %>\n<% var rem=groups.length%4; %>\n\n<% _.each(groups, function(group){ %>\n <% var m = rem > 0 ? 1 : 0 %>\n <% if (i === 0) { %>\n
      \n <% } %>\n
    • <%=group%>
      • \n <% if (i === (max+m-1)) { %>\n
    \n \t<% rem-- %>\n \t<% i=0 %>\n <% } else { %>\n \t<% i++ %>\n <% } %>\n<% }); %>\n
    \n';}); +define('text!tpl/menu.html',[],function () { return '
    \r\n
    \r\n Can\'t find what you\'re looking for? You may want to check out\r\n p5.sound.
    You can also download an offline version of the reference.\r\n
    \r\n\r\n
    \r\n

    Categories

    \r\n<% var i=0; %>\r\n<% var max=Math.floor(groups.length/4); %>\r\n<% var rem=groups.length%4; %>\r\n\r\n<% _.each(groups, function(group){ %>\r\n <% var m = rem > 0 ? 1 : 0 %>\r\n <% if (i === 0) { %>\r\n
      \r\n <% } %>\r\n
    • <%=group%>
      • \r\n <% if (i === (max+m-1)) { %>\r\n
    \r\n \t<% rem-- %>\r\n \t<% i=0 %>\r\n <% } else { %>\r\n \t<% i++ %>\r\n <% } %>\r\n<% }); %>\r\n
    \r\n';}); define('menuView',[ 'App', @@ -4404,7 +4404,7 @@ define('menuView',[ }); -define('text!tpl/library.html',[],function () { return '

    <%= module.name %> library

    \n\n

    <%= module.description %>

    \n\n
    \n\n<% var t = 0; col = 0; %>\n\n<% _.each(groups, function(group){ %>\n <% if (t == 0) { %> \n
    \n <% } %>\n <% if (group.name !== module.name && group.name !== \'p5\') { %>\n <% if (group.hash) { %> class="core"<% } %>><% } %> \n

    <%=group.name%>

    \n <% if (group.hash) { %>
    <% } %>\n <% } %>\n <% _.each(group.items.filter(function(item) {return item.access !== \'private\'}), function(item) { %>\n class="core"<% } %>><%=item.name%><% if (item.itemtype === \'method\') { %>()<%}%>
    \n <% t++; %>\n <% }); %>\n <% if (t >= Math.floor(totalItems/4)) { col++; t = 0; %>\n
    \n <% } %>\n<% }); %>\n
    \n';}); +define('text!tpl/library.html',[],function () { return '

    <%= module.name %> library

    \r\n\r\n

    <%= module.description %>

    \r\n\r\n
    \r\n\r\n<% var t = 0; col = 0; %>\r\n\r\n<% _.each(groups, function(group){ %>\r\n <% if (t == 0) { %> \r\n
    \r\n <% } %>\r\n <% if (group.name !== module.name && group.name !== \'p5\') { %>\r\n <% if (group.hash) { %> class="core"<% } %>><% } %> \r\n

    <%=group.name%>

    \r\n <% if (group.hash) { %>
    <% } %>\r\n <% } %>\r\n <% _.each(group.items.filter(function(item) {return item.access !== \'private\'}), function(item) { %>\r\n class="core"<% } %>><%=item.name%><% if (item.itemtype === \'method\') { %>()<%}%>
    \r\n <% t++; %>\r\n <% }); %>\r\n <% if (t >= Math.floor(totalItems/4)) { col++; t = 0; %>\r\n
    \r\n <% } %>\r\n<% }); %>\r\n
    \r\n';}); define( 'libraryView',[ From ef2b884cf66456d1dc788aece46ed75352bfb72e Mon Sep 17 00:00:00 2001 From: Devesh Date: Mon, 4 Oct 2021 10:32:53 +0530 Subject: [PATCH 116/308] remove teh prettier formatting changes for indendation remove the prettier formatting for the reference.js file --- src/assets/css/main.css | 279 +++++++++++++++++++++---------------- src/assets/js/reference.js | 16 +-- 2 files changed, 169 insertions(+), 126 deletions(-) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index d11875f0dd..bed4d854fc 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -163,7 +163,7 @@ textarea { #menu.top_menu, #menu { list-style: none; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; width: 100%; margin: 0 0 1em 0; padding: 0; @@ -225,7 +225,7 @@ textarea { .sidebar-menu-icon .sidebar-nav-icon:before, .sidebar-menu-icon .sidebar-nav-icon:after { background: #ed225d; - content: ""; + content: ''; display: block; height: 100%; position: absolute; @@ -323,7 +323,7 @@ textarea { padding: 0.4em 0.6em; margin: 0.5em 0; color: #333; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; display: inline-block; } @@ -362,7 +362,7 @@ textarea { border-bottom: 0.09em dashed; border-bottom-color: #ed225d; line-height: 1.2; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; display: block; } @@ -446,7 +446,7 @@ textarea { order: 3; margin-bottom: 4.8125em; } -#get-started-page .edit_space .copy_button { +#get-started-page .edit_space .copy_button{ color: #2d7bb6; border-color: rgba(45, 123, 182, 0.25); float: right; @@ -457,15 +457,14 @@ textarea { left: 31.33em; top: -1.5em; } - /* To make get-started-page responsive */ @media (max-width: 780px) { - #get-started-page .edit_space .copy_button { + #get-started-page .edit_space .copy_button{ left: 6.44em; } } @media (max-width: 600px) { - #get-started-page .edit_space .copy_button { + #get-started-page .edit_space .copy_button{ left: 5.91em; } } @@ -495,7 +494,7 @@ textarea { .reference-group h3 { font-size: 1em; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; margin-top: 0.5em; } @@ -539,7 +538,7 @@ div.reference-subgroup { margin: 0.777em 0 0 0; font-size: 1.444em; font-weight: inherit; - font-family: "Inconsolata", consolas, monospace; + font-family: 'Inconsolata', consolas, monospace; color: #00a1d3; } @@ -641,7 +640,7 @@ div.reference-subgroup { } .example-content .edit_space ul li button { - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; font-size: 1em; color: #ccc; border: 1px solid rgba(200, 200, 200, 0.15); @@ -670,7 +669,7 @@ div.reference-subgroup { .display_button { margin-bottom: 2em; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; font-size: 1em; color: #2d7bb6; border: 1px solid rgba(45, 123, 182, 0.25); @@ -744,10 +743,10 @@ form { background: url(../img/search.png) 100% no-repeat; } -#search input[type="text"], -#search input[type="search"] { +#search input[type='text'], +#search input[type='search'] { border: 1px solid rgba(200, 200, 200, 0.5); - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; font-size: 2.25em; width: 9.75em; } @@ -763,7 +762,7 @@ form { color: #ccc; } -#search input[type="text"]:focus { +#search input[type='text']:focus { color: #2d7bb6; outline-color: #2d7bb6; outline-width: 1px; @@ -924,9 +923,9 @@ h3 { list-style: disc; } -#libraries-page .label h3 { +#libraries-page .label h3{ background-color: black; - padding: 0px 5px; + padding:0px 5px; } #learn-page .label .nounderline img { @@ -1005,7 +1004,7 @@ h3 { overflow: hidden; margin-top: 0.5em; color: #222; - font-family: "Inconsolata", consolas, monospace; + font-family: 'Inconsolata', consolas, monospace; font-size: 1em; background-color: #fff; line-height: 1em; @@ -1120,20 +1119,20 @@ variable */ } #showcase-page .showcase-intro h1 { - font: italic 900 14.5vw "Montserrat", sans-serif; + font: italic 900 14.5vw 'Montserrat', sans-serif; color: #ed225d; text-align: left; text-transform: uppercase; } #showcase-page .showcase-intro p { - font: 400 1.4rem "Montserrat", sans-serif; + font: 400 1.4rem 'Montserrat', sans-serif; line-height: 1.5em; } #showcase-page .showcase-featured h2, #showcase-page .project-page h2 { - font: italic 900 2rem "Montserrat", sans-serif; + font: italic 900 2rem 'Montserrat', sans-serif; color: #ed225d; letter-spacing: 0.05rem; } @@ -1154,11 +1153,11 @@ variable */ } #showcase-page .showcase-featured h3.title { - font: italic 900 1rem "Montserrat", sans-serif; + font: italic 900 1rem 'Montserrat', sans-serif; } #showcase-page .showcase-featured p.credit { - font: 500 1rem "Montserrat", sans-serif; + font: 500 1rem 'Montserrat', sans-serif; } #showcase-page .showcase-featured p.description { @@ -1180,7 +1179,7 @@ variable */ border: solid #ed225d 2px; box-shadow: 4px 4px 0 #ed225d; - font: 1.5rem "Montserrat", sans-serif; + font: 1.5rem 'Montserrat', sans-serif; color: #ed225d; letter-spacing: 0.02rem; transition: all 0.3s; @@ -1190,7 +1189,7 @@ variable */ #showcase-page .nominate a, #showcase-page .nominate a:visited { padding: 0.4em 0.3em; - font: 1.3rem "Montserrat", sans-serif; + font: 1.3rem 'Montserrat', sans-serif; } } @@ -1209,13 +1208,13 @@ variable */ } #showcase-page .showcase-featured a::after { - content: " →"; + content: ' →'; } #showcase-page .showcase-featured a.tag::after { - content: ""; + content: ''; } #showcase-page .showcase-featured .no-arrow-link::after { - content: " "; + content: ' '; } #showcase-page .showcase-featured .no-arrow-link:hover { @@ -1253,7 +1252,7 @@ h2.featuring { padding: 6px 14px; background-color: #ffe8e8; border-radius: 27px; - font: 0.7rem "Montserrat", sans-serif; + font: 0.7rem 'Montserrat', sans-serif; color: #333; } #showcase-page ul.project-tags li { @@ -1279,7 +1278,7 @@ h2.featuring { } */ -#showcase-page { +#showcase-page{ margin-top: 3em; } @@ -1294,7 +1293,7 @@ h2.featuring { */ #showcase-page .showcase-intro h1 { - font: italic 900 6.35vw "Montserrat", sans-serif; + font: italic 900 6.35vw 'Montserrat', sans-serif; } #showcase-page .showcase-intro p { @@ -1328,18 +1327,18 @@ h2.featuring { #showcase-page .project-metadata section h3 { color: #ed225d; - font: bold italic 1rem "Montserrat", sans-serif; + font: bold italic 1rem 'Montserrat', sans-serif; } #showcase-page .project-resources ul.links { - font: 500 0.7rem "Montserrat", sans-serif; + font: 500 0.7rem 'Montserrat', sans-serif; letter-spacing: 0.01rem; line-height: 1.5; margin: 0.5rem 0; } #showcase-page .project-credit { - font: italic bold 1.25rem "Montserrat", sans-serif; + font: italic bold 1.25rem 'Montserrat', sans-serif; } #showcase-page .project-credit p { @@ -1354,7 +1353,7 @@ h2.featuring { font-size: 0.7rem; } -#showcase-page .qa-group { +#showcase-page .qa-group{ margin-bottom: 2em; } @@ -1366,7 +1365,7 @@ h2.featuring { font-size: 1.2rem; font-weight: 900; */ - font: 900 1.2rem "Montserrat", sans-serif; + font: 900 1.2rem 'Montserrat', sans-serif; line-height: 1.5; } @@ -1374,6 +1373,7 @@ h2.featuring { font-size: 1.1rem; } + /* ========================================================================== Teach Page ========================================================================== */ @@ -1386,11 +1386,11 @@ h2.featuring { font: 400 1.4rem "Montserrat", sans-serif; color: black; line-height: 1.2em; - padding-bottom: 0.4em; + padding-bottom: .4em; border-bottom: 4px dotted #ed225d; } -#teach-page h3.title { +#teach-page h3.title{ margin-top: 3em; } @@ -1408,42 +1408,52 @@ h2.featuring { white-space: nowrap; color: #ed225d; /*transition: .2s; */ - margin-bottom: 0.6em; + margin-bottom: .6em; margin-top: 1.2em; border: 1px solid #ed225d; + + } #teach-page .search-filter label { cursor: pointer; } + #teach-page .search-filter label:hover { color: white; background-color: #ed225d; } + #teach-page .search-filter input[type="checkbox"] { display: absolute; } + #teach-page .search-filter input[type="checkbox"] { position: absolute; opacity: 0; } + #teach-page ul.filters p.filter-title { font: 400 0.83rem "Montserrat", sans-serif; color: #ed225d; height: 50px; - padding-top: 20px; + padding-top:20px; background: none; background-color: none; box-shadow: none; display: inline-block; border: none; clear: both; + } + + + #teach-page ul.filters li { display: inline; list-style: none; @@ -1451,40 +1461,42 @@ h2.featuring { } #teach-page ul.filters li label { - display: inline-block; - border-radius: 25px; - font: 200 0.7rem "Montserrat", sans-serif; - /*font-style: normal; + display: inline-block; + border-radius: 25px; + font: 200 0.7rem "Montserrat", sans-serif; + /*font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;*/ - color: black; - white-space: nowrap; - margin: 3px 0px; - transition: 0.2s; - background: #fafafa; + color: black; + white-space: nowrap; + margin: 3px 0px; + transition: .2s; + background: #fafafa; } #teach-page ul.filters li label { - padding: 6px 12px; - cursor: pointer; + padding: 6px 12px; + cursor: pointer; } #teach-page ul.filters li label::before { - display: inline-block; - padding: 2px 2px 2px 2px; /*padding among labels*/ + display: inline-block; + padding: 2px 2px 2px 2px; /*padding among labels*/ } #teach-page ul.filters li label:hover { - color: #ed225d; - background: #ffe8e8; - /*transform: translateY(2px);*/ -} + color: #ed225d; + background: #ffe8e8; + /*transform: translateY(2px);*/ + + } #teach-page ul.filters li input[type="checkbox"]:checked + label { - color: white; - background: #ed225d; + color: white; + background: #ed225d; + } #teach-page ul.filters li input[type="checkbox"] { @@ -1493,11 +1505,14 @@ h2.featuring { opacity: 0; } -#teach-page ul.filters li.clear { + +#teach-page ul.filters li.clear{ display: block; clear: both; + } + /*Filter Panel*/ #teach-page .filter-panel { @@ -1507,49 +1522,58 @@ h2.featuring { overflow: hidden; transition: max-height 0.2s ease-out; margin-bottom: 0.8em; - padding-bottom: 0.4em; + padding-bottom: .4em; + } + + #teach-page .filter-panel p { margin: 0; color: #333; - font-size: 0.83em; + font-size: .83em; height: 50px; - padding-top: 20px; + padding-top:20px; transition: all 0.5s ease-in-out; } -/*p5 workshop and class title*/ + + /*p5 workshop and class title*/ #teach-page .teach-intro p { font: 400 1.2rem "Times", sans-serif; line-height: 1.5em; } + /*modal box*/ -#teach-page .modal-title { +#teach-page .modal-title{ + margin-left: 1em; margin-right: 1em; font: 400 1rem "Montserrat", sans-serif; color: #ed225d; line-height: 1.2em; + } -#teach-page ul.cases li.clear { +#teach-page ul.cases li.clear{ display: block; clear: both; margin-top: 1em; margin-bottom: 1.2em; } -#teach-page img { + +#teach-page img{ margin-bottom: 1.4em; } -#teach-page img[alt] { +#teach-page img[alt]{ font: 0.6rem "Montserrat", sans-serif; color: #bababa; + } #teach-page .close { @@ -1558,19 +1582,18 @@ h2.featuring { float: right; font-size: 40px; font-weight: bold; - margin-right: 0.4em; - margin-top: 0.4em; - cursor: pointer; + margin-right: .4em; + margin-top: .4em; + cursor:pointer; } -#teach-page .close:hover, -.close:focus { +#teach-page .close:hover, .close:focus { color: #ed225d; text-decoration: none; cursor: pointer; } -#teach-page .case label { +#teach-page .case label{ margin-left: 1em; margin-right: 1em; margin: 2px 2px; @@ -1587,6 +1610,7 @@ h2.featuring { /*modal scrollbar*/ #teach-page .modal-body::-webkit-scrollbar { + width: 5px; height: 5px; border-radius: 10px; @@ -1602,9 +1626,9 @@ h2.featuring { /*modal contents*/ -#teach-page .case { +#teach-page .case{ margin-left: 2em; - margin-right: 2em; + margin-right:2em; } #teach-page .case span { @@ -1612,27 +1636,31 @@ h2.featuring { font: 900 1.4rem "Montserrat", sans-serif; } -#teach-page .case p.lead-name { + +#teach-page .case p.lead-name{ font: 900 Italic 1.2rem "Montserrat", sans-serif; color: #ed225d; line-height: 1.4em; border-bottom: 1.4em; } -#teach-page .case .speech { +#teach-page .case .speech{ + position: relative; - font: 200 Italic 0.8rem "Montserrat", sans-serif; + font: 200 Italic .8rem "Montserrat", sans-serif; color: black; /*#aaaaaa; */ background: #ffe8e8; padding: 0.5em 1.2em; - border-radius: 0.4em; + border-radius: .4em; border-bottom: none; margin-bottom: 2em; margin-top: 1em; + + } #teach-page .case .speech::after { - content: ""; + content: ''; position: absolute; top: 0; left: 8%; @@ -1645,26 +1673,31 @@ h2.featuring { margin-top: -10px; } -#teach-page .case p.subtitle { +#teach-page .case p.subtitle{ + font: 400 1rem "Montserrat", sans-serif; color: #ed225d; line-height: 1.4em; border-bottom: 0.1em dashed rgba(237, 34, 93, 0.15); } -#teach-page .case p { +#teach-page .case p{ font: 400 1rem "Times", sans-serif; color: black; line-height: 1.4em; border-bottom: 0.1em dashed rgba(237, 34, 93, 0.15); + } -#teach-page .modal-header { +#teach-page .modal-header{ + margin-bottom: 0.8em; } -#teach-page .modal-footer { + +#teach-page .modal-footer{ + margin-bottom: 0.8em; } @@ -1673,25 +1706,27 @@ h2.featuring { }*/ -#teach-page .modal-body:-webkit-scrollbar { +#teach-page .modal-body:-webkit-scrollbar{ display: none; } + #teach-page .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 100; width: 100%; height: 100%; - top: 0; - left: 0; - right: 0; + top:0; + left:0; + right:0; overflow: auto; box-sizing: border-box; background-color: rgba(255, 232, 232, 0.5); /* Fallback color */ + } -#teach-page .modal-content { +#teach-page .modal-content{ position: fixed; background: white; top: 2%; @@ -1706,14 +1741,16 @@ h2.featuring { box-shadow: 10px 20px 10px -17px rgba(237, 34, 93, 0.5); } -#teach-page .modal-body { +#teach-page .modal-body{ + margin: auto; height: 85%; width: 95%; overflow-y: auto; + } -#teach-page .results-wrapper { +#teach-page .results-wrapper{ width: 100%; outline: none; background: white; @@ -1726,21 +1763,27 @@ h2.featuring { /*box-shadow: 10px 100px 30px -17px rgba(237, 34, 93, 0.5); box-shadow: 10px 100px 20px -17px rgba(255, 232, 232, 0.5); box-shadow: 10px 20px 10px -17px rgba(237, 34, 93, 0.5);*/ + + } #teach-page .results-wrapper ul li.case-list a.myBtn { + overflow: hidden; text-overflow: ellipsis; + } -#teach-page .case-list { +#teach-page .case-list{ + margin-bottom: 0.8em; - padding-bottom: 0.4em; + padding-bottom: .4em; - font: 400 1rem "Times", sans-serif; + font: 400 1.0rem "Times", sans-serif; line-height: 1.2em; border-bottom: 0.1em dashed #ffe8e8; + } /* ========================================================================== @@ -1764,7 +1807,7 @@ html { body { margin: 0; background-color: #fff; - font-family: "Times"; + font-family: 'Times'; font-weight: 400; line-height: 1.45; color: #333; @@ -1847,7 +1890,7 @@ h5 { margin: 1.414em 0 0.5em 0; font-weight: inherit; line-height: 1.2; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; } h1 { @@ -1863,12 +1906,12 @@ h2 { } .code { - font-family: "Inconsolata", consolas, monospace; + font-family: 'Inconsolata', consolas, monospace; } #backlink { margin: 1.2em 0.444em 0 0; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; float: right; } @@ -1901,7 +1944,7 @@ h2 { rgba(116, 255, 183, 1) 0%, rgba(138, 255, 242, 1) 100% ); - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; color: #ed225d !important; } @@ -2083,7 +2126,7 @@ p + img { #lockup p { color: #ed225d; font-size: 0.7em; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; margin: 0.5em 0 0 8.5em; } @@ -2101,7 +2144,7 @@ p + img { .caption p { text-align: right; font-size: 0.7em; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; padding-top: 0.25em; } @@ -2143,7 +2186,7 @@ footer { } .ir:before { - content: ""; + content: ''; display: block; width: 0; height: 150%; @@ -2210,7 +2253,7 @@ footer { .clearfix:before, .clearfix:after { - content: " "; + content: ' '; /* 1 */ display: table; /* 2 */ @@ -2294,15 +2337,15 @@ footer { } #i18n-btn { position: absolute; - top: 4em; /* temp promo, 2.5em */ + top: 4.0em; /* temp promo, 2.5em */ right: 1em; } #i18n-btn a { - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; } #menu { list-style: none; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; margin: 0 0.75em 0 -1.85em; /* margin-right: 0.75em; */ width: 7.3em; @@ -2375,7 +2418,7 @@ footer { } #collection-list-categories { - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; display: flex; flex-direction: row; margin: 1em 0 1.5em 0; @@ -2429,12 +2472,12 @@ footer { margin-bottom: 1em; } - #search input[type="text"] { + #search input[type='text'] { width: 100%; } - #search input[type="text"], - #search input[type="search"] { + #search input[type='text'], + #search input[type='search'] { font-size: 1.5em; } @@ -2444,7 +2487,7 @@ footer { left: 1em; } .column-span { - margin: 0; + margin:0; padding: 0 1em; float: left; } @@ -2458,11 +2501,11 @@ footer { } #menu li:nth-last-child(1) a::after { - content: ""; + content: ''; } #menu li a::after { - content: ","; + content: ','; } #contribute-item:first-child { @@ -2485,7 +2528,7 @@ footer { display: none !important; pointer-events: none; } - pre[class*="language-"] { + pre[class*='language-'] { padding: 0.5em 0.5em; width: 100%; } @@ -2637,7 +2680,7 @@ iframe { overflow: hidden; text-indent: -100%; background: transparent - url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cGF0aCBkPSJNMTYuOSAxMC4zbDguNS0yLjYgMS43IDUuMiAtOC41IDIuOSA1LjMgNy41IC00LjQgMy4yIC01LjYtNy4zTDguNSAyNi4zbC00LjMtMy4zIDUuMy03LjJMMC45IDEyLjZsMS43LTUuMiA4LjYgMi44VjEuNGg1LjhWMTAuM3oiIHN0eWxlPSJmaWxsOiNFRDIyNUQ7c3Ryb2tlOiNFRDIyNUQiLz48L3N2Zz4="); + url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cGF0aCBkPSJNMTYuOSAxMC4zbDguNS0yLjYgMS43IDUuMiAtOC41IDIuOSA1LjMgNy41IC00LjQgMy4yIC01LjYtNy4zTDguNSAyNi4zbC00LjMtMy4zIDUuMy03LjJMMC45IDEyLjZsMS43LTUuMiA4LjYgMi44VjEuNGg1LjhWMTAuM3oiIHN0eWxlPSJmaWxsOiNFRDIyNUQ7c3Ryb2tlOiNFRDIyNUQiLz48L3N2Zz4='); background-size: 0.33em; } @@ -2724,7 +2767,7 @@ iframe { color: #ed225d; padding: 0.4em 0.6em; margin: 1em 0 0 0; - font-family: "Montserrat", sans-serif; + font-family: 'Montserrat', sans-serif; display: block; } diff --git a/src/assets/js/reference.js b/src/assets/js/reference.js index b7dfe488c8..785e171d4b 100644 --- a/src/assets/js/reference.js +++ b/src/assets/js/reference.js @@ -448,10 +448,10 @@ define('text',['module'], function (module) { }); -define('text!tpl/search.html',[],function () { return '

    search

    \r\n
    \r\n \r\n \r\n
    \r\n\r\n';}); +define('text!tpl/search.html',[],function () { return '

    search

    \n
    \n \n \n
    \n\n';}); -define('text!tpl/search_suggestion.html',[],function () { return '

    \r\n\r\n <%=name%>\r\n\r\n \r\n <% if (final) { %>\r\n constant\r\n <% } else if (itemtype) { %>\r\n <%=itemtype%> \r\n <% } %>\r\n\r\n <% if (className) { %>\r\n in <%=className%>\r\n <% } %>\r\n\r\n <% if (typeof is_constructor !== \'undefined\' && is_constructor) { %>\r\n constructor\r\n <% } %>\r\n \r\n\r\n

    ';}); +define('text!tpl/search_suggestion.html',[],function () { return '

    \n\n <%=name%>\n\n \n <% if (final) { %>\n constant\n <% } else if (itemtype) { %>\n <%=itemtype%> \n <% } %>\n\n <% if (className) { %>\n in <%=className%>\n <% } %>\n\n <% if (typeof is_constructor !== \'undefined\' && is_constructor) { %>\n constructor\n <% } %>\n \n\n

    ';}); /*! * typeahead.js 0.10.2 @@ -2303,7 +2303,7 @@ define('searchView',[ }); -define('text!tpl/list.html',[],function () { return '<% _.each(groups, function(group){ %>\r\n
    \r\n

    <%=group.name%>

    \r\n
    \r\n <% _.each(group.subgroups, function(subgroup, ind) { %>\r\n
    \r\n <% if (subgroup.name !== \'0\') { %>\r\n

    <%=subgroup.name%>

    \r\n <% } %>\r\n \r\n
    \r\n <% }); %>\r\n
    \r\n
    \r\n<% }); %>\r\n';}); +define('text!tpl/list.html',[],function () { return '<% _.each(groups, function(group){ %>\n
    \n

    <%=group.name%>

    \n
    \n <% _.each(group.subgroups, function(subgroup, ind) { %>\n
    \n <% if (subgroup.name !== \'0\') { %>\n

    <%=subgroup.name%>

    \n <% } %>\n \n
    \n <% }); %>\n
    \n
    \n<% }); %>\n';}); define('listView',[ 'App', @@ -2445,13 +2445,13 @@ define('listView',[ }); -define('text!tpl/item.html',[],function () { return '

    <%=item.name%><% if (item.isMethod) { %>()<% } %>

    \r\n\r\n<% if (item.example) { %>\r\n
    \r\n

    Examples

    \r\n\r\n
    \r\n <% _.each(item.example, function(example, i){ %>\r\n <%= example %>\r\n <% }); %>\r\n
    \r\n
    \r\n<% } %>\r\n\r\n
    \r\n\r\n

    Description

    \r\n\r\n <% if (item.deprecated) { %>\r\n

    \r\n Deprecated: <%=item.name%><% if (item.isMethod) { %>()<% } %> is deprecated and will be removed in a future version of p5. <% if (item.deprecationMessage) { %><%=item.deprecationMessage%><% } %>\r\n

    \r\n <% } %>\r\n\r\n\r\n <%= item.description %>\r\n\r\n <% if (item.extends) { %>\r\n

    Extends <%=item.extends%>

    \r\n <% } %>\r\n\r\n <% if (item.module === \'p5.sound\') { %>\r\n

    This function requires you include the p5.sound library. Add the following into the head of your index.html file:\r\n 

    <script src="path/to/p5.sound.js"></script>
    \r\n

    \r\n <% } %>\r\n\r\n <% if (item.constRefs) { %>\r\n

    Used by:\r\n <%\r\n var refs = item.constRefs;\r\n for (var i = 0; i < refs.length; i ++) {\r\n var ref = refs[i];\r\n var name = ref;\r\n if (name.substr(0, 3) === \'p5.\') {\r\n name = name.substr(3);\r\n }\r\n if (i !== 0) {\r\n if (i == refs.length - 1) {\r\n %> and <%\r\n } else {\r\n %>, <%\r\n }\r\n }\r\n %><%= name %>()<%\r\n }\r\n %>\r\n

    \r\n <% } %>\r\n
    \r\n\r\n<% if (isConstructor || !isClass) { %>\r\n\r\n
    \r\n

    Syntax

    \r\n

    \r\n <% syntaxes.forEach(function(syntax) { %>\r\n 

    <%= syntax %>
    \r\n <% }) %>\r\n

    \r\n
    \r\n\r\n\r\n<% if (item.params) { %>\r\n
    \r\n

    Parameters

    \r\n
      \r\n <% for (var i=0; i\r\n <% var p = item.params[i] %>\r\n
    • \r\n
      <%=p.name%>
      \r\n <% if (p.type) { %>\r\n
      \r\n <% var type = p.type.replace(/(p5\\.[A-Z][A-Za-z]*)/, \'$1\'); %>\r\n <%=type%>: <%=p.description%>\r\n <% if (p.optional) { %> (Optional)<% } %>\r\n
      \r\n <% } %>\r\n
      • \r\n <% } %>\r\n
    \r\n
    \r\n<% } %>\r\n\r\n<% if (item.return && item.return.type) { %>\r\n
    \r\n

    Returns

    \r\n

    <%=item.return.type%>: <%= item.return.description %>

    \r\n
    \r\n<% } %>\r\n\r\n<% } %>\r\n';}); +define('text!tpl/item.html',[],function () { return '

    <%=item.name%><% if (item.isMethod) { %>()<% } %>

    \n\n<% if (item.example) { %>\n
    \n

    Examples

    \n\n
    \n <% _.each(item.example, function(example, i){ %>\n <%= example %>\n <% }); %>\n
    \n
    \n<% } %>\n\n
    \n\n

    Description

    \n\n <% if (item.deprecated) { %>\n

    \n Deprecated: <%=item.name%><% if (item.isMethod) { %>()<% } %> is deprecated and will be removed in a future version of p5. <% if (item.deprecationMessage) { %><%=item.deprecationMessage%><% } %>\n

    \n <% } %>\n\n\n <%= item.description %>\n\n <% if (item.extends) { %>\n

    Extends <%=item.extends%>

    \n <% } %>\n\n <% if (item.module === \'p5.sound\') { %>\n

    This function requires you include the p5.sound library. Add the following into the head of your index.html file:\n 

    <script src="path/to/p5.sound.js"></script>
    \n

    \n <% } %>\n\n <% if (item.constRefs) { %>\n

    Used by:\n <%\n var refs = item.constRefs;\n for (var i = 0; i < refs.length; i ++) {\n var ref = refs[i];\n var name = ref;\n if (name.substr(0, 3) === \'p5.\') {\n name = name.substr(3);\n }\n if (i !== 0) {\n if (i == refs.length - 1) {\n %> and <%\n } else {\n %>, <%\n }\n }\n %><%= name %>()<%\n }\n %>\n

    \n <% } %>\n
    \n\n<% if (isConstructor || !isClass) { %>\n\n
    \n

    Syntax

    \n

    \n <% syntaxes.forEach(function(syntax) { %>\n 

    <%= syntax %>
    \n <% }) %>\n

    \n
    \n\n\n<% if (item.params) { %>\n
    \n

    Parameters

    \n
      \n <% for (var i=0; i\n <% var p = item.params[i] %>\n
    • \n
      <%=p.name%>
      \n <% if (p.type) { %>\n
      \n <% var type = p.type.replace(/(p5\\.[A-Z][A-Za-z]*)/, \'$1\'); %>\n <%=type%>: <%=p.description%>\n <% if (p.optional) { %> (Optional)<% } %>\n
      \n <% } %>\n
      • \n <% } %>\n
    \n
    \n<% } %>\n\n<% if (item.return && item.return.type) { %>\n
    \n

    Returns

    \n

    <%=item.return.type%>: <%= item.return.description %>

    \n
    \n<% } %>\n\n<% } %>\n';}); -define('text!tpl/class.html',[],function () { return '\r\n<% if (typeof constructor !== \'undefined\') { %>\r\n
    \r\n <%=constructor%>\r\n
    \r\n<% } %>\r\n\r\n<% let fields = _.filter(things, function(item) { return item.itemtype === \'property\' && item.access !== \'private\' }); %>\r\n<% if (fields.length > 0) { %>\r\n

    Fields

    \r\n \r\n<% } %>\r\n\r\n<% let methods = _.filter(things, function(item) { return item.itemtype === \'method\' && item.access !== \'private\' }); %>\r\n<% if (methods.length > 0) { %>\r\n

    Methods

    \r\n \r\n<% } %>\r\n';}); +define('text!tpl/class.html',[],function () { return '\n<% if (typeof constructor !== \'undefined\') { %>\n
    \n <%=constructor%>\n
    \n<% } %>\n\n<% let fields = _.filter(things, function(item) { return item.itemtype === \'property\' && item.access !== \'private\' }); %>\n<% if (fields.length > 0) { %>\n

    Fields

    \n \n<% } %>\n\n<% let methods = _.filter(things, function(item) { return item.itemtype === \'method\' && item.access !== \'private\' }); %>\n<% if (methods.length > 0) { %>\n

    Methods

    \n \n<% } %>\n';}); -define('text!tpl/itemEnd.html',[],function () { return '\r\n

    \r\n\r\n
    \r\n<% if (item.file && item.line) { %>\r\nNotice any errors or typos? Please let us know. Please feel free to edit <%= item.file %> and issue a pull request!\r\n<% } %>\r\n
    \r\n\r\ncreative commons logo\r\n

    \r\n';}); +define('text!tpl/itemEnd.html',[],function () { return '\n

    \n\n
    \n<% if (item.file && item.line) { %>\nNotice any errors or typos? Please let us know. Please feel free to edit <%= item.file %> and issue a pull request!\n<% } %>\n
    \n\ncreative commons logo\n

    \n';}); // Copyright (C) 2006 Google Inc. // @@ -4335,7 +4335,7 @@ define('itemView',[ }); -define('text!tpl/menu.html',[],function () { return '
    \r\n
    \r\n Can\'t find what you\'re looking for? You may want to check out\r\n p5.sound.
    You can also download an offline version of the reference.\r\n
    \r\n\r\n
    \r\n

    Categories

    \r\n<% var i=0; %>\r\n<% var max=Math.floor(groups.length/4); %>\r\n<% var rem=groups.length%4; %>\r\n\r\n<% _.each(groups, function(group){ %>\r\n <% var m = rem > 0 ? 1 : 0 %>\r\n <% if (i === 0) { %>\r\n
      \r\n <% } %>\r\n
    • <%=group%>
      • \r\n <% if (i === (max+m-1)) { %>\r\n
    \r\n \t<% rem-- %>\r\n \t<% i=0 %>\r\n <% } else { %>\r\n \t<% i++ %>\r\n <% } %>\r\n<% }); %>\r\n
    \r\n';}); +define('text!tpl/menu.html',[],function () { return '
    \n
    \n Can\'t find what you\'re looking for? You may want to check out\n p5.sound.
    You can also download an offline version of the reference.\n
    \n\n
    \n

    Categories

    \n<% var i=0; %>\n<% var max=Math.floor(groups.length/4); %>\n<% var rem=groups.length%4; %>\n\n<% _.each(groups, function(group){ %>\n <% var m = rem > 0 ? 1 : 0 %>\n <% if (i === 0) { %>\n
      \n <% } %>\n
    • <%=group%>
      • \n <% if (i === (max+m-1)) { %>\n
    \n \t<% rem-- %>\n \t<% i=0 %>\n <% } else { %>\n \t<% i++ %>\n <% } %>\n<% }); %>\n
    \n';}); define('menuView',[ 'App', @@ -4404,7 +4404,7 @@ define('menuView',[ }); -define('text!tpl/library.html',[],function () { return '

    <%= module.name %> library

    \r\n\r\n

    <%= module.description %>

    \r\n\r\n
    \r\n\r\n<% var t = 0; col = 0; %>\r\n\r\n<% _.each(groups, function(group){ %>\r\n <% if (t == 0) { %> \r\n
    \r\n <% } %>\r\n <% if (group.name !== module.name && group.name !== \'p5\') { %>\r\n <% if (group.hash) { %> class="core"<% } %>><% } %> \r\n

    <%=group.name%>

    \r\n <% if (group.hash) { %>
    <% } %>\r\n <% } %>\r\n <% _.each(group.items.filter(function(item) {return item.access !== \'private\'}), function(item) { %>\r\n class="core"<% } %>><%=item.name%><% if (item.itemtype === \'method\') { %>()<%}%>
    \r\n <% t++; %>\r\n <% }); %>\r\n <% if (t >= Math.floor(totalItems/4)) { col++; t = 0; %>\r\n
    \r\n <% } %>\r\n<% }); %>\r\n
    \r\n';}); +define('text!tpl/library.html',[],function () { return '

    <%= module.name %> library

    \n\n

    <%= module.description %>

    \n\n
    \n\n<% var t = 0; col = 0; %>\n\n<% _.each(groups, function(group){ %>\n <% if (t == 0) { %> \n
    \n <% } %>\n <% if (group.name !== module.name && group.name !== \'p5\') { %>\n <% if (group.hash) { %> class="core"<% } %>><% } %> \n

    <%=group.name%>

    \n <% if (group.hash) { %>
    <% } %>\n <% } %>\n <% _.each(group.items.filter(function(item) {return item.access !== \'private\'}), function(item) { %>\n class="core"<% } %>><%=item.name%><% if (item.itemtype === \'method\') { %>()<%}%>
    \n <% t++; %>\n <% }); %>\n <% if (t >= Math.floor(totalItems/4)) { col++; t = 0; %>\n
    \n <% } %>\n<% }); %>\n
    \n';}); define( 'libraryView',[ From ce623623e74919c724e107e31ef32b04610df409 Mon Sep 17 00:00:00 2001 From: Nick McIntyre Date: Wed, 6 Oct 2021 19:59:56 -0700 Subject: [PATCH 117/308] Download latest min releases --- .github/workflows/update-documentation.yml | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/.github/workflows/update-documentation.yml b/.github/workflows/update-documentation.yml index 23be42e374..46ac568279 100644 --- a/.github/workflows/update-documentation.yml +++ b/.github/workflows/update-documentation.yml @@ -29,6 +29,16 @@ jobs: run: | echo ::set-output name=VERSION::${P5JS_REF/refs\/tags\//} echo ::set-output name=SHA::${P5JS_SHA} + - name: Get latest p5.min.js build + uses: suisei-cn/actions-download-file@v1 + with: + url: https://github.com/processing/p5.js/releases/download/${{github.event.client_payload.ref}}/p5.min.js # ${{ github.event.comment.body }} + target: src/assets/js/ + - name: Get latest p5.sound.min.js build + uses: suisei-cn/actions-download-file@v1 + with: + url: https://github.com/processing/p5.js/releases/download/${{github.event.client_payload.ref}}/p5.sound.min.js # ${{ github.event.comment.body }} + target: src/assets/js/ - name: Commit changes uses: EndBug/add-and-commit@v4 with: From 1213f690d4117c8c47f4053f4559bb58e296951f Mon Sep 17 00:00:00 2001 From: Nick McIntyre Date: Wed, 6 Oct 2021 21:58:22 -0700 Subject: [PATCH 118/308] Remove unnecessary comments --- .github/workflows/update-documentation.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/workflows/update-documentation.yml b/.github/workflows/update-documentation.yml index 46ac568279..7eaa90d85a 100644 --- a/.github/workflows/update-documentation.yml +++ b/.github/workflows/update-documentation.yml @@ -32,12 +32,12 @@ jobs: - name: Get latest p5.min.js build uses: suisei-cn/actions-download-file@v1 with: - url: https://github.com/processing/p5.js/releases/download/${{github.event.client_payload.ref}}/p5.min.js # ${{ github.event.comment.body }} + url: https://github.com/processing/p5.js/releases/download/${{github.event.client_payload.ref}}/p5.min.js target: src/assets/js/ - name: Get latest p5.sound.min.js build uses: suisei-cn/actions-download-file@v1 with: - url: https://github.com/processing/p5.js/releases/download/${{github.event.client_payload.ref}}/p5.sound.min.js # ${{ github.event.comment.body }} + url: https://github.com/processing/p5.js/releases/download/${{github.event.client_payload.ref}}/p5.sound.min.js target: src/assets/js/ - name: Commit changes uses: EndBug/add-and-commit@v4 From c3ad7992fa4312ad1673e33f955becdcea8d9f36 Mon Sep 17 00:00:00 2001 From: "limzy.kenneth" Date: Thu, 7 Oct 2021 17:24:11 +0000 Subject: [PATCH 119/308] Pontoon: Update Korean (ko) localization of p5.js Documentation Co-authored-by: limzy.kenneth --- src/data/localization/ko/p5.ftl | 225 ++++++++++++++++++------------ src/data/localization/ko/root.ftl | 28 ++-- 2 files changed, 148 insertions(+), 105 deletions(-) diff --git a/src/data/localization/ko/p5.ftl b/src/data/localization/ko/p5.ftl index 5755b6cedb..d944cc62c3 100644 --- a/src/data/localization/ko/p5.ftl +++ b/src/data/localization/ko/p5.ftl @@ -1,34 +1,56 @@ description__0 = p5 인스턴스 생성자 입니다. -description__1 = p5 인스턴스는 p5 스케치와 관련된 모든 속성과 메소드를 보유합니다. 도래할 스케치 클로저(closure)를 예상하고, 생성된 p5 캔버스를 노드에 연결하기 위해 선택적으로 노드 매개변수를 취할 수 있습니다. 스케치 클로저는 새로이 생성된 p5 인스턴스를 유일한 인수로 취하며, 또 선택적으로, 스케치 실행을 위해 preload(), setup(), 그리고/또는 draw() 속성을 담을 수 있습니다. +description__1 = p5 인스턴스는 p5 스케치와 관련된 모든 속성과 메소드(method)를 보유합니다. 도래할 스케치 클로저(closure)를 예상하고, 생성된 p5 캔버스를 노드에 연결하기 위해 선택적으로 노드 매개변수를 취할 수 있습니다. 스케치 클로저는 새로이 생성된 p5 인스턴스를 유일한 인수로 취하며, 또 선택적으로, 스케치 실행을 위해 preload(), setup(), 그리고/또는 draw() 속성을 담을 수 있습니다. description__2 = p5 스케치는 "전역" 또는 "인스턴스" 모드에서 실행됩니다: "전역 모드" - 모든 속성과 메소드가 윈도우에 속함 "인스턴스 모드" - 모든 속성과 메소드가 특정 p5 객체에 구속됨 returns = P5: p5 인스턴스 params__sketch = 함수: 주어진 p5 인스턴스에 선택적으로 preload(), setup(), 그리고/또는 draw() 속성을 설정할 수 있는 클로저 -params__node = HTMLElement: (선택 사항) 캔버스에 속할 요소 +params__node = HTML Element: (선택 사항) 캔버스에 속할 요소 +describe__description__0 = 스크린리더 (Screen Reader)를 위한 캔버스의 전체적인 서술적 묘사를 설정합니다. 첫 번째 매개변수는 문자열이며, 설정할 묘사입니다. 두 번째 매개변수는 선택 사항이며, 묘사의 표시법을 지정합니다. +describe__description__1 = describe(text, LABEL)은 설명을 모든 사용자에게 박물관 라벨/캡션을 캔버스 옆
    칸 안에 나타냅니다. CSS를 통해서 스타일을 자유자재로 바꿀 수 있습니다. +describe__description__2 = describe(text, FALLBACK)는 설정된 묘사를 스크린리더 사용자들에게만 이용가능케 하며, 캔버스의 부가적 문서객체모델 (DOM)에 설정됩니다. 두번 째 매개변수가 없을 시, 기본적으로 묘사는 스크린리더 사용자들에게만 이용가능합니다. +describe__params__text = 문자열: 켄버스의 설명 +describe__params__display = 상수: (선택 사항) LABEL 또는 FALLBACK +describeElement__description__0 = 스크린리더 (Screen Reader)를 위한 캔버스의 요소(도형, 또는 도형의 모임)의 서술적 묘사를 설정합니다. 첫 번째 매개변수는 묘사할 요소의 이름입니다. 두 번째 매개변수는 문자열이며 설정할 묘사입니다. 세 번째 매개변수는 선택 사항이며, 묘사의 표시법을 지정합니다. +describeElement__description__1 = describe(text, LABEL)은 설명을 모든 사용자에게 박물관 라벨/캡션을 캔버스 옆
    칸 안에 나타냅니다. CSS를 통해서 스타일을 자유자재로 바꿀 수 있습니다. +describeElement__description__2 = describeElement(name, text, FALLBACK)는 설정된 묘사를 스크린리더 사용자들에게만 이용가능케 하며, 캔버스의 부가적 문서객체모델 (DOM)에 설정됩니다. 두번 째 매개변수가 없을 시, 기본적으로 묘사는 스크린리더 사용자들에게만 이용가능합니다. +describeElement__params__name = 문자열: 요소의 이름 +describeElement__params__text = 문자열: 요소의 설명 및 묘사 +describeElement__params__display = 상수: (선택 사항) LABEL 또는 FALLBACK +textOutput__description__0 = textOutput() 함수는 스크린리더 (Screen Reader)를 위한 도형의 설명을 출력합니다. 이 설명은 자동적으로 만들어지며, 첫 부분은 캔버스의 높이 및 너비, 배경색, 그리고 캔버스상 요소 (도형, 또는 도형의 모임)의 개수를 출력합니다 (예: 'Your output is a, 400 by 400 pixels, lavender blue canvas containing the following 4 shapes:'). 다음은 각 요소의 색, 위치, 넓이 등의 정보를 출력합니다 (예: "orange ellipse at top left covering 1% of the canvas"). 각 요소에 대한 구체적 정보는 선택해서 볼 수 있습니다. 요소들의 목록이 제공됩니다. 이 목록에는 도형, 색, 위치, 좌표와 넓이가 묘사되어 있습니다 (예: "orange ellipse location=top left area=2"). +textOutput__description__1 = textOutput()과 texOutput(FALLBACK)은 출력물을 스크린리더 (Screen Reader)에 사용되는 캔버스의 부가적 문서객체모델 (DOM)에 제공합니다. textOutput(LABEL)은 캔버스 옆 추가적인 div요소를 만들고 그 안에 설명을 출력합니다. 이는 스크린리더를 사용하지 않지만 코딩하는 동안 출력물을 보면서 하고 싶어하는 유저들에게 유용합니다. 하지만 LABEL을 사용할 시 스크린리더 사용자들에게는 의미없는 중복성을 만들 수 있습니다. 그 이유로 LABEL은 스케치를 만드는 동안에만 사용하고 스케치를 출판하거나 스크린리더 사용자들에게 나누기 전에 지우는 것을 권장합니다. +textOutput__params__display = 상수: (선택 사항) FALLBACK 또는 LABEL +gridOutput__description__0 = gridOutput()은 캔버스의 내용물을 위치적에 따라 격자 (grid) 형식으로 나열합니다. 이 테이블을 출력하기 전에 컨버스의 전반적 설명을 출력합니다. 캔버스의 높이 및 너비, 배경색, 그리고 캔버스상 요소 (도형, 또는 도형의 모임)의 개수를 출력합니다 (예: 'Your output is a, 400 by 400 pixels, lavender blue canvas containing the following 4 shapes:'). 그리드는 내용물을 위치적으로 설명하며, 각 요소는 위치의 격자 위 셀 (cell)에 놓입니다. 각 셀에는 특정 요소의 색상과 모양이 저장되어 있습니다 (예: \"orange ellipse\"). 각 요소에 대한 구체적 정보는 선택해서 볼 수 있습니다. 각 요소의 모양, 색, 위치, 넓이 등의 정보가 표기되어 있는 목록 (예: "orange ellipse location=top left area=1%")도 사용 가능합니다. +gridOutput__description__1 = gridOutput() and gridOutput(FALLBACK)은 출력물을 스크린리더 (Screen Reader)에 사용되는 캔버스의 부가적 문서객체모델 (DOM)에 제공합니다. gridOutput(LABEL)은 캔버스 옆 추가적인 div요소를 만들고 그 안에 설명을 출력합니다. 이는 스크린리더를 사용하지 않지만 코딩하는 동안 출력물을 보면서 하고 싶어하는 유저들에게 유용합니다. 하지만 LABEL을 사용할 시 스크린리더 사용자들에게는 의미없는 중복성을 만들 수 있습니다. 그 이유로 LABEL은 스케치를 만드는 동안에만 사용하고 스케치를 출판하거나 스크린리더 사용자들에게 나누기 전에 지우는 것을 권장합니다. +gridOutput__params__display = 상수: (선택 사항) FALLBACK 또는 LABEL alpha__description__0 = 픽셀 배열로부터 알파값을 추출합니다. alpha__returns = 알파값 -alpha__params__color = p5.Color|숫자 배열[]|문자열: p5.Color 객체, 색상 요소 또는 CSS 색상 +alpha__params__color = p5.Color|숫자 배열[]| 문자열: p5.Color 객체, 색상 요소 또는 CSS 색상 blue__description__0 = 색상 또는 픽셀 배열로부터 파랑값을 추출합니다. blue__returns = 파랑값 blue__params__color = p5.Color 객체, 색상 요소, CSS 색상 brightness__description__0 = 색상 또는 픽셀 배열로부터 HSB 밝기값을 추출합니다. brightness__returns = 밝기값 brightness__params__color = p5.Color 객체, 색상 요소, CSS 색상 -color__description__0 = 색상 함수를 이용해 색상 데이터의 매개변수를 저장해보세요. 이 때, 매개변수는 colorMode()의 설정에 따라 RGB 또는 HSB 값으로 처리됩니다. 기본 모드인 RGB값은 0부터 255까지이며, 따라서 color(255,204,0)와 같은 함수는 밝은 노랑색을 반환하게 됩니다.

    만약에 color() 함수에 매개변수가 1개만 적히면, 회색 음영(grayscale)값으로 처리됩니다. 여기에 추가되는 두번째 변수는 투명도를 설정할 수 있는 알파값으로서 처리됩니다. 세번째 변수가 추가되었을 때 비로소 RGB나 HSB값으로 처리되지요. RGB나 HSB값을 정하는 3개의 변수가 존재할 때 추가되는 네번째 변수는 알파값으로 적용됩니다.

    나아가, p5는 RGB, RGBA, Hex CSS 색상 문자열과 모든 색상명 문자열 역시 지원합니다. 그 경우, 알파값은 괄호 내 2번째 매개변수 추가를 통해서가 아닌, RGBA 형식에 따라 지정될 수 있습니다. +color__description__0 = 색상 함수를 이용해 색상 데이터의 매개변수를 저장합니다. 이 때, 매개변수는 colorMode()의 설정에 따라 RGB 또는 HSB 값으로 처리됩니다. 기본 모드인 RGB값은 0부터 255까지이며, 따라서 color(255,204,0)와 같은 함수는 밝은 노랑색을 반환하게 됩니다. +color__description__1 = 만약에 color() 함수에 매개변수가 1개만 적히면, 회색 음영(grayscale)값으로 처리됩니다. 여기에 추가되는 두번째 변수는 투명도를 설정할 수 있는 알파값으로서 처리됩니다. 세번째 변수가 추가되었을 때 비로소 RGB나 HSB값으로 처리됩니다. RGB나 HSB값을 정하는 3개의 변수가 존재할 때 추가되는 네번째 변수는 알파값으로 적용됩니다. +color__description__2 = 나아가, p5는 RGB, RGBA, Hex CSS 색상 문자열과 모든 색상명 문자열 역시 지원합니다. 그 경우, 알파값은 괄호 내 2번째 매개변수 추가를 통해서가 아닌, RGBA 형식에 따라 지정될 수 있습니다. color__returns = 색상 결과 color__params__gray = 숫자: 흑과 백 사이의 값 지정 -color__params__alpha = 숫자: 현재 색상 범위(기본값: 0-255)에 대한 알파값) +color__params__alpha = 숫자: 현재 색상 범위(기본값: 0-255)에 대한 알파값 color__params__v1 = 숫자: 현재 색상 범위 내 빨강색(R) 또는 색조값 지정 +color__params__v2 = 숫자: green or saturation value relative to the current color range color__params__v3 = 숫자: 현재 색상 범위 내 파랑색(B) 또는 색조값 지정 color__params__value = 문자열: 색상 문자열 -color__params__values = 숫자[]: RGB 및 알파값을 포함한 숫자열 +color__params__values = 숫자 배열[]: RGB 및 알파값을 포함한 숫자 배열 color__params__color = p5.Color green__description__0 = 색상 또는 픽셀 배열로부터 초록값을 추출합니다. green__returns = 초록값 green__params__color = p5.Color 객체, 색상 요소, CSS 색상 -hue__description__0 = 색상 또는 픽셀 배열로부터 색조를 추출합니다. 색조는 HSB와 HSL상 모두 존재합니다. 이 함수는 HSB 색상 객체를 사용할 경우(또는 HSB 색상 모드로 지정된 픽셀 배열을 사용할 경우) HSB로 표준화된 색조 값을 반환합니다. 기본값으로는 HSL로 표준화된 색조를 반환합니다. (단, 최대 색조를 별도 지정한 경우 다른 값을 반환합니다.) +hue__description__0 = 색상 또는 픽셀 배열로부터 색조를 추출합니다. +hue__description__1 = 색조는 HSB와 HSL상 모두 존재합니다. 이 함수는 HSB 색상 객체를 사용할 경우(또는 HSB 색상 모드로 지정된 픽셀 배열을 사용할 경우) HSB로 표준화된 색조 값을 반환합니다. 기본값으로는 HSL로 표준화된 색조를 반환합니다. (단, 최대 색조를 별도 지정한 경우 다른 값을 반환합니다.) hue__returns = 색조 hue__params__color = 객체, 색상 요소 또는 CSS 색상 -lerpColor__description__0 = 두 가지 색상을 혼합하고, 그 사이에 존재하는 제 3의 색상을 찾습니다. 여기서 매개변수 amt는 두 개의 값 사이를 선형적으로 보간합니다. 예를 들어, 0.0은 첫 번째 값과 동일한 색상값을, 0.1은 첫 번째 값에 매우 가까운 색상값을, 0.5는 두 값 사이의 중간 색상값을 나타내는 식입니다. 이 때, 0 미만의 값은 0으로, 1이상의 값은 1로 자동 변환됩니다. 이 점에서 lerpColor()는 lerp()와 다르게 작동하는 셈인데, 이처럼 lerpColor()는 색상값을 0과 1사이로 조정하여 지정된 범위를 벗어난 색상 생성을 방지합니다. 또한, 색상이 보간되는 방식은 현재 지정된 색상 모드에 따라 달라집니다. +lerpColor__description__0 = 두 가지 색상을 혼합하고, 그 사이에 존재하는 제 3의 색상을 찾습니다. 여기서 매개변수 amt는 두 개의 값 사이를 선형적으로 보간합니다. 예를 들어, 0.0은 첫 번째 값과 동일한 색상값을, 0.1은 첫 번째 값에 매우 가까운 색상값을, 0.5는 두 값 사이의 중간 색상값을 나타내는 식입니다. 이 때, 0 미만의 값은 0으로, 1이상의 값은 1로 자동 변환됩니다. 이 점에서 lerpColor()는 lerp()와 다르게 작동하는 셈인데, 이처럼 lerpColor()는 색상값을 0과 1사이로 조정하여 지정된 범위를 벗어난 색상 생성을 방지합니다. +lerpColor__description__1 = 색상이 보간되는 방식은 현재 지정된 색상 모드에 따라 달라집니다. lerpColor__returns = p5.Color: 선형적으로 보간된 색상 lerpColor__params__c1 = 이 색상으로부터 선형 보간 lerpColor__params__c2 = 이 색상을 향해 선형 보간 @@ -42,63 +64,75 @@ red__params__color = p5.Color|숫자 배열[]|문자열: p5.Color 객체, 색상 saturation__description__0 = 색상 또는 픽셀 배열로부터 채도값을 추출합니다. 채도값은 HSB와 HSL에서 각각 다르게 측정됩니다. 이 함수는 HSL 채도를 기본값으로 제공합니다. 하지만, HSB 색상 객체가 제공 될 때 (또는 색상 모드가 HSB이면서 픽셀 배열이 제공될 때) HSB 채도값을 반환합니다. saturation__returns = 숫자: 채도값 saturation__params__color = p5.Color|숫자 배열[]|문자열: p5.Color 객체, 색상 요소 또는 CSS 색상 -background__description__0 = background() 함수는 p5.js 캔버스의 배경색을 설정합니다. 배경색의 기본값은 투명입니다. 이 함수는 주로 draw() 함수 안에 위치하며, 매 프레임마다 윈도우 화면을 초기화하기 위해 사용됩니다. 하지만, 애니메이션의 첫 프레임 배경을 지정하거나 배경색을 최초 한번만 지정할 경우, setup() 함수 안에 쓰이기도 합니다.
    색상은 현재 색상 모드(colorMode)에 따라 RGB, HSB, 또는 HSL값으로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.) 알파값의 기본 제공 범위 역시 0부터 255까지입니다.
    단일한 문자열 인수에 대해 RGB, RGBA, Hex CSS 색상 문자열과 더불어 명명된 모든 색상 문자열이 지원됩니다. 단, 투명도인 알파값을 설정하기 위해서는 반드시 RGBA를 사용해야합니다.
    p5.Color 객체를 통해 배경색을 설정할 수 있습니다.
    p5.Image를 통해 배경 이미지를 설정할 수 있습니다. +background__description__0 = background() 함수는 p5.js 캔버스의 배경색을 설정합니다. 배경색의 기본값은 투명입니다. 이 함수는 주로 draw() 함수 안에 위치하며, 매 프레임마다 캔버스 화면을 초기화하기 위해 사용됩니다. 하지만, 애니메이션의 첫 프레임 배경을 지정하거나 배경색을 최초 한번만 지정할 경우, setup() 함수 안에 쓰이기도 합니다. +background__description__1 = 색상은 현재 색상 모드(colorMode)에 따라 RGB, HSB, 또는 HSL값으로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.) 알파값의 기본 제공 범위 역시 0부터 255까지입니다. +background__description__2 = 단일한 문자열 인수에 대해 RGB, RGBA, Hex CSS 색상 문자열과 더불어 명명된 모든 색상 문자열이 지원됩니다. 단, 투명도인 알파값을 설정하기 위해서는 반드시 RGBA를 사용해야 합니다. +background__description__3 = p5.Color 객체를 통해 배경색을 설정할 수 있습니다. +background__description__4 = p5.Image를 통해 배경 이미지를 설정할 수 있습니다. background__params__color = p5.Color: color() 함수로 생성된 모든 값 background__params__colorstring = 문자열, 지원되는 문자열 형식: 색상 문자열, 정수의 rgb()나 rgba(), 백분율의 rgb()나 rgba(), 3자리 숫자의 hex, 6자리 숫자의 hex -background__params__a = 숫자: 현재 색상 범위에 따른 배경색 투명도 (기본값은 0-255) (선택 사항) +background__params__a = 숫자: (선택 사항) 현재 색상 범위에 따른 배경색 투명도 (기본값은 0-255) background__params__gray = 숫자: 흑과 백 사이의 값 지정 background__params__v1 = 숫자: 빨강값 또는 색조값 (현재 색상 모드에 따라 상이) background__params__v2 = 숫자: 초록값 또는 채도값 (현재 색상 모드에 따라 상이) background__params__v3 = 숫자: 파랑값 또는 밝기값 (현재 색상 모드에 따라 상이) background__params__values = 숫자 배열[]: 빨강값, 초록값, 파랑값, 알파값을 포함한 배열 background__params__image = p5.Image: loadImage()나 createImage()로 생성된 이미지를 배경 이미지로 설정하는 경우 (스케치 화면과 반드시 동일한 사이즈일 것) -clear__description__0 = 버퍼에 있는 픽셀들을 클리어하는 함수로, 오직 캔버스만 클리어하게 됩니다. createVideo()나 createDiv()와 같은, createX()류의 메소드로 지정된 객체들을 제거하진 않습니다. 메인 그래픽이 아닌, createGraphics()로 생성된 부가적인 그래픽의 경우, 그 전체 또는 일부를 투명하게 처리할 수 있습니다. 이 함수는 모든 픽셀을 100% 투명하게 만듭니다. -colorMode__description__0 = colorMode()는 p5.js가 색상 데이터를 해석하는 방식을 결정합니다. 기본값으로, fill(), stroke(), background(), color()의 매개변수는 RGB 색상 모드에서 처리되며, 그 범위는 0부터 255까지입니다. 이 기본값은 colorMode(RGB, 255)와 동일한 효과를 지닙니다. colorMode(HSB)로 설정을 변경하면 HSB 색상 시스템을 사용할 수 있습니다. HSB 색상 시스템은 그 기본값으로 colorMode(HSB, 360, 100, 100, 1)와 같이 설정됩니다. 색상 모드는 HSL로도 설정가능합니다.
    참고: 모든 색상 객체들은 생성 당시에 지정된 색상 모드를 반영합니다. 따라서, 이미 생성된 색상 객체 중 일부에만 적용되는 색상 모드를 지정할 수도 있습니다. +clear__description__0 = 버퍼에 있는 픽셀들을 지우는 함수로, 오직 캔버스만 비게 됩니다. createVideo()나 createDiv()와 같은, createX()류의 메소드로 지정된 객체들을 제거하진 않습니다. 메인 그래픽이 아닌, createGraphics()로 생성된 부가적인 그래픽의 경우, 그 전체 또는 일부를 투명하게 처리할 수 있습니다. 이 함수는 모든 픽셀을 100% 투명하게 만듭니다. +colorMode__description__0 = colorMode()는 p5.js가 색상 데이터를 해석하는 방식을 결정합니다. 기본값으로, fill(), stroke(), background(), color()의 매개변수는 RGB 색상 모드에서 처리되며, 그 범위는 0부터 255까지입니다. 이 기본값은 colorMode(RGB, 255)와 동일한 효과를 지닙니다. colorMode(HSB)로 설정을 변경하면 HSB 색상 시스템을 사용할 수 있습니다. HSB 색상 시스템은 그 기본값으로 colorMode(HSB, 360, 100, 100, 1)와 같이 설정됩니다. 색상 모드는 HSL로도 설정가능합니다. +colorMode__description__1 = 참고: 모든 색상 객체들은 생성 당시에 지정된 색상 모드를 반영합니다. 따라서, 이미 생성된 색상 객체 중 일부에만 적용되는 색상 모드를 지정할 수도 있습니다. colorMode__params__mode = 상수: RGB(빨강Red/초록Green/파랑색Blue), HSB(색조Hue/채도Saturation/밝기Brightness), HSL(색조Hue/채도Saturation/명도Lightness) 중 하나 -colorMode__params__max1 = 숫자: 모든 값들의 범위 (선택 사항) +colorMode__params__max = 숫자: (선택 사항) 모든 값들의 범위 +colorMode__params__max1 = 숫자: (선택 사항) 모든 값들의 범위 colorMode__params__max2 = 숫자: 현재 지정된 색상 모드의 색상 범위에 따른 빨강값 또는 색조값 colorMode__params__max3 = 숫자: 현재 지정된 색상 모드의 색상 범위에 따른 초록값 또는 채도값 -colorMode__params__maxA = 숫자: 알파값의 범위 (선택 사항) -fill__description__0 = 도형의 면을 채울 색상을 지정합니다. 예를 들어, fill(204, 102, 0) 함수를 실행하면, 이 명령어 다음에 그려진 모든 도형들이 주황색으로 칠해집니다. 이 때, 색상값은 colorMode()로 지정된 현재의 색상 모드에 따라 RGB 또는 HSB로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.) 알파값의 기본 제공 범위 역시 0부터 255까지입니다.
    단일한 문자열 인수에 대해 RGB, RGBA, Hex CSS 색상 문자열과 더불어 명명된 모든 색상 문자열이 지원됩니다. 단, 투명도인 알파값을 설정하기 위해서는 반드시 RGBA를 사용해야합니다. +colorMode__params__maxA = 숫자: (선택 사항) 알파값의 범위 +fill__description__0 = 도형의 면을 채울 색상을 지정합니다. 예를 들어, fill(204, 102, 0) 함수를 실행하면, 이 명령어 다음에 그려진 모든 도형들이 주황색으로 칠해집니다. 이 때, 색상값은 colorMode()로 지정된 현재의 색상 모드에 따라 RGB 또는 HSB로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.) 알파값의 기본 제공 범위 역시 0부터 255까지입니다. +fill__description__1 = 단일한 문자열 인수에 대해 RGB, RGBA, Hex CSS 색상 문자열과 더불어 명명된 모든 색상 문자열이 지원됩니다. 단, 투명도인 알파값을 설정하기 위해서는 반드시 RGBA를 사용해야 합니다. +fill__description__2 = Color 객체로도 색상을 지정할 수 있습니다. fill__params__v1 = 숫자: 현재 지정된 색상 모드의 색상 범위에 따른 빨강값 또는 색조값 fill__params__v2 = 숫자: 현재 지정된 색상 모드의 색상 범위에 따른 초록값 또는 채도값 fill__params__v3 = 숫자:현재 지정된 색상 모드의 색상 범위에 따른 파랑값 또는 밝기값 -fill__params__alpha = 숫자: (선택 사항) +fill__params__alpha = 숫자: (선택사항) fill__params__value = 문자열: 색상 문자열 fill__params__gray = 숫자: 회색값 fill__params__values = 숫자 배열[]: 색상의 빨강값, 초록값, 파랑값, 그리고 알파값을 포함한 배열 fill__params__color = p5.Color: 면채우기 색상 -noFill__description__0 = 도형에 색을 채우지 않도록 설정합니다. noStroke() 과 noFill()을 동시에 사용하면, 화면에 아무것도 나타나지 않습니다. -noStroke__description__0 = 선이나 윤곽선을 그리지 않도록 설정합니다. noStroke() 과 noFill()을 동시에 사용하면, 화면에 아무것도 나타나지 않습니다. -stroke__description__0 = 그려질 선 또는 도형 윤곽선의 색상을 설정합니다. 이 때, 색상값은 colorMode()로 지정된 현재의 색상 모드에 따라 RGB 또는 HSB로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.)
    단일한 문자열 인수에 대해 RGB, RGBA, Hex CSS 색상 문자열과 더불어 명명된 모든 색상 문자열이 지원됩니다. 단, 투명도인 알파값을 설정하기 위해서는 반드시 RGBA를 사용해야합니다.
    p5.Color 객체를 통해 선의 색상을 설정할 수 있습니다. +noFill__description__0 = 도형에 색을 채우지 않도록 설정합니다. noStroke()과 noFill()을 동시에 사용하면, 화면에 아무것도 나타나지 않습니다. +noStroke__description__0 = 선이나 윤곽선을 그리지 않도록 설정합니다. noStroke()과 noFill()을 동시에 사용하면, 화면에 아무것도 나타나지 않습니다. +stroke__description__0 = 그려질 선 또는 도형 윤곽선의 색상을 설정합니다. 이 때, 색상값은 colorMode()로 지정된 현재의 색상 모드에 따라 RGB 또는 HSB로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.) +stroke__description__1 = 그려질 선 또는 도형 윤곽선의 색상을 설정합니다. 이 때, 색상값은 colorMode()로 지정된 현재의 색상 모드에 따라 RGB 또는 HSB로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.) +stroke__description__2 = p5.Color 객체를 통해 선의 색상을 설정할 수 있습니다. stroke__params__v1 = 숫자: 현재 지정된 색상 모드의 색상 범위에 따른 빨강값 또는 색조값 stroke__params__v2 = 숫자: 현재 지정된 색상 모드의 색상 범위에 따른 초록값 또는 채도값 stroke__params__v3 = 숫자:현재 지정된 색상 모드의 색상 범위에 따른 파랑값 또는 밝기값 -stroke__params__alpha = 숫자: (선택 사항) +stroke__params__alpha = 숫자: (선택사항) stroke__params__value = 문자열: 색상 문자열 stroke__params__gray = 숫자: 회색값 stroke__params__values = 숫자 배열[]: 색상의 빨강값, 초록값, 파랑값, 그리고 알파값을 포함한 배열 stroke__params__color = p5.Color: 선의 색상 erase__description__0 = erase() 함수의 영향을 받는 모든 드로잉을 캔버스로부터 지웁니다. 지워진 영역은 캔버스 이면의 웹 페이지 화면을 드러냅니다. 이러한 지우기 행위는 noErase()로 취소할 수 있습니다. erase__description__1 = erase() 함수와 noErase() 함수 사이에서 image()나 background()로 그려진 드로잉은 캔버스에서 지워지지 않습니다. -erase__params__strengthFill = (선택 사항) 숫자: 도형의 면을 지우는 강도로서의 (0부터 255사이) 숫자. 별도 지정한 숫자가 없는 경우, 최고 강도인 255가 기본값으로 적용 -erase__params__strengthStroke = (선택 사항) 숫자: (Optional) 도형의 테두리를 지우는 강도로서의 (0부터 255사이) 숫자. 별도 지정한 숫자가 없는 경우, 최고 강도인 255가 기본값으로 적용 +erase__params__strengthFill = 숫자: (선택 사항) 도형의 면을 지우는 강도로서의 (0부터 255사이) 숫자. 별도 지정한 숫자가 없는 경우, 최고 강도인 255가 기본값으로 적용 +erase__params__strengthStroke = 숫자: (선택 사항) 도형의 테두리를 지우는 강도로서의 (0부터 255사이) 숫자. 별도 지정한 숫자가 없는 경우, 최고 강도인 255가 기본값으로 적용 noErase__description__0 = erase()의 지우기 행위를 중단합니다. fill(), stroke(), 그리고 blendMode() 함수로 설정된 사항들은 erase() 함수가 호출되기 전의 상태로 돌아갑니다. -arc__description__0 = 화면에 호, 즉 아치형 선을 그립니다. x좌표, y좌표, w(너비), h(높이), 시작점, 끝점을 지정하면 호는 열린 파이 조각의 형태로 그려집니다. 모드 변수를 설정하기에 따라, 호는 각각 반원(OPEN), 닫힌 반원(CHORD), 닫힌 파이 조각(PIE) 형태로 그려집니다. ellipseMode() 함수를 이용하면 시작점을 변경할 수 있습니다. 만약 원 하나를 그리기 위해 arc()의 시작점을 0으로, 끝점을 TWO_PI으로 설정할 경우, 시작점과 끝점이 동일하여 아무것도 그려지지 않습니다. 원을 그릴 때는 ellipse() 함수를, 원의 일부를 그릴 때는 arc() 함수를 이용하세요. +arc__description__0 = 화면에 호, 즉 아치형 선을 그립니다. x좌표, y좌표, w(너비), h(높이), 시작점, 끝점을 지정하면 호는 열린 파이 조각의 형태로 그려집니다. 모드 변수를 설정하기에 따라, 호는 각각 반원(OPEN), 닫힌 반원(CHORD), 닫힌 파이 조각(PIE) 형태로 그려집니다. ellipseMode() 함수를 이용하면 시작점을 변경할 수 있습니다. +arc__description__1 = 호는 언제나 시계방향으로 시작점으로부터 끝점까지 그려집니다. 만약 원 하나를 그리기 위해 arc()의 시작점을 0으로, 끝점을 TWO_PI으로 설정할 경우, 시작점과 끝점이 동일하여 아무것도 그려지지 않습니다. 원을 그릴 때는 ellipse() 함수를, 원의 일부를 그릴 때는 arc() 함수를 이용할 수 있습니다. arc__params__x = 숫자: 호를 포함하는 원의 x좌표 arc__params__y = 숫자: 호를 포함하는 원의 y좌표값 arc__params__w = 숫자: 호를 포함하는 원의 너비값 arc__params__h = 숫자: 호를 포함하는 원의 높이값 -arc__params__start = 숫자: 원주호(radians)에 따른, 호의 시작점 각도값 -arc__params__stop = 숫자: 원주호(radians)에 따른, 호의 끝점 각도값 -arc__params__mode = 상수: 호를 그리는 방식들로, CHORD, PIEC, OPEN 중 선택 가능 (선택 사항) -arc__params__detail = 숫자: WebGL 모드를 위한 선택적 변수로, 호의 윤곽선을 구성하는 꼭지점 개수를 지정. 기본값은 25. (선택 사항) -ellipse__description__0 = 화면에 타원을 그립니다. 너비와 높이가 동일한 값으로 지정될 경우, 원이 그려집니다. 처음 두 변수는 각각 타원의 x좌표와 y좌표를, 3번째와 4번째 변수는 각각 타원의 너비와 높이를 지정합니다. 높이값 입력을 생략할 경우, 너비값이 높이값으로 동일하게 적용됩니다. 너비나 높이에 음수로 입력해도 그 절대값이 반영됩니다. ellipseMode() 함수를 이용하면 타원의 시작점을 원의 중심으로 지정할 지의 여부를 결정할 수 있습니다. +arc__params__start = 숫자: 라디안 단위, 호의 시작점 각도값 +arc__params__stop = 숫자: 라디안 단위, 호의 끝점 각도값 +arc__params__mode = 상수: (선택 사항) 호를 그리는 방식들로, CHORD, PIEC, OPEN 중 선택 가능 +arc__params__detail = 숫자: (선택 사항) 호의 윤곽선을 구성하는 꼭짓점 개수를 지정. 기본값은 25. (WebGL 모드용) +ellipse__description__0 = 화면에 타원을 그립니다. 너비와 높이가 동일한 값으로 지정될 경우, 원이 그려집니다. 처음 두 변수는 각각 타원의 x좌표와 y좌표를, 3번째와 4번째 변수는 각각 타원의 너비와 높이를 지정합니다. 높이값 입력을 생략할 경우, 너비값이 높이값으로 동일하게 적용됩니다. 너비나 높이에 음수로 입력해도 그 절대값이 반영됩니다. +ellipse__description__1 = ellipseMode() 함수를 이용하면 타원의 시작점을 원의 중심으로 지정할 지의 여부를 결정할 수 있습니다. ellipse__params__x = 숫자: 타원의 x좌표 ellipse__params__y = 숫자: 타원의 y좌표값 ellipse__params__w = 숫자: 타원의 너비값 -ellipse__params__h = 숫자: 타원의 높이값 -ellipse__params__detail = 정수: 타원을 몇 개의 부분으로 나누어 그릴 것인지 지정 (WebGL 모드용) +ellipse__params__h = 숫자: (선택사항) 타원의 높이값 +ellipse__params__detail = 정수: (선택사항) 타원을 몇 개의 부분으로 나누어 그릴 것인지 지정 (WebGL 모드용) circle__description__0 = 화면에 원을 그립니다. 원은 닫힌 도형으로, 중심점으로부터 주어진 거리에있는 모든 점들의 집합입니다.이 함수는 높이와 너비가 다른 타원을 그려내는 ellipse() 함수와는 달리, 너비와 높이가 모두 동일한 원을 그립니다. 이 경우, 높이와 너비는 원의 지름과 같습니다. 기본값으로, 처음 두 매개변수는 원의 중심 위치를 설정하고, 세 번째 매개 변수는 원의 지름을 설정합니다. circle__params__x = 숫자: 원 중심점의 x좌표 circle__params__y = 숫자: 원 중심점의 y좌표 @@ -114,49 +148,64 @@ point__description__0 = 화면 좌표에 해당하는, 1픽셀 크기의 점을 point__params__x = 숫자: x좌표값 point__params__y = 숫자: y좌표값 point__params__z = 숫자: z좌표값 (WebGL 모드용) -quad__description__0 = 사각형을 그립니다. 사각형은 4개의 변을 가진 다각형으로, 얼핏 직사각형과 유사하게 들리나 직사각형과는 달리 변 사이의 각도가 90도로 고정되어 있지 않습니다. 처음 한 쌍의 변수는 최초의 꼭지점을 설정하며, 뒤이은 다른 쌍들은 시계 방향이나 반시계 방향에 따라 나머지 3개의 꼭지점 위치를 설정합니다. z 변수는 WebGL 모드에서 quad() 함수를 사용하는 경우에만 적용됩니다. -quad__params__x1 = 숫자: 1번째 꼭지점의 x좌표값 -quad__params__y1 = 숫자: 1번째 꼭지점의 y좌표값 -quad__params__x2 = 숫자: 2번째 꼭지점의 y좌표값 -quad__params__y2 = 숫자: 3번째 꼭지점의 x좌표값 -quad__params__x3 = 숫자: 4번째 꼭지점의 x좌표값 -quad__params__y3 = 숫자: 4번째 꼭지점의 y좌표값 -quad__params__x4 = 숫자: 2번째 꼭지점의 z좌표값 -quad__params__y4 = 숫자: 3번째 꼭지점의 z좌표값 -quad__params__z1 = 숫자: 2번째 꼭지점의 x좌표값 -quad__params__z2 = 숫자: 3번째 꼭지점의 y좌표값 -quad__params__z3 = 숫자: 1번째 꼭지점의 z좌표값 -quad__params__z4 = 숫자: 4번째 꼭지점의 z좌표값 -rect__description__0 = 화면에 직사각형을 그립니다. 직사각형은 변이 4개이고 모든 변 사이의 각도가 90도인 도형을 뜻합니다. 처음 두 변수는 좌측 상단 꼭지점의 좌표를, 3번째 변수는 사각형의 너비를, 4번째 변수는 그 높이를 설정합니다. rectMode() 함수로 사각형 그리기 모드를 변경하면, 모든 매개변수값들이 달리 해석됩니다. 5번째, 6번째, 7번째, 8번째 매개변수를 입력하면, 각각 좌측 상단, 우측 상단, 우측 하단, 좌측 하단 모퉁이들의 각도를 지정하게 됩니다. 이 때 특정 각도 변수가 누락되면, 직전에 입력된 변수와 동일한 값이 적용됩니다. +point__params__coordinate_vector = p5.Vector: 좌표 벡터 +quad__description__0 = 사각형을 그립니다. 사각형은 4개의 변을 가진 다각형으로, 얼핏 직사각형과 유사하게 들리나 직사각형과는 달리 변 사이의 각도가 90도로 고정되어 있지 않습니다. 처음 한 쌍의 변수는 최초의 꼭짓점을 설정하며, 뒤이은 다른 쌍들은 시계 방향이나 반시계 방향에 따라 나머지 3개의 꼭짓점 위치를 설정합니다. z 변수는 WebGL 모드에서 quad() 함수를 사용하는 경우에만 적용됩니다. +quad__params__x1 = 숫자: 1번째 꼭짓점의 x좌표값 +quad__params__y1 = 숫자: 1번째 꼭짓점의 y좌표값 +quad__params__x2 = 숫자: 2번째 꼭짓점의 y좌표값 +quad__params__y2 = 숫자: 3번째 꼭짓점의 x좌표값 +quad__params__x3 = 숫자: 4번째 꼭짓점의 x좌표값 +quad__params__y3 = 숫자: 4번째 꼭짓점의 y좌표값 +quad__params__x4 = 숫자: 2번째 꼭짓점의 z좌표값 +quad__params__y4 = 숫자: 3번째 꼭짓점의 z좌표값 +quad__params__detailX = 숫자: (선택 사항) 가로축에 있는 세그멘트의 수 +quad__params__detailY = 숫자: (선택 사항) 세로축에 있는 세그멘트의 수 +quad__params__z1 = 숫자: 2번째 꼭짓점의 x좌표값 +quad__params__z2 = 숫자: 3번째 꼭짓점의 y좌표값 +quad__params__z3 = 숫자: 1번째 꼭짓점의 z좌표값 +quad__params__z4 = 숫자: 4번째 꼭짓점의 z좌표값 +rect__description__0 = 화면에 직사각형을 그립니다. 직사각형은 변이 4개이고 모든 변 사이의 각도가 90도인 도형을 뜻합니다. 처음 두 변수는 좌측 상단 꼭짓점의 좌표를, 3번째 변수는 사각형의 너비를, 4번째 변수는 그 높이를 설정합니다. rectMode() 함수로 사각형 그리기 모드를 변경하면, 모든 매개변수값들이 달리 해석됩니다. +rect__description__1 = 5번째, 6번째, 7번째, 8번째 매개변수를 입력하면, 각각 좌측 상단, 우측 상단, 우측 하단, 좌측 하단 모퉁이들의 각도를 지정하게 됩니다. 이 때 특정 각도 변수가 누락되면, 직전에 입력된 변수와 동일한 값이 적용됩니다. rect__params__x = 숫자: 직사각형의 x좌표값 rect__params__y = 숫자: 직사각형의 y좌표값 rect__params__w = 숫자: 직사각형의 너비값 rect__params__h = 숫자: 직사각형의 높이값 -rect__params__tl = 숫자: 좌측 상단 모퉁이 각도값. (선택 사항) -rect__params__tr = 숫자: 우측 상단 모퉁이 각도값. (선택 사항) -rect__params__br = 숫자: 우측 하단 모퉁이 각도값. (선택 사항) -rect__params__bl = 숫자: 좌측 하단 모퉁이 각도값. (선택 사항) -rect__params__detailX = 정수: x축 방향의 선분 수 (WebGL 모드용) -rect__params__detailY = 정수: y축 방향의 선분 수 (WebGL 모드용) -square__description__0 = 화면에 정사각형을 그립니다. 정사각형은 동일한 길이의 네 개의 변을 갖고, 모든 변 사이의 각도가 90도인 도형을 뜻합니다. 이 함수는 rect()함수의 특수한 사례와도 같은데, 너비와 높이가 같고 변의 길이를 라는 매개변수로 처리하게 됩니다. 기본값으로, 처음 두 변수는 처음 두 변수는 좌측 상단 꼭지점의 좌표를, 3번째 변수는 변의 길이를 지정합니다. rectMode() 함수로 사각형 그리기 모드를 변경하면, 모든 매개변수값들이 달리 해석됩니다.
    5번째, 6번째, 7번째매개변수를 입력하면, 각각 좌측 상단, 우측 상단, 우측 하단, 좌측 하단 모퉁이들의 각도를 지정하게 됩니다. 이 때 특정 각도 변수가 누락되면, 직전에 입력된 변수와 동일한 값이 적용됩니다. +rect__params__tl = 숫자: (선택 사항) 좌측 상단 모퉁이 각도값. +rect__params__tr = 숫자: (선택 사항) 우측 상단 모퉁이 각도값. +rect__params__br = 숫자: (선택 사항) 우측 하단 모퉁이 각도값. +rect__params__bl = 숫자: (선택 사항) 좌측 하단 모퉁이 각도값. +rect__params__detailX = 정수: (선택 사항) x축 방향의 선분 수 (WebGL 모드용) +rect__params__detailY = 정수: (선택 사항) y축 방향의 선분 수 (WebGL 모드용) +square__description__0 = 화면에 정사각형을 그립니다. 정사각형은 동일한 길이의 네 개의 변을 갖고, 모든 변 사이의 각도가 90도인 도형을 뜻합니다. 이 함수는 rect()함수의 특수한 사례와도 같은데, 너비와 높이가 같고 변의 길이를 라는 매개변수로 처리하게 됩니다. 기본값으로, 처음 두 변수는 처음 두 변수는 좌측 상단 꼭짓점의 좌표를, 3번째 변수는 변의 길이를 지정합니다. rectMode() 함수로 사각형 그리기 모드를 변경하면, 모든 매개변수값들이 달리 해석됩니다. +square__description__1 = 5번째, 6번째, 7번째매개변수를 입력하면, 각각 좌측 상단, 우측 상단, 우측 하단, 좌측 하단 모퉁이들의 각도를 지정하게 됩니다. 이 때 특정 각도 변수가 누락되면, 직전에 입력된 변수와 동일한 값이 적용됩니다. square__params__x = 숫자: 정사각형의 x좌표값 square__params__y = 숫자: 정사각형의 y좌표값 square__params__s = 숫자: 정사각형의 너비 및 높이값 -square__params__tl = 숫자: 좌측 상단 모퉁이 각도값. (선택 사항) -square__params__tr = 숫자: 우측 상단 모퉁이 각도값. (선택 사항) -square__params__br = 숫자: 우측 하단 모퉁이 각도값. (선택 사항) -square__params__bl = 숫자: 좌측 하단 모퉁이 각도값. (선택 사항) -triangle__description__0 = 삼각형은 세 개의 점을 이어 만들어진 평면을 뜻합니다. 처음 두 인수는 1번째 꼭지점을, 중간의 두 변수는 2번째 꼭지점을, 마지막 두 인수는 3번째 꼭지점을 지정합니다. -triangle__params__x1 = 숫자：1번째 꼭지점의 x좌표값 -triangle__params__y1 = 숫자：1번째 꼭지점의 y좌표값 -triangle__params__x2 = 숫자：2번째 꼭지점의 x좌표값 -triangle__params__y2 = 숫자：2번째 꼭지점의 y좌표값 -triangle__params__x3 = 숫자：3번째 꼭지점의 x좌표값 -triangle__params__y3 = 숫자：3번째 꼭지점의 y좌표값 -ellipseMode__description__0 = ellipse(), circle(), 그리고 arc() 함수의 매개변수들이 해석되는 방식을 변경하여, 타원이 그려지는 시작점 위치를 변경합니다.

    기본적으로 제공되는 모드는 ellipseMode(CENTER) 함수와도 같습니다. 이는 ellipse() 함수의 처음 두 매개변수를 타원의 중심점으로, 3번째와 4번째 변수를 각각 그 너비와 높이값으로서 해석합니다.

    ellipseMode(RADIUS) 역시 ellipse() 함수의 처음 두 매개변수를 타원의 중심점으로 해석하나, 3번째와 4번째 변수를 각각 너비와 높이의 중간 지점값으로 해석합니다.

    ellipseMode(CORNER)는 ellipse() 함수의 처음 두 매개변수를 도형의 좌측 상단을 기준으로 해석하고, 3번째와 4번째 변수를 각각 그 너비와 높이로 해석합니다.

    ellipseMode(CORNERS)는 ellipse() 함수의 처음 두 매개변수를 도형의 바운딩 박스 중 한 모퉁이의 위치값으로서 해석합니다. 그리고, 3번째와 4번째 변수는 그 정반대 모퉁이의 위치값으로 해석합니다.

    이 함수의 모든 매개변수(CENTER, RADIUS, CORNER, CORNERS)들은 반드시 대문자로 작성되어야 합니다. 자바스크립트에서는 대소문자 구분이 매우 중요하답니다. +square__params__tl = 숫자: (선택 사항) 좌측 상단 모퉁이 각도값. +square__params__tr = 숫자: (선택 사항) 우측 상단 모퉁이 각도값. +square__params__br = 숫자: (선택 사항) 우측 하단 모퉁이 각도값. +square__params__bl = 숫자: (선택 사항) 좌측 하단 모퉁이 각도값. +triangle__description__0 = 삼각형은 세 개의 점을 이어 만들어진 평면을 뜻합니다. 처음 두 인수는 1번째 꼭짓점을, 중간의 두 변수는 2번째 꼭짓점을, 마지막 두 인수는 3번째 꼭짓점을 지정합니다. +triangle__params__x1 = 숫자：1번째 꼭짓점의 x좌표값 +triangle__params__y1 = 숫자：1번째 꼭짓점의 y좌표값 +triangle__params__x2 = 숫자：2번째 꼭짓점의 x좌표값 +triangle__params__y2 = 숫자：2번째 꼭짓점의 y좌표값 +triangle__params__x3 = 숫자：3번째 꼭짓점의 x좌표값 +triangle__params__y3 = 숫자：3번째 꼭짓점의 y좌표값 +ellipseMode__description__0 = ellipse(), circle(), 그리고 arc() 함수의 매개변수들이 해석되는 방식을 변경하여, 타원이 그려지는 시작점 위치를 변경합니다. +ellipseMode__description__1 = 기본적으로 제공되는 모드는 ellipseMode(CENTER) 함수와도 같습니다. 이는 ellipse() 함수의 처음 두 매개변수를 타원의 중심점으로, 3번째와 4번째 변수를 각각 그 너비와 높이값으로서 해석합니다. +ellipseMode__description__2 = ellipseMode(RADIUS) 역시 ellipse() 함수의 처음 두 매개변수를 타원의 중심점으로 해석하나, 3번째와 4번째 변수를 각각 너비와 높이의 중간 지점값으로 해석합니다. +ellipseMode__description__3 = ellipseMode(CORNER)는 ellipse() 함수의 처음 두 매개변수를 도형의 좌측 상단을 기준으로 해석하고, 3번째와 4번째 변수를 각각 그 너비와 높이로 해석합니다. +ellipseMode__description__4 = ellipseMode(CORNERS)는 ellipse() 함수의 처음 두 매개변수를 도형의 바운딩 박스 중 한 모퉁이의 위치값으로서 해석합니다. 그리고, 3번째와 4번째 변수는 그 정반대 모퉁이의 위치값으로 해석합니다. +ellipseMode__description__5 = 이 함수의 모든 매개변수(CENTER, RADIUS, CORNER, CORNERS)들은 반드시 대문자로 작성되어야 합니다. 자바스크립트에서는 대소문자 구분이 매우 중요하답니다. ellipseMode__params__mode = 상수：CENTER, RADIUS, CORNER, 또는 CORNERS noSmooth__description__0 = 모든 그래픽의 가장자리를 울퉁불퉁하게 처리합니다. smooth() 함수는 2D 모드상 언제나 기본값으로 활성화되며, 그래픽을 부드럽게 처리합니다. 따라서, noSmooth() 함수를 호출해야만 도형, 이미지, 폰트 등의 부드러운 처리를 비활성화할 수 있습니다. 반면, 3D 모드에서는 noSmooth()가 기본값으로 활성화됩니다. 따라서, smooth() 함수를 호출해야만 부드러운 처리가 가능합니다. -rectMode__description__0 = rect() 함수의 매개변수들이 해석되는 방식을 변경하여, 직사각형이 그려지는 시작점 위치를 변경합니다.

    기본적으로 제공되는 모드는 rectMode(CORNER) 함수와도 같습니다. 이는 rect() 함수의 처음 두 매개변수를도형의 좌측 상단을 기준으로 해석하고, 3번째와 4번째 변수를 각각 그 너비와 높이값로서 해석합니다.

    rectMode(CORNERS)는 rect() 함수의 처음 두 매개변수를 한 모퉁이의 위치값으로 서 해석합니다. 그리고, 3번째와 4번째 변수는 그 정반대 모퉁이의 위치값으로 해석합니다.

    ellipseMode(CENTER)는 rect() 함수의 처음 두 매개변수를 타원의 중심점으로, 3번째와 4번째 변수를 각각 그 너비와 높이값으로서 해석합니다.

    rectMode(RADIUS) 역시 rect() 함수의 처음 두 매개변수를 타원의 중심점으로 해석하나, 3번째와 4번째 변수를 각각 너비와 높이의 중간 지점값으로 해석합니다.

    이 함수의 모든 매개변수(CORNER, CORNERS, CENTER, RADIUS)들은 반드시 대문자로 작성되어야 합니다. 자바스크립트에서는 대소문자 구분이 매우 중요하답니다. +rectMode__description__0 = rect() 함수의 매개변수들이 해석되는 방식을 변경하여, 직사각형이 그려지는 시작점 위치를 변경합니다. +rectMode__description__1 = 기본적으로 제공되는 모드는 rectMode(CORNER) 함수와도 같습니다. 이는 rect() 함수의 처음 두 매개변수를도형의 좌측 상단을 기준으로 해석하고, 3번째와 4번째 변수를 각각 그 너비와 높이값로서 해석합니다. +rectMode__description__2 = rectMode(CORNERS)는 rect() 함수의 처음 두 매개변수를 한 모퉁이의 위치값으로 서 해석합니다. 그리고, 3번째와 4번째 변수는 그 정반대 모퉁이의 위치값으로 해석합니다. +rectMode__description__3 = ellipseMode(CENTER)는 rect() 함수의 처음 두 매개변수를 타원의 중심점으로, 3번째와 4번째 변수를 각각 그 너비와 높이값으로서 해석합니다. +rectMode__description__4 = rectMode(RADIUS) 역시 rect() 함수의 처음 두 매개변수를 타원의 중심점으로 해석하나, 3번째와 4번째 변수를 각각 너비와 높이의 중간 지점값으로 해석합니다. +rectMode__description__5 = 이 함수의 모든 매개변수(CORNER, CORNERS, CENTER, RADIUS)들은 반드시 대문자로 작성되어야 합니다. 자바스크립트에서는 대소문자 구분이 매우 중요하답니다. rectMode__params__mode = 상수：CORNER, CORNERS, CENTER 또는 RADIUS smooth__description__0 = 모든 그래픽을 부드럽게 처리하며, 불러온 이미지 또는 크기가 재조정된 이미지의 화질을 향상합니다. smooth()는 2D 모드상 언제나 기본값으로 활성화되며. 따라서, noSmooth() 함수를 호출해야만 도형, 이미지, 폰트 등의 부드러운 그래픽 처리를 비활성화할 수 있습니다. 반면, 3D 모드에서는 noSmooth()가 기본값으로 활성화됩니다. 따라서, smooth() 함수를 호출해야만 부드러운 그래픽 처리가 가능합니다. strokeCap__description__0 = 선의 양끝에 대한 렌더링 스타일을 설정합니다. 선의 양끝은 매개변수 SQAURE로 각지게, PROJECT로 조금 더 길게, 그리고 ROUND로 둥글게 처리될 수 있습니다. 이 중에서 ROUND는 기본값으로 적용됩니다. @@ -165,7 +214,8 @@ strokeJoin__description__0 = 두 선분 간의 이음새에 대한 스타일을 strokeJoin__params__join = 상수：MITER, BEVEL 또는 ROUND strokeWeight__description__0 = 선, 점, 그리고 도형 윤곽선을 그릴 때 쓰이는 함수인 stroke()의 결과값 두께를 설정합니다. 모든 두께는 픽셀 단위로 지정됩니다. strokeWeight__params__weight = 숫자：선의 두께 (픽셀 단위) -bezier__description__0 = 화면에 3차 베지어 곡선을 그립니다. 베지어 곡선은 일련의 고정점 및 제어점들로 정의됩니다. 처음 두 매개변수는 1번째 고정점을, 마지막 두 매개변수는 마지막 고정점을 지정합니다. 중간의 두 매개변수는 두 개의 제어점을 지정하며, 이는 곧 곡선의 모양을 정의하게 됩니다. 여기서 제어점은 그 자신을 향해 곡선을 당기는 역할을 합니다.

    베지어 곡선은 프랑스 출신 자동차 엔지니어인 피에르 베지어(Pierre Bezier)가 개발하였으며, 컴퓨터 그래픽상 부드럽게 경사진 곡선을 정의하는 데에 주로 사용됩니다. curve()도 참고하세요. +bezier__description__0 = 화면에 3차 베지에 곡선을 그립니다. 베지에 곡선은 일련의 고정점 및 제어점들로 정의됩니다. 처음 두 매개변수는 1번째 고정점을, 마지막 두 매개변수는 마지막 고정점을 지정합니다. 중간의 두 매개변수는 두 개의 제어점을 지정하며, 이는 곧 곡선의 모양을 정의하게 됩니다. 여기서 제어점은 그 자신을 향해 곡선을 당기는 역할을 합니다. +bezier__description__1 = 베지에 곡선은 프랑스 출신 자동차 엔지니어인 피에르 베지에(Pierre Bezier)가 개발하였으며, 컴퓨터 그래픽상 부드럽게 경사진 곡선을 정의하는 데에 주로 사용됩니다. curve() 함수와도 관련있습니다. bezier__params__x1 = 숫자: 1번째 고정점의 x좌표값 bezier__params__y1 = 숫자: 1번째 고정점의 y좌표값 bezier__params__x2 = 숫자: 1번째 제어점의 x좌표값 @@ -178,10 +228,11 @@ bezier__params__z1 = 숫자: 1번째 고정점의 z좌표값 bezier__params__z2 = 숫자: 1번째 제어점의 z좌표값 bezier__params__z3 = 숫자: 2번째 제어점의 z좌표값 bezier__params__z4 = 숫자: 2번째 고정점의 z좌표값 -bezierDetail__description__0 = 베지어 곡선들의 해상도를 설정합니다.
    기본값은 20입니다.
    이 함수는 WebGL 렌더러용으로만 사용되며, 기본 캔버스 렌더러에서는 이 함수를 사용하지 않습니다. +bezierDetail__description__0 = 베지에 곡선들의 해상도를 설정합니다. 기본값은 20입니다. +bezierDetail__description__1 = 이 함수는 WebGL 렌더러용으로만 사용되며, 기본 캔버스 렌더러에서는 이 함수를 사용하지 않습니다. bezierDetail__params__detail = 숫자: 곡선들의 해상도값 -bezierPoint__description__0 = 점 a, b, c, d로 정의된 베지어 곡선에서 위치 t를 계산합니다. 매개변수 a와 d는 각각 곡선의 1번째 점과 마지막 점에, b와 c는 제어점에 해당합니다. 마지막 매개변수인 t는 0과 1사이에서 표현됩니다. 함수는 먼저 x좌표를 호출한 다음, y좌표를 호출하여 위치 t를 찾게됩니다. -bezierPoint__returns = 숫자: 위치 t에 해당하는 베지어 곡선의 값 +bezierPoint__description__0 = 점 a, b, c, d로 정의된 베지에 곡선에서 위치 t를 계산합니다. 매개변수 a와 d는 각각 곡선의 1번째 점과 마지막 점에, b와 c는 제어점에 해당합니다. 마지막 매개변수인 t는 0과 1사이에서 표현됩니다. 함수는 먼저 x좌표를 호출한 다음, y좌표를 호출하여 위치 t를 찾게됩니다. +bezierPoint__returns = 숫자: 위치 t에 해당하는 베지에 곡선의 값 bezierPoint__params__a = 숫자: 곡선의 1번째 점 좌표값 bezierPoint__params__b = 숫자: 1번째 제어점 좌표값 bezierPoint__params__c = 숫자: 2번째 제어점 좌표값 @@ -194,7 +245,7 @@ bezierTangent__params__b = 숫자: 1번째 제어점 좌표값 bezierTangent__params__c = 숫자: 2번째 제어점 좌표값 bezierTangent__params__d = 숫자: 곡선의 2번째 점 좌표값 bezierTangent__params__t = 숫자: 0과 1 사이의 값 -curve__description__0 = 화면에 두 점 사이에 위치한 곡선을 그립니다. 이 때, 곡선의 형태는 함수의 매개변수들 중 가운데 네 개를 통해 정의됩니다. 처음 두 매개변수는 1번째 제어점의 좌표값을 지정하는데, 마치 이 제어점에서 곡선이 비롯된 것처럼 보이게 됩니다. 마지막 두 매개변수들은 마찬가지 원리로 또다른 제어점의 좌표를 지정합니다.

    curve() 함수를 조합하거나 curveVertex()를 사용하여 좀 더 긴 곡선을 만들 수 있습니다. 부가적으로, curveTightness()을 통해 곡선의 화질을 조절할 수 있습니다. curve() 함수는 캣멀롬 스플라인(Catmull-Rom Spline)을 구현합니다. +curve__description__0 = 화면에 두 점 사이에 위치한 곡선을 그립니다. 이 때, 곡선의 형태는 함수의 매개변수들 중 가운데 네 개를 통해 정의됩니다. 처음 두 매개변수는 1번째 제어점의 좌표값을 지정하는데, 마치 이 제어점에서 곡선이 비롯된 것처럼 보이게 됩니다. 마지막 두 매개변수들은 마찬가지 원리로 또다른 제어점의 좌표를 지정합니다. curve() 함수를 조합하거나 curveVertex()를 사용하여 좀 더 긴 곡선을 만들 수 있습니다. 부가적으로, curveTightness()을 통해 곡선의 화질을 조절할 수 있습니다. curve() 함수는 캣멀롬 스플라인(Catmull-Rom Spline)을 구현합니다. curve__params__x1 = 숫자: 최초 제어점의 x좌표값 curve__params__y1 = 숫자: 최초 제어점의 y좌표값 curve__params__x2 = 숫자: 1번째 점의 y좌표값 @@ -207,10 +258,11 @@ curve__params__z1 = 숫자: 1번째 점의 x좌표값 curve__params__z2 = 숫자: 2번째 점의 y좌표값 curve__params__z3 = 숫자: 최초 제어점의 z좌표값 curve__params__z4 = 숫자: 마지막 제어점의 z좌표값 -curveDetail__description__0 = 곡선들의 해상도를 설정합니다.
    기본값은 20이고, 최소값은 3입니다.
    이 함수는 WebGL 렌더러용으로만 사용되며, 기본 캔버스 렌더러에서는 이 함수를 사용하지 않습니다. +curveDetail__description__0 = 곡선들의 해상도를 설정합니다.
    기본값은 20이고, 최소값은 3입니다. +curveDetail__description__1 = 이 함수는 WebGL 렌더러용으로만 사용되며, 기본 캔버스 렌더러에서는 이 함수를 사용하지 않습니다. curveDetail__params__resolution = 숫자: 곡선들의 해상도값 -curveTightness__description__0 = curve()와 curveVertex() 함수를 사용하여 모양을 변경합니다. 곡선의 팽팽함(tightness)을 지정하는 매개변수 t는, 두 꼭지점 사이에 곡선이 들어맞는 정도를 결정합니다. 값 0.0은 곡선의 팽팽함에 대한 기본값이며(이 값을 통해 곡선을 캣멀롬 스플라인으로 정의), 값 1.0은 모든 점을 직선 상태로 연결하게 됩니다. -5.0와 5.0 사이의 값들은 화면상 인식 가능한 범위 내에서 값의 크기에 비례하여 곡선을 변형합니다. -curveTightness__params__amount = 숫자: 원래 꼭지점으로부터 변형된 정도의 양 +curveTightness__description__0 = curve()와 curveVertex() 함수를 사용하여 모양을 변경합니다. 곡선의 팽팽함(tightness)을 지정하는 매개변수 t는, 두 꼭짓점 사이에 곡선이 들어맞는 정도를 결정합니다. 값 0.0은 곡선의 팽팽함에 대한 기본값이며(이 값을 통해 곡선을 캣멀롬 스플라인으로 정의), 값 1.0은 모든 점을 직선 상태로 연결하게 됩니다. -5.0와 5.0 사이의 값들은 화면상 인식 가능한 범위 내에서 값의 크기에 비례하여 곡선을 변형합니다. +curveTightness__params__amount = 숫자: 원래 꼭짓점으로부터 변형된 정도의 양 curvePoint__description__0 = 점 a, b, c, d로 정의된 곡선에서 위치 t를 계산합니다. 매개변수 a와 d는 곡선의 제어점에, b와 c는 각각 곡선의 시작점과 끝점에 해당합니다. 마지막 매개변수인 t는 0과 1사이에서 표현됩니다. 함수는 먼저 x좌표를 호출한 다음, y좌표를 호출하여 위치 t를 찾게됩니다. curvePoint__returns = 숫자: 위치 t에 해당하는 베지어값 curvePoint__params__a = 숫자: 곡선의 1번째 제어점 좌표값 @@ -225,9 +277,21 @@ curveTangent__params__b = 숫자: 1번째 제어점 좌표값 curveTangent__params__c = 숫자: 2번째 제어점 좌표값 curveTangent__params__d = 숫자: 곡선의 2번째 점 좌표값 curveTangent__params__t = 숫자: 0과 1 사이의 값 -beginContour__description__0 = beginContour()와 endContour() 함수를 사용하여 특정 도형 내부에 그 음수 좌표에 상응하는 동일한 도형 윤곽선을 그릴 수 있습니다. 예를 들어, 동그라미의 안쪽에 또다른 작은 동그라미를 그릴 수 있습니다. beginContour()는 도형의 꼭지점을 기록하기 시작하고, endContour()는 그 기록을 중지합니다. 이 때, 안쪽의 도형을 정의하는 꼭지점은 바깥쪽의 도형과 반대 순서로 그려져야 합니다. 먼저 바깥에 위치한 원래 도형의 꼭지점을 시계 방향으로 그리고, 그 다음 내부의 도형을 시계 반대 방향으로 그립니다.

    beginContour()/endContour() 함수는 반드시 beginShape()/endShape() 함수 사이에 작성되어야 합니다. 또한, beingContour()/endContour() 함수 사이에는 translate(), rotate(), scale()과 같은 변형 함수나 ellipse() 및 rect()와 같은 도형그리기 함수가 사용될 수 없습니다. -beginShape__description__0 = beginShape()과 endShape()를 사용하여 좀 더 복잡한 모양을 만들 수 있습니다. beingShape()은 도형의 꼭지점을 기록하기 시작하고, endShape()은 그 기록을 중지합니다. 함수의 매개변수를 통해 꼭지점으로 어떤 도형을 그릴지 결정할 수 있습니다. 별도의 매개변수가 지정되지 않으면, 비정형의 다각형이 그려집니다.

    beginShape()에 쓰이는 매개변수로는 POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, QUAD_STRIP, 그리고 TESS(WebGL 전용)가 있습니다. beginShape() 함수를 호출한 다음, 꼭지점 지정을 위해 vertex() 명령문을 반드시 작성해야 합니다. 도형그리기를 멈추려면 endShape() 함수를 호출하면 됩니다. 각 도형은 현재 지정된 선그리기(stroke) 및 면채우기(fill) 색상으로 그려집니다. -beginShape__params__kind = 상수: POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS 또는 QUAD_STRIP (선택 사항) +beginContour__description__0 = beginContour()와 endContour() 함수를 사용하여 특정 도형 내부에 그 음수 좌표에 상응하는 동일한 도형 윤곽선을 그릴 수 있습니다. 예를 들어, 동그라미의 안쪽에 또다른 작은 동그라미를 그릴 수 있습니다. beginContour()는 도형의 꼭짓점을 기록하기 시작하고, endContour()는 그 기록을 중지합니다. 이 때, 안쪽의 도형을 정의하는 꼭짓점은 바깥쪽의 도형과 반대 순서로 그려져야 합니다. 먼저 바깥에 위치한 원래 도형의 꼭짓점을 시계 방향으로 그리고, 그 다음 내부의 도형을 시계 반대 방향으로 그립니다. +beginContour__description__1 = beginContour()/endContour() 함수는 반드시 beginShape()//Shape\">endShape() 함수 사이에 작성되어야 합니다. 또한, beingContour()/endContour() 함수 사이에는 translate(), rotate(), scale()과 같은 변형 함수나 ellipse() 및 rect()와 같은 도형그리기 함수가 사용될 수 없습니다. +beginShape__description__0 = beginShape()과 endShape()를 사용하여 좀 더 복잡한 모양을 만들 수 있습니다. beingShape()은 도형의 꼭짓점을 기록하기 시작하고, endShape()은 그 기록을 중지합니다. 함수의 매개변수를 통해 꼭짓점으로 어떤 도형을 그릴지 결정할 수 있습니다. 별도의 매개변수가 지정되지 않으면, 비정형의 다각형이 그려집니다. +beginShape__description__1 = beginShape()에 쓰이는 매개변수로는 POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, QUAD_STRIP, 그리고 TESS(WebGL 전용)가 있습니다. beginShape() 함수를 호출한 다음, 꼭짓점 지정을 위해 vertex() 명령문을 반드시 작성해야 합니다. 도형그리기를 멈추려면 endShape() 함수를 호출하면 됩니다. 각 도형은 현재 지정된 선그리기(stroke) 및 면채우기(fill) 색상으로 그려집니다. +beginShape__description__2 = beginShape()와 endShape() 함수들 사이에는 translate(), rotate(), scale()과 같은 변형 함수나 ellipse(), rect()와 같은 도형그리기 함수를 사용할 수 없습니다. +beginShape__description__3 = LINES - 여려 개의 분리 된 선들을 그립니다. +beginShape__description__4 = TRIANGLES - 여러 개의 분리 된 삼각형들을 그립니다. +beginShape__description__5 = TRIANGLE_FAN - 여러 개의 연결 된 삼각형들을 그립니다. 이 삼각형들은 첫 꼭짓점을 공통적으로 하며 부채 모양으로 그려집니다. +beginShape__description__6 = TRIANGLE_STRIP - 여러 개의 연결 된 삼각형들을 그립니다. 이 삼각형들은 한 줄로 그려집니다. +beginShape__description__7 = TRIANGLE_STRIP - 여러 개의 연결 된 삼각형들을 그립니다. 이 삼각형들은 한 줄로 그려집니다. +beginShape__description__8 = QUADS - 여러 개의 분리 된 사각형들을 그립니다. +beginShape__description__9 = TESS (WebGl만 가능) - 모자이크 세공 (tessellation)을 위한 불규칙적 도형을 그립니다. +beginShape__description__10 = beginShape() 함수는 호출할 시, 이후에 여러 개의 vertex() 명령들을 호출해야 합니다.그림 그리기를 멈추려면 endShape() 함수를 호출합니다. 각 도형은 현재의 윤곽선 색으로 그려지며, 면은 현재의 면 색으로 채워집니다. +beginShape__description__11 = translate(), rotate(), 또는 scale()와 같은 변형 함수들은 beginShape() 함수 안에서 사용할 수 없습니다. 또한, ellipse()와 rect() 같은 함수들을 beginShape() 함수 안에서 사용할 수 없습니다. +beginShape__params__kind = 상수: (선택 사항) POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS 또는 QUAD_STRIP bezierVertex__description__0 = 베지어 곡선의 꼭지점 좌표를 지정합니다. bezierVertex()은 매 호출마다 베지어 곡선의 제어점 2개와 고정점 1개의 위치를 정의하고, 이 새로운 선분을 선 또는 도형에 더합니다. bezierVertex()는 WebGL상 2D 및 3D 모드 모두에 적용될 수 있습니다. 2D 모드에서는 6개의 매개변수가, 3D 모드에서는 9개의 매개변수(z좌표값 포함)가 필요합니다.

    beginShape() 함수 안에 작성된 bezierVertex()를 호출하기에 앞서, vertex() 함수를 bezierVertex() 윗줄에 작성하여 곡선의 1번째 고정점을 설정해야 합니다. bezierVertex() 함수는 반드시 beginShape()/endShape() 함수 사이에 작성되어야하며, beginShape() 함수에 MODE나 POINTS 매개변수가 지정되지 않은 경우에만 사용가능 합니다. bezierVertex__params__x2 = 숫자: 1번째 제어점의 x좌표값 bezierVertex__params__y2 = 숫자: 1번째 제어점의 y좌표값 @@ -306,17 +370,6 @@ remove__description__0 = 전체 p5 스케치를 제거합니다. 이 함수는 disableFriendlyErrors__description__0 = 스케치를 만드는 동안 '친근한 에러 시스템(Friendly Error System, FES)'을 필요시 비활성화하여 성능을 향상시킵니다. 친근한 에러 시스템 비활성화하기를 참고하세요. let__description__0 = 새로운 변수를 생성하고 그 이름을 지정합니다. 변수는 값을 담는 컨테이너입니다.
    let으로 선언된 변수는 블록 단위의 적용 범위를 갖습니다. 즉, 변수가 작성된 블록 내에서만 존재하고 사용될 수 있음을 뜻합니다.
    MDN Entry에서 발췌: 블록 범위의 지역 변수를 선언하고, 선택적으로 그 값을 초기화합니다. const__description__0 = 새로운 상수를 생성하고 그 이름을 지정합니다. 마치 let으로 생성된 변수처럼, const로 생성된 상수는 값을 담는 컨테이너입니다. 하지만, 상수는 한 번 산언된 다음 변경할 수 없습니다.
    const로 선언된 상수는 블록 단위의 적용 범위를 갖습니다. 즉, 상수가 작성된 블록 내에서만 존재하고 사용될 수 있음을 뜻합니다. 상수는 자신이 존재하고 있는 범위 내에서 재선언될 수 없습니다.
    MDN Entry에서 발췌: 읽기만 가능한 상수를 선언합니다. const는 블록 단위로 적용되며, let으로 선언된 변수들과 유사합니다. 상수값은 재지정을 통해 변경될 수 없으며, 재선언될 수 없습니다. -===__description__0 = 완전 항등 연산자 '===' 는 두 값이 같으면서 동시에 동일한 유형인지 여부를 확인합니다.
    비교 표현식은 항상 불리언으로 연산됩니다.
    MDN Entry에서 발췌: 이 연산자는 피연산자들이 동일한 값이 아니고/또는 동일한 유형이 아닐 때 참(true)을 반환합니다.
    웹상의 몇몇 예제에서 피연산자 간의 비교를 위해 이중 등호(==)를 사용하는 것을 볼 수 있습니다. 이는 자바스크립트상의 완전 항등 연산자(===)에 해당하지 않으며, 두 피연산자의 값들을 비교하기에 앞서, 그 유형이 동일한지의 여부를 비교하게 됩니다. -===__description__1 = A comparison expression always evaluates to a boolean. -===__description__2 = From the MDN entry: The non-identity operator returns true if the operands are not equal and/or not of the same type. -===__description__3 = Note: In some examples around the web you may see a double-equals-sign ==, used for comparison instead. This is the non-strict equality operator in Javascript. This will convert the two values being compared to the same type before comparing them. ->__description__0 = 비교 연산자 > 는 왼쪽 값이 오른쪽 값보다 큰 경우 참(true)으로 연산합니다.

    MDN 발췌 비교 연산자 상세 설명 ->=__description__0 = 비교 연산자 >= 는 왼쪽 값이 오른쪽 값보다 크거나 같은 경우 참(true)로 연산합니다.

    MDN 발췌 비교 연산자 상세 설명 ->=__description__1 = There is more info on comparison operators on MDN. -<__description__0 = 비교 연산자 < 는 왼쪽 값이 오른쪽 값보다 작은 경우 참(true)으로 연산합니다.

    MDN 발췌 비교 연산자 상세 설명 -<__description__1 = There is more info on comparison operators on MDN. -<=__description__0 = 비교 연산자 <= 는 왼쪽 값이 오른쪽 값보다 작거나 같은 경우 참(true)로 연산합니다.

    MDN 발췌 비교 연산자 상세 설명 -<=__description__1 = There is more info on comparison operators on MDN. if-else__description__0 = if-else문으로 코드의 흐름을 제어할 수 있습니다.
    'if' 바로 다음 괄호 안에 조건을 지정할 수 있으며, 조건이 참(truthy)으로 연산되면 뒤따른 중괄호 사이의 코드가 실행됩니다. 조건이 거짓(falsy)으로 연산되면 'else' 뒤에 오는 중괄호 사이의 코드가 대신 실행됩니다.

    MDN Entry에서 발췌: 지정된 조건이 참일 경우, if문은 명령문을 실행합니다. 조건이 거짓이면 다른 명령문을 실행할 수 잇습니다. function__description__0 = 새로운 함수(function)를 생성하고 그 이름을 지정합니다. 함수란, 작업을 수행하는 일련의 명령문을 뜻합니다.
    선택적으로, 함수는 매개변수를 가질 수 있습니다.매개변수(parameter)란, 특정 함수에만 그 사용 범위가 지정된 변수를 뜻하며 함수 호출시 그 값을 지정할 수 있습니다.

    MDN Entry에서 발췌: 사용자가 지정한 매개변수를 사용하여 함수를 선언합니다. return__description__0 = 함수가 반환할 값을 지정합니다.
    MDN Entry 발췌 함수(function) 상세 설명 diff --git a/src/data/localization/ko/root.ftl b/src/data/localization/ko/root.ftl index 793c61de01..a18fb6bf09 100644 --- a/src/data/localization/ko/root.ftl +++ b/src/data/localization/ko/root.ftl @@ -5,39 +5,35 @@ reference-description3 = 오프라인 버전 다운로드 reference-contribute2 = 여기로 알려주세요. reference-error1 = 오타나 버그를 발견했다면 reference-error3 = p5.js에 기여하고 싶다면, -reference-error5 = 에 풀 리퀘스트(pull request) 해주세요! +reference-error5 = 에 풀 요청(pull request) 해주세요! reference-example = 예제 reference-description = 설명 reference-extends = 확장 -reference-parameters = 변수 +reference-parameters = 매개변수 reference-syntax = 문법 reference-returns = 반환 Environment = 환경 설정 Color = 색상 -Color Conversion = Color Conversion -Creating & Reading = 만들기 & 읽기 -Setting = 설정하기 +Setting = 설정 Shape = 도형 -2D Primitives = 2D 기본 조형 -Attributes = 설정 속성 +Attributes = 도형 속성 Curves = 곡선 -Vertex = 꼭지점 +Vertex = 정점 (Vertex) Constants = 상수 Structure = 구조 -DOM = DOM +DOM = 문서 객체 모델 (DOM) Rendering = 렌더링 -Foundation = Foundation -Transform = 변형 +Foundation = 기초 +Transform = 좌표계 변환 Data = 데이터 LocalStorage = LocalStorage Dictionary = 사전 -Events = 이벤트 +Events = 이벤트 인식 Acceleration = 가속도 Keyboard = 키보드 Mouse = 마우스 Touch = 터치 Image = 이미지 -Loading & Displaying = 불러오기 & 보이기 Pixels = 픽셀 IO = 입력 & 출력 Input = 입력 @@ -50,14 +46,8 @@ Noise = 노이즈 Random = 랜덤 Trigonometry = 삼각법 Typography = 타이포그래피 -Array Functions = 배열 기능 Conversion = 변환 -String Functions = 문자열 기능 -Time & Date = 날짜 & 시간 -3D Primitives = 3D 기본 조형 -Lights, Camera = 조명, 카메라 Interaction = 인터랙션 Lights = 조명 -3D Models = 3D 모델 Material = 재질(Material) Camera = 카메라 From 62239b30f0296b85a78f3824147211dd030c31a2 Mon Sep 17 00:00:00 2001 From: limzykenneth Date: Thu, 7 Oct 2021 20:40:18 +0100 Subject: [PATCH 120/308] Update fluent files to match ko.json --- src/data/localization/ko/JSON.ftl | 2 + src/data/localization/ko/console.ftl | 3 + src/data/localization/ko/p5.Camera.ftl | 39 +- src/data/localization/ko/p5.Color.ftl | 11 + src/data/localization/ko/p5.Element.ftl | 61 +- src/data/localization/ko/p5.Font.ftl | 12 +- src/data/localization/ko/p5.Geometry.ftl | 11 +- src/data/localization/ko/p5.Graphics.ftl | 6 +- src/data/localization/ko/p5.MediaElement.ftl | 24 +- src/data/localization/ko/p5.NumberDict.ftl | 12 + src/data/localization/ko/p5.PrintWriter.ftl | 4 + src/data/localization/ko/p5.Renderer.ftl | 4 + src/data/localization/ko/p5.Shader.ftl | 3 + src/data/localization/ko/p5.StringDict.ftl | 1 + src/data/localization/ko/p5.Table.ftl | 54 +- src/data/localization/ko/p5.TableRow.ftl | 20 +- src/data/localization/ko/p5.Vector.ftl | 123 +- src/data/localization/ko/p5.XML.ftl | 28 +- src/data/localization/ko/p5.ftl | 1185 ++++++++++++------ src/data/reference/ko.json | 99 +- 20 files changed, 1199 insertions(+), 503 deletions(-) diff --git a/src/data/localization/ko/JSON.ftl b/src/data/localization/ko/JSON.ftl index e69de29bb2..47641ec68e 100644 --- a/src/data/localization/ko/JSON.ftl +++ b/src/data/localization/ko/JSON.ftl @@ -0,0 +1,2 @@ +stringify__description__0 = MDN에서 참고: JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환합니다. 선택적으로, replacer를 함수로 전달할 경우 변환 전 값을 변형할 수 있고, 배열로 전달할 경우 지정한 속성만 결과에 포함합니다. +stringify__params__object = 객체: JSON으로 변형하고 싶은 JavaScript 객체 diff --git a/src/data/localization/ko/console.ftl b/src/data/localization/ko/console.ftl index e69de29bb2..5d75a219f5 100644 --- a/src/data/localization/ko/console.ftl +++ b/src/data/localization/ko/console.ftl @@ -0,0 +1,3 @@ +log__description__0 = 브라우저의 메세지 콘솔에 메세지를 프린트합니다. p5에서는 print 또는 console.log 모두 사용가능합니다. +log__description__1 = 콘솔은 브라우저에 따라 다르게 열립니다. 다음은 여러가지 방법이 제시되어 있습니다. Firefox , Chrome, Edge, Safari.
    온라인 p5 에디터에서는 콘솔이 코트 에디터 바로 밑에 고정되어 있습니다. +log__params__message = 문자열|Expression|객체: 콘솔에 프린트하고 싶은 메세지 diff --git a/src/data/localization/ko/p5.Camera.ftl b/src/data/localization/ko/p5.Camera.ftl index c1319b0a31..9807f74b68 100644 --- a/src/data/localization/ko/p5.Camera.ftl +++ b/src/data/localization/ko/p5.Camera.ftl @@ -1,9 +1,42 @@ -description__0 = p5의 WebGL 모드용 카메라를 위한 클래스입니다. 3D씬 렌더링에 필요한 카메라 위치, 방향, 투영 정보 등을 포함합니다.

    createCamera()로 새로운 p5.Camera 객체를 생성하고, 아래의 메소드들을 통해 이를 제어할 수 있습니다. 이러한 방식으로 생성된 카메라는, 여타 메소드들을 통해 변경하지 않는 한, 화면에 기본값으로 설정된 위치 및 투시 투영법을 사용합니다. 여러 대의 카메라 생성 또한 가능한데, 이 경우 setCamera() 메소드로 현재 카메라를 설정할 수 있습니다.

    참고: 아래의 메소드들은 다음 2개의 좌표계에서 작동합니다: 월드 좌표계는 X,Y,Z축 상의 원점에 대한 위치를 나타내는 반면, 로컬 좌표계는 카메라 시점에서의 위치(좌-우, 위-아래, 앞-뒤)를 나타냅니다. move() 메소드는 카메라의 자체 축을 따라 움직이는 반면, setPosition()은 월드 스페이스에서의 카메라의 위치를 설정합니다. +description__0 = p5의 WebGL 모드용 카메라를 위한 클래스입니다. 3D씬 렌더링에 필요한 카메라 위치, 방향, 투영 정보 등을 포함합니다. +description__1 = createCamera()로 새로운 p5.Camera 객체를 생성하고, 아래의 메소드들을 통해 이를 제어할 수 있습니다. 이러한 방식으로 생성된 카메라는, 여타 메소드들을 통해 변경하지 않는 한, 화면에 기본값으로 설정된 위치 및 투시 투영법을 사용합니다. 여러 대의 카메라 생성 또한 가능한데, 이 경우 setCamera() 메소드로 현재 카메라를 설정할 수 있습니다. +description__2 = 참고: 아래의 메소드들은 다음 2개의 좌표계에서 작동합니다: 월드 좌표계는 X,Y,Z축 상의 원점에 대한 위치를 나타내는 반면, 로컬 좌표계는 카메라 시점에서의 위치(좌-우, 위-아래, 앞-뒤)를 나타냅니다. move() 메소드는 카메라의 자체 축을 따라 움직이는 반면, setPosition()은 월드 공간에서의 카메라의 위치를 설정합니다. +description__3 = 카메라 객체의 속성인 eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ 은 카메라 위치, 화면방향, 투영을 지정하며, createCamera() 함수를 통해 형성된 카메라 객체에도 찾을 수 있습니다. +params__rendererGL = RendererGL: WebGL 렌더러의 인스턴스 +eyeX__description__0 = x 축에 있는 카메라 위치 값 +eyeY__description__0 = y 축에 있는 카메라 위치 값 +eyeZ__description__0 = z 축에 있는 카메라 위치 값 +centerX__description__0 = 스케치의 중심을 표시하는 x 좌표 +centerY__description__0 = 스케치의 중심을 표시하는 y 좌표 +centerZ__description__0 = 스케치의 중심을 표시하는 z 좌표 +upX__description__0 = 카메라의 '위' 방향을 표시하는 x 구성요소 +upY__description__0 = 카메라의 '위' 방향을 표시하는 y 구성요소 +upZ__description__0 = 카메라의 '위' 방향을 표시하는 z 구성요소 perspective__description__0 = p5.Camera 객체의 투시 투영법을 설정하고, perspective() 구문에 따라 해당 투영법의 매개변수를 설정합니다. ortho__description__0 = p5.Camera 객체의 직교 투영법을 설정하고, ortho() 구문에 따라 해당 투영법의 매개변수를 설정합니다. +frustum__description__0 = 주어진 매개변수로 퍼스펙티브 매트릭스 (perspective matrix)를 만듧니다. +frustum__description__1 = frustum은 피라미드 모양의 상단을 바닥과 평행한 면에서 잘라낸 기하학적 모양입니다. 이 피라미드의 위에 보는 사람의 눈이 있다 가정하면서 여섯 면은 장면의 특정 부분만 렌더링하는데에 쓰이는 가상의 면인 clipping plane입니다. 3D로 렌더링 할 시, 이 여섯 면 안에 있는 물체는 보이며, 그 바깥에 있는 물체는 보이지 않습니다. 이 링크를 통해 더 자세히 알 수 있습니다. +frustum__description__2 = frustum을 설정하면 렌더링되는 장면이 달라집니다. 이는 간단하게 perspective() 함수를 통해 이룰 수도 있습니다. +frustum__params__left = 숫자: (선택 사항) 카메라 frustum의 왼쪽 면 +frustum__params__right = 숫자: (선택 사항) 카메라 frustum의 오른쪽 면 +frustum__params__bottom = 숫자: (선택 사항) 카메라 frustum의 밑 면 +frustum__params__top = 숫자: (선택 사항) 카메라 frustum의 위 면 +frustum__params__near = 숫자: (선택 사항) 카메라 frustum의 근거리 면 +frustum__params__far = 숫자: (선택 사항) 카메라 frustum의 장거리 면 pan__description__0 = 패닝은 카메라 화면을 좌우로 회전합니다. +pan__params__angle = 숫자: 현재 angleMode 단위로 카메라를 회전할 정도. 0을 초과하는 숫자는 카메라를 시계방향(왼쪽)으로 회전시킵니다. tilt__description__0 = 틸트는 카메라 화면을 상하로 회전합니다. -lookAt__description__0 = 월드 스페이스 위치에서 보도록 카메라 방향을 조정합니다. +tilt__params__angle = 숫자: 현재 angleMode 단위로 카메라를 회전할 정도. 0을 초과하는 숫자는 카메라를 시계방향(왼쪽)으로 회전시킵니다. +lookAt__description__0 = 월드 공간 위치에서 보도록 카메라 방향을 조정합니다. +lookAt__params__x = 숫자: 월드 공간 속 한 점의 x 위치 +lookAt__params__y = 숫자: 월드 공간 속 한 점의 y 위치 +lookAt__params__z = 숫자: 월드 공간 속 한 점의 z 위치 camera__description__0 = 카메라의 위치와 방향을 설정합니다. p5.Camera 객체에 camera()를 호출하는 것과 동일한 효과를 갖습니다. move__description__0 = 현재 카메라 방향을 유지하면서 그 로컬축을 따라 이동합니다. -setPosition__description__0 = 현재 카메라 방향을 유지하면서 카메라의 위치를 월드 스페이스에서의 위치로 설정합니다. \ No newline at end of file +move__params__x = 숫자: 카메라의 좌우축에서 움직일 정도 +move__params__y = 숫자: 카메라의 상하축에서 움직일 정도 +move__params__z = 숫자: 카메라의 앞뒤축에서 움직일 정도 +setPosition__description__0 = 현재 카메라 방향을 유지하면서 카메라의 위치를 월드 공간에서의 위치로 설정합니다. +setPosition__params__x = 숫자: 월드 공간 속 한 점의 x 위치 +setPosition__params__y = 숫자: 월드 공간 속 한 점의 y 위치 +setPosition__params__z = 숫자: 월드 공간 속 한 점의 z 위치 diff --git a/src/data/localization/ko/p5.Color.ftl b/src/data/localization/ko/p5.Color.ftl index e69de29bb2..20b6105038 100644 --- a/src/data/localization/ko/p5.Color.ftl +++ b/src/data/localization/ko/p5.Color.ftl @@ -0,0 +1,11 @@ +description__0 = 처음 만들었을 때의 색상모드와 레벨들의 최댓값들을 저장합니다. 이 값들은 입력 인수로 사용되거나 (창조시기, 또는 같은 색의 인스턴스가 이후에 사용될 때) 출력의 체재를 설정하는데 사용됩니다 (saturation()와 같은 함수들을 사용할 때). +description__1 = 내적으로는 RGBA 값들을 부동소수점 형식으로 배열 안에 저장하며, 이 값들은 0과 1 사이로 정규화됩니다. 이 값들로 가장 가까운 색 (0과 255 사이)를 계산하며 렌더러에 전달합니다. +description__2 = 다양한 형식의 부동소수점 구성요소들을 케시에 임시저장하기도 합니다. 이는 최근에 이루어진 계산을 반복하지 않기 위해서입니다. +setRed__description__0 = setRed 함수는 색깔의 빨강값을 설정합니다. 컬러모드에 따라 다를 수도 있지만, RBG 모드는 0과 255 사이의 값입니다. +setRed__params__red = 숫자: 새로운 빨강값 +setGreen__description__0 = setGreen 함수는 색깔의 초록값을 설정합니다. 컬러모드에 따라 다를 수도 있지만, RBG 모드는 0과 255 사이의 값입니다. +setGreen__params__green = 숫자: 새로운 초록값 +setBlue__description__0 = setBlue 함수는 색깔의 파랑값을 설정합니다. 컬러모드에 따라 다를 수도 있지만, RBG 모드는 0과 255 사이의 값입니다. +setBlue__params__blue = 숫자: 새로운 파랑값 +setAlpha__description__0 = setAlpha 함수는 색깔의 알파값 (투명도)을 설정합니다. 컬러모드에 따라 다를 수도 있지만, RBG 모드는 0과 255 사이의 값입니다. +setAlpha__params__alpha = 숫자: 새로운 알파값 diff --git a/src/data/localization/ko/p5.Element.ftl b/src/data/localization/ko/p5.Element.ftl index 5d9f1d4f1f..33b420c3fe 100644 --- a/src/data/localization/ko/p5.Element.ftl +++ b/src/data/localization/ko/p5.Element.ftl @@ -1,38 +1,87 @@ description__0 = 캔버스, 그래픽 버퍼, 기타 HTML 요소를 비롯하여, 스케치에 추가된 모든 요소(element)들을 위한 기본 클래스입니다. p5.Element 클래스는 직접 호출되지 않지만, 그 객체는 createCanvas, createGraphics, createDiv, createImg, createInput 호출을 통해 생성됩니다. params__elt = 문자열: 래핑된 DOM 노드 -params__pInst = P5: p5 인스턴스에 대한 포인터 (선택 사항) +params__pInst = P5: (선택 사항) p5 인스턴스에 대한 포인터 elt__description__0 = 기본 HTML 요소로, 모든 일반 HTML 메소드를 호출. -parent__description__0 = 지정된 부모 클래스에 요소를 연결합니다. 요소의 컨테이너를 설정하는 방법입니다. 문자열 ID, DOM 노드, 또는 p5.Element를 허용합니다. 별도의 인수가 지정되지 않을 경우, 부모 노드가 반환됩니다. 캔버스 배치하는 다른 방법들은 이 위키 페이지를 참고하세요. +parent__description__0 = 지정된 부모 클래스에 요소를 연결합니다. 요소의 컨테이너를 설정하는 방법입니다. 문자열 ID, DOM 노드, 또는 p5.Element를 허용합니다. 별도의 인수가 지정되지 않을 경우, 부모 노드가 반환됩니다. 캔버스 배치하는 다른 방법들은 이 위키 페이지에서 확인할 수 있습니다. +parent__params__parent = 문자열|p5.Element|객체: 지정된 부모 요소의 ID, DOM node, 또는 p5.Element id__description__0 = 요소의 ID를 설정합니다. 별도로 지정한 ID 인수가 없으면, 요소의 현재 ID를 반환합니다. 요소당 1개의 특정 id를 가질 수 있습니다. .class() 함수는 동일한 클래스 이름을 가진 여러 요소들을 식별하는 데에 사용됩니다. +id__params__id = 문자열: 요소의 ID class__description__0 = 사용자가 지정한 클래스를 요소에 더합니다. 별도로 지정한 클래스 인수가 없으면, 요소의 현재 클래스(들)를 포함하는 문자열을 반환합니다. +class__params__class = 문자열: 추가할 클래스 mousePressed__description__0 = .mousePressed() 함수는 요소 위에서 마우스 버튼이 눌릴 때마다 한 번씩 호출됩니다. 터치 스크린 기반의 모바일 브라우저에서는 손가락 탭을 통해 이벤트가 발생합니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +mousePressed__params__fxn = 함수|불리언: 마우스를 요소 위에서 버튼이 눌릴 때 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. doubleClicked__description__0 = .doubleClicked() 함수는 요소 위에서 마우스 버튼을 빠르게 두 번 클릭할 때마다 한 번씩 호출됩니다. 요소에 행동 특정적 이벤트 리스너를 연결하는 데에 사용됩니다. doubleClicked__returns = p5.Element: -mouseWheel__description__0 = .mouseWheel() 함수는 요소 위에서 마우스 휠을 스크롤 할 때마다 한 번싹 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다.
    이 함수에서는 콜백 함수를 인수로서 사용할 수 있습니다. 그 경우, 요소 위에서 휠 이벤트가 발생할 때마다 콜백 함수가 하나의 event 인수로서 전달됩니다. event.deltaY 속성은 마우스 휠이 위쪽으로 회전하거나 사용자로부터 멀어지면 음수값을 반환하고, 그 반대 방향에선 양수값을 반환합니다. event.deltaX 속성은 마우스 가로 휠 스크롤을 읽는다는 점을 제외하고 event.deltaY와 동일하게 작동합니다. +doubleClicked__params__fxn = 함수|불리언: 마우스를 요소 위에서 더블클릭 할 때 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. +mouseWheel__description__0 = .mouseWheel() 함수는 요소 위에서 마우스 휠을 스크롤 할 때마다 한 번싹 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +mouseWheel__description__1 = 이 함수에서는 콜백 함수를 인수로서 사용할 수 있습니다. 그 경우, 요소 위에서 휠 이벤트가 발생할 때마다 콜백 함수가 하나의 event 인수로서 전달됩니다. event.deltaY 속성은 마우스 휠이 위쪽으로 회전하거나 사용자로부터 멀어지면 음수값을 반환하고, 그 반대 방향에선 양수값을 반환합니다. event.deltaX 속성은 마우스 가로 휠 스크롤을 읽는다는 점을 제외하고 event.deltaY와 동일하게 작동합니다. +mouseWheel__description__2 = +mouseWheel__description__3 = +mouseWheel__params__fxn = 함수|불리언: 마우스를 요소 위에서 스크롤 할 때 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. mouseReleased__description__0 = .mouseReleased() 함수는 요소 위에서 마우스 버튼을 놓을 때마다 한 번씩 호출됩니다. 터치 스크린 기반의 모바일 브라우저에서는 손가락 탭을 통해 이벤트가 발생합니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +mouseReleased__params__fxn = 함수|불리언: 마우스를 요소 위에서 버튼이 놓일 때 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. mouseClicked__description__0 = .mouseClicked() 함수는 요소 위에서 마우스 버튼을 클릭한 뒤 놓을 때마다 한 번씩 호출됩니다. 터치 스크린 기반의 모바일 브라우저에서는 손가락 탭을 통해 이벤트가 발생합니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +mouseClicked__params__fxn = 함수|불리언: 마우스를 요소 위에서 클릭 할 때 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. mouseMoved__description__0 = .mouseMoved() 함수는 마우스가 요소 위에서 움직일 때마다 한 번씩 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +mouseMoved__params__fxn = 함수|불리언: 마우스를 요소 위에서 움직일 때 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. mouseOver__description__0 = .mouseOver() 함수는 마우스가 요소 위에 올라올 때마다 한 번씩 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +mouseOver__params__fxn = 함수|불리언: 마우스를 요소 위로 움직일 때 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. mouseOut__description__0 = .mouseOut() 함수는 마우스가 요소 위에서 벗어날 때마다 한 번씩 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +mouseOut__params__fxn = 함수|불리언: 마우스를 요소 위에서부터 다른 곳으로 움직일 때 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. touchStarted__description__0 = .touchStarted() 함수는 터치가 등록될 때마다 한 번씩 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +touchStarted__params__fxn = 함수|불리언: 터치가 등록될 때마다 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. touchMoved__description__0 = .touchMoved() 함수는 터치 움직임이 등록될 때마다 한 번씩 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. -touchEnded__description__0 = .touchEnded() 함수는 터치가 등록될 때마다 한 번씩 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +touchMoved__params__fxn = 함수|불리언: 터치 움직임이 등록될 때마다 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. +touchEnded__description__0 = .touchEnded() 함수는 터치의 끝이 등록될 때마다 한 번씩 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +touchEnded__params__fxn = 함수|불리언: 터치의 끝이 등록될 때마다 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. dragOver__description__0 = .dragOver() 함수는 요소 위에 파일을 드래그할 때마다 한 번씩 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +dragOver__params__fxn = 함수|불리언: 요소 위에 파일을 드래그할 때마다 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. dragLeave__description__0 = .dragLeave() 함수는 드래그된 파일이 요소 영역을 벗어날 때마다 한 번씩 호출됩니다. 요소에 이벤트 리스너를 연결하는 데에 사용됩니다. +dragLeave__params__fxn = 함수|불리언: 드래그된 파일이 요소 영역을 벗어날 때마다 호출 될 함수. 대신 false을 사용할 시, 함수호출은 중지됩니다. addClass__description__0 = 요소에 특정 클래스를 추가합니다. +addClass__params__class = 문자열: 추가할 클래스의 이름 removeClass__description__0 = 요소로부터 특정 클래스를 제거합니다. +removeClass__params__class = 문자열: 삭제할 클래스의 이름 hasClass__description__0 = 요소에 이미 클래스가 설정되어 있는지 확인합니다. +hasClass__returns = 불리언: 요소가 클래스가 있는 여부 +hasClass__params__c = 문자열: 확인할 클래스의 이름 toggleClass__description__0 = 요소 클래스를 토글합니다. +toggleClass__params__c = 문자열: 토글할 클래스의 이름 child__description__0 = 지정된 부모 클래스에 요소를 자식으로서 연결합니다. 문자열 ID, DOM 노드, 또는 p5.Element를 허용합니다. 별도의 인수가 지정되지 않을 경우, 자식 DOM 노드 배열이 반환됩니다. +child__returns = 노드 배열[]: 자식 노드의 배열 +child__params__child = 문자열|p5.Element: (선택 사항) 본 객체애 연결할 객체의 ID, 문서 객체 모델 (DOM) 노드, 또는 p5.Element center__description__0 = p5 Element를 수직으로, 수평으로, 또는 수직 및 수평으로 가운데 정렬합니다. 별도로 지정한 부모가 있는 경우 부모를 기준으로, 부모가 없는 경우 그 자신을 기준으로 합니다. 별도로 지정한 인수가 없으면 요소는 수직 및 수평으로 정렬됩니다. +center__params__align = 문자열: (선택 사항) 'vertical' 또는 'horizontal'로 요소를 수직 또는 수평적으로 정렬합니다 html__description__0 = 사용자가 별도로 지정한 인수로서 요소의 내부 HTML을 설정하며, 기존의 모든 HTML를 대체합니다. 참(true)이 그 2번째 인수로서 포함된 경우, 기존의 모든 HTML을 대체하는 대신 새로운 HTML을 추가(append)합니다. 별도로 지정한 인수가 없으면 요소의 내부 HTML을 반환합니다. -position__description__0 = 요소의 위치를 설정합니다. 별도로 지정한 위치 유형 인수가 없는 경우, 화면창의 (0,0)을 기준으로 합니다. 기본적으로, 이 메소드를 통해 position:absolute와 left 및 top 스타일 속성을 설정합니다. 선택적으로, 3번째 인수를 통해 x 및 y 좌표의 위치 지정 체계를 설정할 수 있습니다. 별도로 지정한 인수가 없으면 함수는 요소의 x와 y의 위치를 반환합니다. +html__returns = 문자열: 요소의 내부 HTML 요소 +html__params__html = 문자열: (선택 사항) 요소 안에 설정할 HTML +html__params__append = 불리언: (선택 사항) 새로 입력한 HTML을 추가 (false의 경우 기존 HTML을 덮어 씁니다) +position__description__0 = 요소의 위치를 설정합니다. 별도로 지정한 위치 유형 인수가 없는 경우, 화면창의 (0,0)을 기준으로 합니다. 기본적으로, 이 메소드를 통해 position:absolute와 left 및 top 스타일 속성을 설정합니다. 선택적으로, 3번째 인수를 통해 x 및 y 좌표의 위치 지정 체계를 설정할 수 있습니다. 별도로 지정한 인수가 없으면 함수는 요소의 x와 y의 위치를 반환합니다. +position__returns = 객체: 요소의 위치를 나타내는 {"{"} x: 0, y: 0 {"}"} 형식의 객체 +position__params__x = 숫자: (선택 사항) 윈도우 왼쪽 위 기준으로한 x 위치 +position__params__y = 숫자: (선택 사항) 윈도우 왼쪽 위 기준으로한 y 위치 +position__params__positionType = 문자열: static, fixed, relative, sticky, initial 또는 inherit style__description__0 = 별도 지정한 값(2번째 인수)으로 CSS 스타일 속성(1번째 인수)을 설정합니다. 1개의 인수만 지정할 경우, .style()은 주어진 속성의 값을 반환합니다. 그러나 이 인수를 CSS 구문('text-align:center')으로 작성할 경우, .style()은 CSS를 설정합니다. +style__returns = 문자열: 속성의 값 +style__params__property = 문자열: 설정할 속성 +style__params__value = 문자열|p5.Color: 속성에 설정할 값 attribute__description__0 = 사용자가 지정한 요소에 새 속성을 추가하거나, 요소의 기존 속성값을 변경합니다. 별도로 지정한 값이 없는 경우 주어진 속성의 값을 반환하고, 속성이 설정되지 않은 경우 null을 반환합니다. +attribute__returns = 문자열: 속성의 값 +attribute__params__attr = 문자열: 설정할 속성 +attribute__params__value = 문자열: 설정할 속성값 removeAttribute__description__0 = 요소로부터 속성을 제거합니다. +removeAttribute__params__attr = 문자열: 삭제할 속성 value__description__0 = 별도로 지정한 인수가 없는 경우, 요소의 값을 반환하거나 설정합니다. +value__returns = 문자열|숫자: 요소의 값 +value__params__value = 문자열|숫자 show__description__0 = 현재 요소를 보여줍니다. display:block로 스타일을 설정합니다. hide__description__0 = 현재 요소를 숨깁니다. display:none으로 스타일을 설정합니다. size__description__0 = 요소의 너비와 높이를 설정합니다. AUTO는 한 번에 한 개의 수치를 조정하는 데에 쓰입니다. 별도로 지정한 인수가 없는 경우, 객체 속 요소의 너비와 높이를 반환합니다. 이미지 파일과 같이 불러오기가 필요한 요소의 경우, 불러오기가 완료된 후 함수를 호출하는 것을 권장합니다. +size__returns = 객체: 객체 안 요소의 너비와 높이 +size__params__w = 숫자|상수: 요소의 너비 - AUTO, 또는 숫자 +size__params__h = 숫자|상수: (선택 사항) 요소의 높이 - AUTO, 또는 숫자 remove__description__0 = 요소를 제거하고, 모든 미디어 스트림을 중지하며, 모든 리스너를 해제합니다. -drop__description__0 = 요소에 드롭된 파일이 로드될 때마다 호출되는 콜백을 등록합니다. p5는 메모리에 드롭된 모든 파일을 로드하고 이를 p5.File 객체로서 콜백에 전달합니다. 동시에 여러 파일을 드롭할 경우, 콜백이 여러 번 호출됩니다. 선택적으로, raw 드롭 이벤트에 등록될 2번째 콜백을 전달할 수 있습니다. 이 경우, 콜백에 본래 DragEvent도 제공됩니다. 동시에 여러 파일을 드롭하면 2번째 콜백이 드롭당 한 번씩 발생하며, 1번째 콜백은 로드된 파일당 한 번씩 발생합니다. \ No newline at end of file +drop__description__0 = 요소에 드롭된 파일이 로드될 때마다 호출되는 콜백을 등록합니다. p5는 메모리에 드롭된 모든 파일을 로드하고 이를 p5.File 객체로서 콜백에 전달합니다. 동시에 여러 파일을 드롭할 경우, 콜백이 여러 번 호출됩니다. 선택적으로, raw 드롭 이벤트에 등록될 2번째 콜백을 전달할 수 있습니다. +drop__description__1 = 이 경우, 콜백에 본래 DragEvent도 제공됩니다. 동시에 여러 파일을 드롭하면 2번째 콜백이 드롭당 한 번씩 발생하며, 1번째 콜백은 로드된 파일당 한 번씩 발생합니다. +drop__params__callback = 함수: 로딩된 파일을 사용할 콜백 함수. 파일이 드롭될 때마다 호출됩니다. +drop__params__fxn = 함수: (선택 사항) 파일들이 드롭될 경우 단 한번만 호출될 콜백 함수. diff --git a/src/data/localization/ko/p5.Font.ftl b/src/data/localization/ko/p5.Font.ftl index d7827b4de9..e41680804d 100644 --- a/src/data/localization/ko/p5.Font.ftl +++ b/src/data/localization/ko/p5.Font.ftl @@ -1,5 +1,15 @@ description__0 = 폰트 조정을 위한 기본 클래스 -params__pInst = P5: p5 인스턴스 포인터 (선택 사항) +params__pInst = P5: (선택 사항) p5 인스턴스 포인터 font__description__0 = 기본 개방형 글꼴 구현 textBounds__description__0 = 이 폰트로 지정된 텍스트 문자열에 대한 바운딩 박스를 반환합니다. (현재 텍스트 한 줄씩만 지원합니다.) +textBounds__returns = 객체: x, y, w, h의 속성을 가진 직사각형의 객체 +textBounds__params__line = 문자열: 텍스트 한 줄 +textBounds__params__x = 숫자: x 위치 +textBounds__params__y = 숫자: y 위치 +textBounds__params__fontSize = 숫자: (선택 사항) 사용할 폰트의 크기. 기본값은 12. +textBounds__params__options = 객체: (선택 사항) OTF (OpenType Font) 파일의 설정 옵션. OpenType 폰트는 정렬과 기준 선 (baseline) 옵션이 있습니다. 기본값은 'LEFT'와 'alphabetic'입니다. textToPoints__description__0 = 지정된 텍스트 경로를 따르는 점들의 배열을 계산합니다. +textToPoints__params__txt = 문자열: 텍스트 한 줄 +textToPoints__params__x = 숫자: x 위치 +textToPoints__params__y = 숫자: y 위치 +textToPoints__params__fontSize = 숫자: (선택 사항) 사용할 폰트의 크기. 기본값은 12. diff --git a/src/data/localization/ko/p5.Geometry.ftl b/src/data/localization/ko/p5.Geometry.ftl index 11b9030264..ec54fb4665 100644 --- a/src/data/localization/ko/p5.Geometry.ftl +++ b/src/data/localization/ko/p5.Geometry.ftl @@ -1,8 +1,9 @@ description__0 = p5 기하 클래스 -params__detailX = 정수: 수평 표면 위의 꼭지점 개수 (선택 사항) -params__detailY = 정수: 수직 표면 위의 꼭지점 개수 (선택 사항) +params__detailX = 정수: (선택 사항) 수평 표면 위의 꼭짓점 개수 +params__detailY = 정수: (선택 사항) 수직 표면 위의 꼭짓점 개수 params__callback = 함수: 객체를 인스턴스화할 때 호출할 함수 -computeNormals__description__0 = 꼭지점 당 부드러운 법선을 각 면의 평균으로서 계산합니다. -averageNormals__description__0 = 꼭지점 법선의 평균을 구합니다. 곡면에 사용됩니다. +computeFaces__description__0 = 꼭짓점 기준으로 도형의 면들을 생성합니다. +computeNormals__description__0 = 꼭짓점 당 부드러운 법선을 각 면의 평균으로서 만듧니다. +averageNormals__description__0 = 꼭짓점 법선의 평균을 구합니다. 곡면에 사용됩니다. averagePoleNormals__description__0 = 극점 법선의 평균을 구합니다. 구형의 기초 조형에 사용됩니다. -normalize__description__0 = 모든 꼭지점이 -100부터 100사이의 중심에 오도록 수정합니다. +normalize__description__0 = 모든 꼭짓점이 -100부터 100사이의 중심에 오도록 수정합니다. diff --git a/src/data/localization/ko/p5.Graphics.ftl b/src/data/localization/ko/p5.Graphics.ftl index 5685f53f69..7136c9328d 100644 --- a/src/data/localization/ko/p5.Graphics.ftl +++ b/src/data/localization/ko/p5.Graphics.ftl @@ -1,7 +1,7 @@ -description__0 = 렌더러을 둘러싼 얇은 래퍼(wrapper)로, 그래픽 버퍼 객체를 생성하는 데에 사용합니다. 화면 밖 그래픽 버퍼에 그리려면 이 클래스를 사용하세요. 2개의 매개변수는 너비와 높이를 픽셀 단위로 지정합니다. 이 클래스의 필드와 메소드는 확장성이 있으나, p5를 위한 일반적인 드로잉 API를 반영합니다.
    p5.Element를 확장합니다. +description__0 = 렌더러을 둘러싼 얇은 래퍼(wrapper)로, 그래픽 버퍼 객체를 생성하는 데에 사용합니다. 화면 밖 그래픽 버퍼에 그리려면 이 클래스를 사용합니다. 2개의 매개변수는 너비와 높이를 픽셀 단위로 지정합니다. 이 클래스의 필드와 메소드는 확장성이 있으나, p5를 위한 일반적인 그리기 API를 반영합니다. p5.Element를 확장합니다. params__w = 숫자: 너비값 params__h = 숫자: 높이값 params__renderer = 상수: 사용할 렌더러, P2D 또는 WEBGL -params__pInst = P5: p5 인스턴스에 대한 포인터 (선택 사항) -reset__description__0 = 그래픽 버퍼 객체로 자동 재설정되지 않은 특정값들(예: 레퍼런스 중 변형(Transform) 또는 조명(Light) 항목에 해당하는 함수들로서 지정된 값들). 이 메소드를 draw() 함수 안에서 호출하면, 기본 캔버스의 행위를 복제합니다. +params__pInst = P5: (선택 사항) p5 인스턴스에 대한 포인터 +reset__description__0 = 그래픽 버퍼 객체로 자동 재설정되지 않은 특정값들(예: 레퍼런스 중 변형(Transform) 또는 조명(Light) 항목에 해당하는 함수들로서 지정된 값들). 이 메소드를 draw() 함수 안에서 호출하면, 기본 캔버스의 행위를 복제합니다. remove__description__0 = 페이지에서 그래픽 객체를 제거하고 이 객체에 연결된 모든 소스들을 연결 해제합니다. diff --git a/src/data/localization/ko/p5.MediaElement.ftl b/src/data/localization/ko/p5.MediaElement.ftl index a722650500..5dd76fd98f 100644 --- a/src/data/localization/ko/p5.MediaElement.ftl +++ b/src/data/localization/ko/p5.MediaElement.ftl @@ -1,21 +1,41 @@ description__0 = 오디오/비디오 처리를 위해 p5.Element를 확장합니다. p5.Element의 메소드 뿐 아니라, 미디어 제어를 위한 메소드도 포함합니다. p5.MediaElements는 직접 호출되지 않지만, createVideo, createAudio, CreateCapture 호출을 통해 생성됩니다. params__elt = 문자열: 래핑된 DOM 노드 src__description__0 = 미디어 요소 소스 경로 +src__returns = 문자열: 소스 play__description__0 = HTML5 미디어 요소를 재생합니다. stop__description__0 = HTML5 미디어 요소를 중지합니다. (현재 시간을 0으로 설정) pause__description__0 = HTML5 미디어 요소를 일시정지합니다. loop__description__0 = HTML5 미디어 요소의 반복을 참(true)로 설정하고, 재생 시작합니다. noLoop__description__0 = HTML5 미디어 요소의 반복을 거짓(false)으로 설정합니다. 종료 시점에 도달하면 요소가 중지합니다. autoplay__description__0 = HTML5 미디어 요소 자동재생 여부 설정 +autoplay__params__shouldAutoplay = 불리언: 요소의 자동재생 여부 volume__description__0 = HTML5 미디어 요소의 볼륨을 설정합니다. 별도로 지정한 인수가 없으면, 현재 볼륨을 반환합니다. +volume__returns = 숫자: 현재 볼륨 +volume__params__val = 숫자: 0.0과 1.0 사이의 볼륨 speed__description__0 = 별도로 지정한 인수가 없으면, 요소의 현재 재생 속도를 반환하빈다. 속도 매개변수는 2.0일 때 2배속으로, 0.5일 때 0.5배속으로, -1일 때 정상 속도로 역재생합니다. (모든 브라우저가 역재생을 지원하지 않으며, 일부 지원 브라우저에서도 부드럽게 재생되지 않을 수 있습니다.) +speed__returns = 숫자: 요소의 현재 재생 속도 +speed__params__speed = 숫자: 배속도 매개변수 time__description__0 = 별도로 지정한 인수가 없을 경우, 요소의 현재 시간을 반환합니다. 인수가 지정될 경우, 요소의 현재 시간이 해당 인수로 설정됩니다. +time__returns = 숫자: 현재 시간 (초) +time__params__time = 숫자: 설정할 시간 (초) duration__description__0 = HTML5 미디어 요소의 지속 시간을 반환합니다. +duration__returns = 숫자: 지속 시간 onended__description__0 = 오디오/비디오 요소가 종료 시점에 도달할 때 호출할 이벤트를 예약합니다. 요소가 반복하는 경우 호출되지 않습니다. 요소는 oneded 콜백에 인수로 전달됩니다. -connect__description__0 = 요소가 출력한 오디오를 특정 audioNode나 p5.sound 객체로 보냅니다. 요소가 없는 경우, p5의 마스터 출력에 연결합니다. 모든 연결은 .disconnect() 메소드로 제거할 수 있습니다. p5.sound.js 애드온 라이브러리로 이러한 방법을 사용할 수 있습니다. +onended__params__callback = 함수: 오디오/비디오 요소가 끝났을 때 호출될 함수. 요소는 콜백 함수의 인자값으로 지정됩니다. +connect__description__0 = 요소가 출력한 오디오를 특정 audioNode나 p5.sound 객체로 보냅니다. 요소가 없는 경우, p5의 마스터 출력에 연결합니다. 모든 연결은 .disconnect() 메소드로 제거할 수 있습니다. +connect__description__1 = p5.sound.js 추가적 라이브러리로 이러한 방법을 사용할 수 있습니다. +connect__params__audioNode = AudioNode|객체: 웹 오디오 API의 AudioNode, 또는 p5.sound 라이브러리의 객체 disconnect__description__0 = 마스터 출력을 비롯하여 모든 웹 오디오 라우팅을 분리합니다. 사용 예: 오디오 효과를 통해 출력을 다시 라우팅할 때 showControls__description__0 = 웹 브라우저가 지정한 기본 미디어 요소(MediaElement) 컨트롤을 나타냅니다. hideControls__description__0 = 기본 미디어 요소(MediaElement) 컨트롤을 숨깁니다. -addCue__description__0 = 오디오/비디오와 같은 미디어 요소(MediaElement)가 재생 큐 지점에 도달할 때 발생할 이벤트를 예약합니다. 콜백 함수, 콜백이 발생할 시간(초 단위), 콜백에 대한 선택적 매개변수를 허용합니다. 1번째 매개변수는 시간(time)을, 2번째 매개변수는 param을 콜백 함수에 전달합니다. +addCue__description__0 = 오디오/비디오와 같은 미디어 요소(MediaElement)가 재생 큐 지점에 도달할 때 발생할 이벤트를 예약합니다. +addCue__description__1 = 콜백 함수, 콜백이 발생할 시간(초 단위), 콜백에 대한 선택적 매개변수를 허용합니다. +addCue__description__2 = 첫 번째 매개변수는 시간(time)을, 두 번째 매개변수는 param을 콜백 함수에 전달합니다. +addCue__returns = 숫자: 큐의 ID. removeCue(id) 함수에 유용함. +addCue__params__time = 숫자: 요소에 대한 초 단위의 시산. 예를 들어, 2초마다 이벤트를 발생시킬 시, 숫자 '2'를 인자값으로 합니다. 이 숫자는 콜백 함수의 첫 매개변수로 전달됩니다. +addCue__params__callback = 함수: 호출될 함수. 콜백 함수는 매개변수로 'time'과 'param'을 받습니다. +addCue__params__value = 객체: (선택 사항) 콜백 함수에 전달될 객체. removeCue__description__0 = ID를 기반으로 콜백을 제거합니다. ID는 addCue 메소드로 반환됩니다. +removeCue__params__id = 숫자: addCue에서 반환되는 cue의 ID clearCues__description__0 = addCue 메소드로 예약된 모든 콜백을 제거합니다. +clearCues__params__id = 숫자: addCue에서 반환되는 cue의 ID diff --git a/src/data/localization/ko/p5.NumberDict.ftl b/src/data/localization/ko/p5.NumberDict.ftl index d0ef4ccf23..b75d08c5ec 100644 --- a/src/data/localization/ko/p5.NumberDict.ftl +++ b/src/data/localization/ko/p5.NumberDict.ftl @@ -1,9 +1,21 @@ description__0 = 숫자를 위한 간단한 사전 클래스
    p5.TypedDict를 확장합니다. add__description__0 = 특정 키에 현재 저장된 값에 사용자가 지정한 숫자를 더하고, 그 결과값은 사전 안에 저장되어있던 기존값을 대체합니다. +add__params__Key = 숫자: 숫자를 더하고 싶은 키 +add__params__Number = 숫자: 값에 더할 숫자 sub__description__0 = 특정 키에 현재 저장된 값에서 사용자가 지정한 숫자를 빼고, 그 결과값은 사전 안에 저장되어있던 기존값을 대체합니다. +sub__params__Key = 숫자: 숫자를 뻬고 싶은 키 +sub__params__Number = 숫자: 값에서 뺄 숫자 mult__description__0 = 특정 키에 현재 저장된 값에 사용자가 지정한 숫자를 곱하고, 그 결과값은 사전 안에 저장되어있던 기존값을 대체합니다. +mult__params__Key = 숫자: 숫자를 곱하고 싶은 키 +mult__params__Amount = 숫자: 값에 곱할 숫자 div__description__0 = 특정 키에 현재 저장된 값을 사용자가 지정한 숫자로 나누고, 그 몫은 사전 안에 저장되어있던 기존값을 대체합니다. +div__params__Key = 숫자: 숫자로 나누고 싶은 키 +div__params__Amount = 숫자: 값으로부터 나눌 숫자 minValue__description__0 = 사전 안에 현재 저장된 값들 중 가장 낮은 숫자를 반환합니다. +minValue__returns = 숫자: 가장 낮은 숫자 maxValue__description__0 = 사전 안에 현재 저장된 값들 중 가장 높은 숫자를 반환합니다. +maxValue__returns = 숫자: 가장 높은 숫자 minKey__description__0 = 사전에서 사용된 키들 중 가장 낮은 키를 반환합니다. +minKey__returns = 숫자: 가장 낮은 키 maxKey__description__0 = 사전에서 사용된 키들 중 가장 높은 키를 반환합니다. +maxKey__returns = 숫자: 가장 높은 키 diff --git a/src/data/localization/ko/p5.PrintWriter.ftl b/src/data/localization/ko/p5.PrintWriter.ftl index 3e4e7991f1..28e3e50f25 100644 --- a/src/data/localization/ko/p5.PrintWriter.ftl +++ b/src/data/localization/ko/p5.PrintWriter.ftl @@ -1,4 +1,8 @@ +params__filename = 문자열: +params__extension = 문자열: (선택 사항) write__description__0 = PrintWriter 스트림에 데이터를 작성합니다. +write__params__data = 배열: PrintWriter가 작성할 모든 데이터 print__description__0 = PrintWriter 스트림에 데이터를 작성하고, 마지막에 새로운 한 줄을 추가합니다. +print__params__data = 배열: PrintWriter가 프린트 할 모든 데이터 clear__description__0 = PrintWriter 객체에 이미 작성된 데이터를 제거합니다. close__description__0 = PrintWriter를 종료합니다. diff --git a/src/data/localization/ko/p5.Renderer.ftl b/src/data/localization/ko/p5.Renderer.ftl index e69de29bb2..00ac1c4516 100644 --- a/src/data/localization/ko/p5.Renderer.ftl +++ b/src/data/localization/ko/p5.Renderer.ftl @@ -0,0 +1,4 @@ +description__0 = 그래픽과 렌더링의 기초되는 클래스이며, p5.js의 코어 (core)에 사용되는 기초적 API입니다. Render2D와 Renderer3D 클래스들의 부모클래스로 사용됩니다. +params__elt = 문자열: DOM 노드 +params__pInst = P5: (선택 사항) p5 인스턴스에 향한 포인터 +params__isMainCanvas = 불리언: (선택 사항) 메인 캔버스임의 여부 diff --git a/src/data/localization/ko/p5.Shader.ftl b/src/data/localization/ko/p5.Shader.ftl index e533ed6b2a..43f80690be 100644 --- a/src/data/localization/ko/p5.Shader.ftl +++ b/src/data/localization/ko/p5.Shader.ftl @@ -2,3 +2,6 @@ description__0 = WebGL 모드를 위한 셰이더 클래스 params__renderer = p5.RendererGL: 새로운 p5.Shader에 GL 문맥을 제공하는 p5.RendererGL 인스턴스 params__vertSrc = 문자열: 버텍스 셰이더의 소스 코드 (문자열 형식) params__fragSrc = 문자열: 프래그먼트 셰이더의 소스 코드 (문자열 형식) +setUniform__description__0 = gl.uniform 함수들을 감싸는 래퍼. uniform (셰이더의 변수)의 데이터를 셰이더에 저장하면서 타입 검증을 한 후 알맞은 함수를 호출합니다. +setUniform__params__uniformName = 문자열: 셰이더 프로그램에 있는 uniform 속성의 이름 +setUniform__params__data = 객체|숫자|불리언|숫자 배열[]: 선택한 uniform과 연관시킬 데이터; 타입은 다양합니다 (숫자 하나, 배열, 매트릭스, 또는 텍스쳐/샘플러 참고자료). diff --git a/src/data/localization/ko/p5.StringDict.ftl b/src/data/localization/ko/p5.StringDict.ftl index e69de29bb2..3156eab9d0 100644 --- a/src/data/localization/ko/p5.StringDict.ftl +++ b/src/data/localization/ko/p5.StringDict.ftl @@ -0,0 +1 @@ +description__0 = 문자열을 위한 간단한 사전. diff --git a/src/data/localization/ko/p5.Table.ftl b/src/data/localization/ko/p5.Table.ftl index 46d2215f5a..7f9f7686e2 100644 --- a/src/data/localization/ko/p5.Table.ftl +++ b/src/data/localization/ko/p5.Table.ftl @@ -1,28 +1,76 @@ description__0 = 테이블 객체는 기존의 스프레트 시트처럼 복수의 행과 열에 데이터를 저장합니다. 동적으로 새로운 테이블을 생성하거나, 기존 파일 데이터를 사용하여 생성할 수 있습니다. -params__rows = p5.TableRow 배열[]: p5.TableRow 객체의 배열 (선택 사항) +params__rows = p5.TableRow 배열[]: (선택 사항) p5.TableRow 객체의 배열 columns__description__0 = 테이블의 행명을 담는 배열. 테이블의 헤더(header)를 함께 불러올 경우, header 매개변수. rows__description__0 = 테이블의 행을 채우는 p5.TableRow 객체의 배열. getRows() 호출과 동일한 결과를 갖습니다. addRow__description__0 = addRow()를 사용하여 p5.Table 객체에 새로운 행 데이터를 추가할 수 있습니다. 기본값으로 빈 행이 생성됩니다. 일반적으로, TableRow 객체에 있는 새로운 행에 레퍼런스를 저장하고 (위의 예제 중 newRow 참고), set()을 사용하여 각각의 개별값을 설정합니다. p5.TableRow 객체를 매개변수로 지정할 경우, 행을 복제하여 테이블에 추가합니다. +addRow__returns = p5.TableRow: 추가된 행 +addRow__params__row = p5.TableRow: (선택 사항) 추가될 행 removeRow__description__0 = 테이블 객체에서 행을 제거합니다. +removeRow__params__id = 정수: 제거할 행의 ID getRow__description__0 = 지정된 p5.TableRow에 레퍼런스를 반환합니다. 반환된 레퍼런스는 지정된 행의 값을 받아오거나 설정할 때 사용할 수 있습니다. +getRow__returns = p5.TableRow: p5.TableRow 객체 +getRow__params__rowID = 정수: 찾을 행의 ID getRows__description__0 = 테이블의 모든 행을 받아옵니다. p5.TableRow 배열들을 반환합니다. +getRows__returns = p5.TableRow 배열[]: p5.TableRow의 배열 findRow__description__0 = 지정된 값을 포함하는 테이블 행 중 1번째 행을 검색하고, 해당 행의 레퍼런스를 반환합니다. 여러 개의 행들이 지정된 값을 포함하더라도, 오직 1번째 행만 반환됩니다. ID 또는 제목(title) 설정을 통해 검색할 열도 지정가능합니다. findRow__returns = p5.TableRow: +findRow__params__value = 문자열: 검색할 값 +findRow__params__column = 정수|문자열: 검색할 열의 ID 또는 제목 findRows__description__0 = 지정된 값을 포함하는 테이블 행들을 검색하고, 해당 행들의 레퍼런스를 반환합니다. 반환된 배열은 위의 예제처럼 모든 행을 반복 처리하는 데에 사용됩니다.ID 또는 제목(title) 설정을 통해 검색할 열도 지정가능합니다. -matchRow__description__0 = 지정된 정규 표현식과 매칭하는 테이블 행 중 1번째 행을 검색하고, 해당 행의 레퍼런스를 반환합니다. 반환된 배열은 모든 행을 반복 처리하는 데에 사용됩니다. ID 또는 제목(title) 설정을 통해 검색할 열도 지정가능합니다. +findRows__returns = p5.TableRow 배열[]: p5.TableRow의 배열 +findRows__params__value = 문자열: 검색할 값 +findRows__params__column = 정수|문자열: 검색할 열의 ID 또는 제목 +matchRow__description__0 = 지정된 정규표현식과 매칭하는 테이블 행 중 1번째 행을 검색하고, 해당 행의 레퍼런스를 반환합니다. 반환된 배열은 모든 행을 반복 처리하는 데에 사용됩니다. ID 또는 제목(title) 설정을 통해 검색할 열도 지정가능합니다. +matchRow__returns = p5.TableRow: p5.TableRow 객체 +matchRow__params__regexp = 문자열|RegExp: 검색할 정규표현식 +matchRow__params__column = 문자열|정수: 검색할 열의 ID 또는 제목 +matchRows__description__0 = 지정된 정규표현식과 매칭하는 테이블 행들을 검색하고, 해당 행들의 배열을 반환합니다. 반환된 배열은 모든 행을 반복 처리하는 데에 사용됩니다. ID 또는 제목(title) 설정을 통해 검색할 열도 지정가능합니다. +matchRows__returns = p5.TableRow[]: p5.TableRow의 배열 +matchRows__params__regexp = 문자열: 검색할 정규표현식 +matchRows__params__column = 문자열|정수: (선택 사항) 검색할 열의 ID 또는 제목 getColumn__description__0 = 특정 열의 모든 값들을 가져와 배열로 반환합니다. 열은 그 ID 또는 제목(title)으로 지정가능합니다. +getColumn__returns = 배열: 열 값들의 배열 +getColumn__params__column = 문자열|숫자: 반환할 열의 ID 또는 제목 clearRows__description__0 = 테이블로부터 모든 행을 제거합니다. 모든 행들이 제거되어도 열과 열 제목은 유지됩니다. addColumn__description__0 = addColumn()을 사용하여 p5.Table 객체에 새로운 열 데이터를 추가할 수 있습니다. 일반적으로 열 제목을 설정하여 이후 쉽게 참조되도록 합니다. (별도의 제목을 지정하지 않는 경우, 새로운 열의 제목은 null이 됩니다.) +addColumn__params__title = 문자열: (선택 사항) 해당 열의 제목 getColumnCount__description__0 = 테이블의 전체 열 개수를 반환합니다. +getColumnCount__returns = 정수: 테이블의 열 개수 getRowCount__description__0 = 테이블의 전체 행 개수를 반환합니다. +getRowCount__returns = 정수: 테이블의 행 개수 removeTokens__description__0 = 지정된 문자(또는 '토큰')을 제거합니다. 별도의 열을 지정하지 않는 경우, 모든 행과 열 속 값들이 처리됩니다. 열은 ID 또는 제목으로 참조가능합니다. +removeTokens__params__chars = 문자열: 제거할 문자들의 문자열 +removeTokens__params__column = 문자열|정수: (선택 사항) 열 ID (숫자) 또는 제목 (문자열) trim__description__0 = 문자열 테이블 값에서 스페이스나 탭과 같은 선행 및 후행 공백을 자릅니다. 별도의 열을 지정하지 않는 경우, 모든 행과 열 속 값들이 처리됩니다. 열은 ID 또는 제목으로 참조가능합니다. +trim__params__column = 문자열|정수: (선택 사항) 열 ID (숫자) 또는 제목 (문자열) removeColumn__description__0 = removeColumn()을 사용하여 테이블 객체로부터 특정 열을 제거합니다. 제거될 열은 그 제목(문자열) 또는 인덱스 값(정수)로 식별할 수 있습니다. removeColumn(0)은 1번째 열을, removeColumn(1)은 2번째 열을 제거합니다. +removeColumn__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) set__description__0 = 테이블 중 지정된 행과 열에 값을 저장합니다. 행은 ID로, 열은 ID 또는 제목으로 지정가능합니다. +set__params__row = 정수: row ID +set__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) +set__params__value = 문자열|숫자: 저장할 값 setNum__description__0 = 테이블 중 지정된 행과 열에 실수(float)값을 저장합니다. 행은 ID로, 열은 ID 또는 제목으로 지정가능합니다. +setNum__params__row = 정수: row ID +setNum__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) +setNum__params__value = 숫자: 저장할 값 setString__description__0 = 테이블 중 지정된 행과 열에 문자열 값을 저장합니다. 행은 ID로, 열은 ID 또는 제목으로 지정가능합니다. +setString__params__row = 정수: row ID +setString__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) +setString__params__value = 문자열: 저장할 값 get__description__0 = 테이블 중 지정된 행과 열에 값을 받아옵니다. 행은 ID로, 열은 ID 또는 제목으로 지정가능합니다. +get__returns = 문자열|숫자: 지정된 행과 열에 값 +get__params__row = 정수: 행 ID +get__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) getNum__description__0 = 이블 중 지정된 행과 열에 실수(float)값을 받아옵니다. 행은 ID로, 열은 ID 또는 제목으로 지정가능합니다. -getString__description__0 = 테이블 중 지정된 행과 열에 문자열 값을 받아옵니다. 행은 ID로,ø 열은 ID 또는 제목으로 지정가능합니다. +getNum__returns = 숫자: 실수값 +getNum__params__row = 정수: 행 ID +getNum__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) +getString__description__0 = 테이블 중 지정된 행과 열에 문자열 값을 받아옵니다. 행은 ID로, 열은 ID 또는 제목으로 지정가능합니다. +getString__returns = 문자열: 문자열 값 +getString__params__row = 정수: 행 ID +getString__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) getObject__description__0 = 모든 테이블 데이터를 받아와 객체로 반환합니다. 열 이름이 전달될 경우, 각 행 객체는 해당 속성을 제목으로 저장합니다. +getObject__returns = 객체: 테이블 객체 +getObject__params__headerColumn = 문자열: (선택 사항) 행의 제목을 정할 열의 제목/이름 getArray__description__0 = 모든 테이블 데이터를 받아와 다차원 배열로 반환합니다. +getArray__returns = 배열: 다차원 배열 diff --git a/src/data/localization/ko/p5.TableRow.ftl b/src/data/localization/ko/p5.TableRow.ftl index a90391046a..411cef4104 100644 --- a/src/data/localization/ko/p5.TableRow.ftl +++ b/src/data/localization/ko/p5.TableRow.ftl @@ -1,9 +1,23 @@ -description__0 = TableRow 객체는 테이블 중 열에 저장된 데이터 값들의 단일 행을 표현합니다.
    테이블 행은 정렬된 배열과 정렬되지 않은 JSON 객체를 모두 포함합니다. -params__str = 문자열: 구분 기호로 분리된 문자열값으로 행 채우기 (선택 사항) -params__separator = 문자열: 기본값은 쉼표 단위 구분(csv) (선택 사항) +description__0 = TableRow 객체는 테이블 중 열에 저장된 데이터 값들의 단일 행을 표현합니다. +description__1 = 테이블 행은 정렬된 배열과 정렬되지 않은 JSON 객체를 모두 포함합니다. +description__2 = +params__str = 문자열: (선택 사항) 구분 기호로 분리된 문자열값으로 행 채우기 +params__separator = 문자열: (선택 사항) 기본값은 쉼표 단위 구분(csv) set__description__0 = TableRow의 지정된 열에 값을 저장합니다. 열은 ID 또는 제목으로 지정가능합니다. +set__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) +set__params__value = 문자열|숫자: 저장될 값 setNum__description__0 = TableRow의 지정된 열에 실수(float)값을 저장합니다. 열은 ID 또는 제목으로 지정가능합니다. +setNum__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) +setNum__params__value = 숫자|문자열: 저장될 값 as a Float setString__description__0 = TableRow의 지정된 열에 문자열 값을 저장합니다. 열은 ID 또는 제목으로 지정가능합니다. +setString__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) +setString__params__value = 문자열|숫자|불리언|객체: 저장될 값 get__description__0 = TableRow의 지정된 열로부터 값을 받습니다. 열은 ID 또는 제목으로 지정가능합니다. +get__returns = 문자열|숫자: +get__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) getNum__description__0 = TableRow의 지정된 열로부터 실수(float)값을 받습니다. 열은 ID 또는 제목으로 지정가능합니다. +getNum__returns = 숫자: 실수 +getNum__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) getString__description__0 = TableRow의 지정된 열로부터 문자열 값을 받습니다. 열은 ID 또는 제목으로 지정가능합니다. +getString__returns = 문자열: String +getString__params__column = 문자열|정수: 열 ID (숫자) 또는 제목 (문자열) diff --git a/src/data/localization/ko/p5.Vector.ftl b/src/data/localization/ko/p5.Vector.ftl index b67ea03b4e..c9028d1e79 100644 --- a/src/data/localization/ko/p5.Vector.ftl +++ b/src/data/localization/ko/p5.Vector.ftl @@ -1,38 +1,133 @@ -description__0 = 2차원 및 3차원 벡터, 특히 유클리드 (기하학) 벡터를 설명하는 클래스입니다. 벡터는 크기와 방향을 모두 지닌 개체입니다. 하지만, 그 데이터 유형은 벡터의 성분(2D의 경우 x와 y, 3D의 경우 x, y, z)을 저장합니다. 크기와 방향은 각각 mag() 및 heading() 메소드를 통해 접근할 수 있습니다.

    p5.Vector는 위치, 속도, 가속을 다루는 수많은 p5.js 예제에서 사용됩니다. 예를 들어, 화면을 가로질러 움직이는 직사각형을 만들려면, 이 물체의 위치(원점에서 그 위치를 가리키는 벡터), 속도(단위 시간당 객체의 위치가 변하는 속도, 벡터로 표시), 그리고 가속도(단위 시간당 객체의 속도가 변하는 속도, 벡터로 표시)를 반드시 고려해야합니다.

    벡터는 그룹화된 값들을 나타냅니다. 따라서, 전통적인 덧셈/곱셈 대신, p5.Vector 클래스 내부의 벡터 수학 메소드를 사용해서 계산해야 합니다. -params__x = 숫자: 벡터의 x성분 (선택 사항) -params__y = 숫자: 벡터의 y성분 (선택 사항) -params__z = 숫자: 벡터의 z성분 (선택 사항) +description__0 = 2차원 및 3차원 벡터, 특히 유클리드 (기하학) 벡터를 설명하는 클래스입니다. 벡터는 크기와 방향을 모두 지닌 개체입니다. 하지만, 그 데이터 유형은 벡터의 성분(2D의 경우 x와 y, 3D의 경우 x, y, z)을 저장합니다. 크기와 방향은 각각 mag() 및 heading() 메소드를 통해 접근할 수 있습니다. +description__1 = p5.Vector는 위치, 속도, 가속을 다루는 수많은 p5.js 예제에서 사용됩니다. 예를 들어, 화면을 가로질러 움직이는 직사각형을 만들려면, 이 물체의 위치(원점에서 그 위치를 가리키는 벡터), 속도(단위 시간당 객체의 위치가 변하는 속도, 벡터로 표시), 그리고 가속도(단위 시간당 객체의 속도가 변하는 속도, 벡터로 표시)를 반드시 고려해야 합니다. +description__2 = 벡터는 그룹화된 값들을 나타냅니다. 따라서, 전통적인 덧셈/곱셈 대신, p5.Vector 클래스 내부의 벡터 수학 메소드를 사용해서 계산해야 합니다. +params__x = 숫자: (선택 사항) 벡터의 x성분 +params__y = 숫자: (선택 사항) 벡터의 y성분 +params__z = 숫자: (선택 사항) 벡터의 z성분 x__description__0 = 벡터의 x성분 y__description__0 = 벡터의 y성분 z__description__0 = 벡터의 z성분 -set__description__0 = 두 세개의 개별 변수, p5.Vector 데이터, 또는 실수(float) 배열의 값들을 사용하여 벡터의 x, y, z성분을 설정합니다. +set__description__0 = 두 세개의 개별 변수, p5.Vector 데이터, 또는 실수(float) 배열의 값들을 사용하여 벡터의 x, y, z 성분을 설정합니다. +set__params__x = 숫자: (선택 사항) 벡터의 x 성분 +set__params__y = 숫자: (선택 사항) 벡터의 x 성분 +set__params__z = 숫자: (선택 사항) 벡터의 z 성분 +set__params__value = p5.Vector|숫자 배열[]: 설정할 벡터 copy__description__0 = 벡터의 복사본을 가져와 p5.Vector 객체를 반환합니다. -add__description__0 = x, y, z성분을 벡터에 더하거나, 한 벡터를 다른 벡터에 더하거나, 또는 2개의 독립 벡터를 더합니다. 2개의 독립 벡터를 더하는 메소드는 정적 메소드에 해당하며, p5.Vector를 반환합니다. 다른 메소드들은 벡터에 직접 작용합니다. 자세한 내용은 예제를 참고하세요. -rem__description__0 = 한 벡터를 다른 벡터로 나눈 뒤의 나머지 벡터를 제공합니다. 자세한 내용은 예제를 참고하세요. -sub__description__0 = x, y, z성분을 벡터에서 빼거나, 한 벡터에서 다른 벡터를 빼거나, 또는 2개의 독립 벡터를 뺍니다. 2개의 독립 벡터를 빼는 메소드는 정적 메소드에 해당하며, p5.Vector를 반환합니다. 다른 메소드들은 벡터에 직접 작용합니다. 자세한 내용은 예제를 참고하세요. -mult__description__0 = 벡터에 스칼라를 곱합니다. 정적 메소드인 경우 새로운 p5.Vector를 생성하는 반면, 정적 메소드가 아닌 경우 벡터에 직접 작용합니다. 자세한 내용은 예제를 참고하세요. +copy__returns = p5.Vector: p5.Vector 객체의 복사본 +add__description__0 = x, y, z 성분을 벡터에 더하거나, 한 벡터를 다른 벡터에 더하거나, 또는 2개의 독립 벡터를 더합니다. 2개의 독립 벡터를 더하는 메소드는 정적 메소드에 해당하며, p5.Vector를 반환합니다. 다른 메소드들은 벡터에 직접 작용합니다. 자세한 내용을 위해서 예제를 참고할 수 있습니다. +add__params__x = 숫자: 추가할 벡터의 x 성분 +add__params__y = 숫자: (선택 사항) 추가할 벡터의 y 성분 +add__params__z = 숫자: (선택 사항) 추가할 벡터의 z 성분 +add__params__value = p5.Vector|숫자 배열[]: 추가할 벡터 +add__params__v1 = p5.Vector: 추가할 p5.Vector +add__params__v2 = p5.Vector: 추가할 p5.Vector +add__params__target = p5.Vector: (선택 사항) 결과를 받을 벡터 +rem__description__0 = 한 벡터를 다른 벡터로 나눌 때의 나머지(remainder)를 구합니다. 자세한 내용을 위해서 예제를 참고할 수 있습니다. +rem__params__x = 숫자: 나누는 벡터의 x 성분 +rem__params__y = 숫자: 나누는 벡터의 y 성분 +rem__params__z = 숫자: 나누는 벡터의 z 성분 +rem__params__value = p5.Vector | 숫자 배열[]: 나누는 벡터 +rem__params__v1 = p5.Vector: 나누어지는 p5.Vector +rem__params__v2 = p5.Vector: 나누는 p5.Vector +sub__description__0 = x, y, z성분을 벡터에서 빼거나, 한 벡터에서 다른 벡터를 빼거나, 또는 2개의 독립 벡터를 뺍니다. 2개의 독립 벡터를 빼는 메소드는 정적 메소드에 해당하며, p5.Vector를 반환합니다. 다른 메소드들은 벡터에 직접 작용합니다. 자세한 내용은 예제를 참고할 수 있습니다. +sub__params__x = 숫자: 뺄샘할 벡터의 x 성분 +sub__params__y = 숫자: (선택 사항) 뺄샘할 벡터의 y 성분 +sub__params__z = 숫자: (선택 사항) 뺄샘할 벡터의 z 성분 +sub__params__value = p5.Vector|숫자 배열[]: 뺄샘할 벡터 +sub__params__v1 = p5.Vector: 뺄샘할 p5.Vector +sub__params__v2 = p5.Vector: 뺄샘할 p5.Vector +sub__params__target = p5.Vector: (선택 사항) 결과를 받을 벡터 +mult__description__0 = 벡터에 스칼라를 곱합니다. 정적 메소드인 경우 새로운 p5.Vector를 생성하는 반면, 정적 메소드가 아닌 경우 벡터에 직접 작용합니다. 자세한 내용을 위해서 예제를 참고할 수 있습니다. +mult__params__n = 숫자: 벡터로 곱할 숫자 +mult__params__x = 숫자: 벡터의 x 성분에 곱할 숫자 +mult__params__y = 숫자: 벡터의 y 성분에 곱할 숫자 +mult__params__z = 숫자: (선택 사항) 벡터의 z 성분에 곱할 숫자 +mult__params__arr = 숫자 배열[]: 벡터의 성분들에 곱할 숫자 배열 +mult__params__v = p5.Vector: 원본 벡터의 성분들에 곱할 벡터 +mult__params__target = p5.Vector: (선택 사항) 결과를 받을 벡터 mult__params__v0 = p5.Vector mult__params__v1 = p5.Vector -div__description__0 = 벡터를 스칼라로 나눕니다. 정적 메소드인 경우 새로운 p5.Vector를 생성하는 반면, 정적 메소드가 아닌 경우 벡터에 직접 작용합니다. 자세한 내용은 예제를 참고하세요. +div__description__0 = 벡터를 스칼라로 나눕니다. 정적 메소드인 경우 새로운 p5.Vector를 생성하는 반면, 정적 메소드가 아닌 경우 벡터에 직접 작용합니다. 자세한 내용을 위해서 예제를 참고할 수 있습니다. +div__params__n = 숫자: 벡터를 나눌 숫자 +div__params__x = 숫자: 벡터의 x 성분에 나눌 숫자 +div__params__y = 숫자: 벡터의 y 성분에 나눌 숫자 +div__params__z = 숫자: (선택 사항) 벡터의 z 성분에 나눌 숫자 +div__params__arr = 숫자 배열[]: 벡터의 성분들을 나눌 숫자 +div__params__v = p5.Vector: 원본 벡터의 성분들을 나눌 벡터 +div__params__target = p5.Vector: (선택 사항) 결과를 받을 벡터 div__params__v0 = p5.Vector div__params__v1 = p5.Vector mag__description__0 = 벡터의 크기(길이)를 계산하고 그 결과를 실수(float)으로 반환합니다. (이는 수식 sqrt(x*x + y*y + z*z)과도 같습니다.) +mag__returns = 숫자: 벡터의 크기(길이) +mag__params__vecT = p5.Vector: 크기를 찾을 벡터 magSq__description__0 = 벡터의 제곱 크기를 계산하고 그 결과를 실수(float)로 반환합니다. (이는 수식 sqrt(x*x + y*y + z*z)과도 같습니다.) 벡터를 비교하는 등의 경우에서 실제 길이를 포함하지 않으면 더 빠르게 계산됩니다. -dot__description__0 = 두 벡터의 내적을 계산합니다. 2개의 독립 벡터의 내적을 계산하는 메소드는 정적 메소드에 해당합니다. 자세한 내용은 예제를 참고하세요. -cross__description__0 = 두 벡터의 외적으로 구성된 벡터를 계산하고 반환합니다. 정적 및 비정적 메소드 모두 새로운 p5.Vector를 반환합니다. 자세한 내용은 예제를 참고하세요. +magSq__returns = 숫자: 벡터 크기의 제곱 +dot__description__0 = 두 벡터의 내적을 계산합니다. 2개의 독립 벡터의 내적을 계산하는 메소드는 정적 메소드에 해당합니다. 자세한 내용을 위해서 예제를 참고할 수 있습니다. +dot__returns = 숫자: the dot product +dot__params__x = 숫자: 벡터의 x 성분 +dot__params__y = 숫자: (선택 사항) 벡터의 y 성분 +dot__params__z = 숫자: (선택 사항) 벡터의 z 성분 +dot__params__value = p5.Vector: 벡터의 내적 값 또는 p5.Vector 객체 +dot__params__v1 = p5.Vector: 첫 번째 p5.Vector 객체 +dot__params__v2 = p5.Vector: 두 번째 p5.Vector 객체 +cross__description__0 = 두 벡터의 외적으로 구성된 벡터를 계산하고 반환합니다. 정적 및 비정적 메소드 모두 새로운 p5.Vector를 반환합니다. 자세한 내용을 위해서 예제를 참고할 수 있습니다. +cross__returns = p5.Vector: 외적을 가진 p5.Vector 객체 +cross__params__v = p5.Vector: 외적을 구할 p5.Vector 객체 +cross__params__v1 = p5.Vector: 첫 번째 p5.Vector 객체 +cross__params__v2 = p5.Vector: 두 번째 p5.Vector 객체 dist__description__0 = 두 점 사이의 유클리드 거리를 계산합니다 (점을 벡터 객체로 간주). +dist__returns = 숫자: 두 점 사이의 거리 +dist__params__v = p5.Vector: x, y, z 좌표를 가진 p5.Vector +dist__params__v1 = p5.Vector: 첫 번째 p5.Vector 객체 +dist__params__v2 = p5.Vector: 두 번째 p5.Vector 객체 normalize__description__0 = 벡터를 길이 1로 정규화합니다. (단위 벡터로 만듭니다.) +normalize__returns = p5.Vector: 정규화된 p5.Vector 객체 +normalize__params__v = p5.Vector: 정규화할 벡터 +normalize__params__target = p5.Vector: (선택 사항) 결과를 받을 벡터 limit__description__0 = 벡터의 크기를 매개변수 max의 값으로 제한합니다. +limit__params__max = 숫자: 벡터의 최댓값 setMag__description__0 = 벡터의 크기를 매개변수 len의 값으로 제한합니다. +setMag__params__len = 숫자: 벡터의 새로운 크리 heading__description__0 = 벡터의 회전 각도를 계산합니다. (2D 벡터만 해당) -rotate__description__0 = 벡터를 특정 각도로 회전하되(2D 벡터만 해당), 크기는 동일하게 유지합니다. -angleBetween__description__0 = 두 벡터 사이의 각도(원주호, radian)를 계산하고 반환합니다. +heading__returns = 숫자: 회전 각도 +setHeading__description__0 = 벡터를 회전시킵니다 (2D 벡터만 해당. 벡터의 크기는 유지됩니다. +setHeading__params__angle = 숫자: 회전의 각도 +rotate__description__0 = 벡터를 특정 각도로 회전하되 (2D 벡터만 해당), 크기는 동일하게 유지합니다. +rotate__params__angle = 숫자: 회전의 각도 +rotate__params__v = p5.Vector +rotate__params__target = p5.Vector: (선택 사항) 결과를 받을 벡터 +angleBetween__description__0 = 두 벡터 사이의 각도 (라디안 단위)를 계산하고 반환합니다. +angleBetween__returns = 숫자: 벡터 사이의 각도 (라디안 단위) +angleBetween__params__value = p5.Vector: p5.Vector 객체의 x, y, z 성분 lerp__description__0 = 한 벡터와 다른 벡터를 선형적으로 보간합니다. +lerp__params__x = 숫자: 벡터의 x 성분 +lerp__params__y = 숫자: 벡터의 y 성분 +lerp__params__z = 숫자: 벡터의 z 성분 +lerp__params__amt = 숫자: 보간의 정도; 0.0 (구 벡터)과 1.0 (신 벡터) 사이의 값. 0.9은 새로운 벡터에 가까운 값입니다. 0.5은 두 벡터의 정중앙입니다. +lerp__params__v = p5.Vector: 선형적 보간을 할 p5.Vector 객체 lerp__params__v1 = p5.Vector lerp__params__v2 = p5.Vector +lerp__params__target = p5.Vector: (선택 사항) 결과를 받을 벡터 reflect__description__0 = 2D 선 또는 3D 평면의 법선에 들어오는 벡터를 반영합니다. 이 메소드는 벡터에 직접 작용합니다. +reflect__params__surfaceNormal = p5.Vector: 반영 법선이 될 p5.Vector 객체가 정규화됩니다. array__description__0 = 벡터의 표현을 실수 배열로 반환합니다. 이는 일시적으로만 사용됩니다. 다른 경우에도, p5.Vector.copy() 메소드를 통해 배열에 내용을 복사해야 합니다. +array__returns = 숫자 배열[]: 3 가지 값을 가진 배열 equals__description__0 = p5.Vector에 대한 평등 검사 +equals__returns = 불리언: 벡터의 평등함 여부 +equals__params__x = 숫자: (선택 사항) 벡터의 x 성분 +equals__params__y = 숫자: (선택 사항) 벡터의 y 성분 +equals__params__z = 숫자: (선택 사항) 벡터의 z 성분 +equals__params__value = p5.Vector|배열: 비교할 벡터 fromAngle__description__0 = 특정 각도에서 새로운 2D 벡터를 생성합니다. +fromAngle__returns = p5.Vector: 새로운 p5.Vector 객체 +fromAngle__params__angle = 숫자: 원하는 라디안 단위의 각도 (angleMode에 영향받지 않은 가도) +fromAngle__params__length = 숫자: (선택 사항) 새로운 벡터의 크리 (기본값은 1) +fromAngles__description__0 = 구면각 (spherical angle)의 쌍에서 새로운 3D 벡터를 생성합니다. +fromAngles__returns = p5.Vector: 새로운 p5.Vector 객체 +fromAngles__params__theta = 라디안 단위, 극각 (0는 위로 향함) +fromAngles__params__phi = 숫자: 라디안 단위, 방위각 (0은 화면 바깥에 있음) +fromAngles__params__length = 숫자: (선택 사항) 새로운 벡터의 크리 (기본값은 1) random2D__description__0 = 임의의 각도에서 새로운 2D 단위 벡터를 생성합니다. +random2D__returns = p5.Vector: 새로운 p5.Vector 객체 random3D__description__0 = 새로운 임의의 3D 단위 벡터를 생성합니다. +random3D__returns = p5.Vector: 새로운 p5.Vector 객체 diff --git a/src/data/localization/ko/p5.XML.ftl b/src/data/localization/ko/p5.XML.ftl index 1ed16ddbd6..b2c5fafe01 100644 --- a/src/data/localization/ko/p5.XML.ftl +++ b/src/data/localization/ko/p5.XML.ftl @@ -1,20 +1,46 @@ -description__0 = XML은 XML 코드를 구문 분석할 수 있는 XML 객체의 표현입니다. loadXML()을 사용하여 외부 XML 파일을 불러와 XML 객체를 생성합니다. +description__0 = XML은 XML 코드를 구문 분석할 수 있는 XML 객체의 표현입니다. loadXML()을 사용하여 외부 XML 파일을 불러와 XML 객체를 생성합니다. getParent__description__0 = 요소 부모의 복사본을 가져와, 부모를 또다른 p5.XML 객체로 반환합니다. +getParent__returns = p5.XML: 부모 객체 getName__description__0 = 요소의 전체 이름을 가져와 문자열로 반환합니다. +getName__returns = 문자열: 요소의 이름 setName__description__0 = 문자열로 설정된 요소 이름을 지정합니다. +setName__params__the = 문자열: 요소의 새 이름 hasChildren__description__0 = 요소의 자식 유무 여부를 확인하고, 그 결과를 불리언으로 반환합니다. +hasChildren__returns = 불리언: listChildren__description__0 = 모든 요소의 자식 이름을 가져와 그 값들을 문자열 배열로 반환합니다. 이는 각 자식 요소마다 getName()을 호출하는 것과 동일한 효과를 갖습니다. +listChildren__returns = 문자열 배열[]: 요소의 자식요소의 배열 getChildren__description__0 = 요소의 모든 자식을 p5.XML 객체 배열로 반환합니다. 이름 매개변수를 지정할 경우, 해당 변수명과 일치하는 모든 자식을 반환합니다. +getChildren__returns = p5.XML 배열[]: 요소의 자식 +getChildren__params__name = 문자열: (선택 사항) 요소의 이름 getChild__description__0 = 이름 매개변수 또는 지정된 인덱스의 자식과 일치하는 요소의 1번째 자식을 반환합니다. 일치하는 자식을 찾지 못하는 경우, 'undefined'를 반환합니다. getChild__returns = p5.XML: +getChild__params__name = 문자열|정수: 요소의 이름 또는 배열값 addChild__description__0 = 요소에 새로운 자식을 추가합니다. 자식은 문자열로 지정될 수 있으며, 이는 새로운 태그명 또는 기존 p5.XML 객체에 대한 레퍼런스로서 사용할 수 있습니다. 새로 추가된 자식에 대한 레퍼런스는 p5.XML 객체로 반환됩니다. +addChild__params__node = p5.XML: a p5.XML 자식요소가 될 요소 또는 객체 removeChild__description__0 = 이름 또는 인덱스로 지정된 요소를 제거합니다 +removeChild__params__name = 문자열|정수: 요소 이름 또는 배열값 getAttributeCount__description__0 = 지정된 요소의 속성 개수를 숫자로 반환합니다. +getAttributeCount__returns = 정수: 요소의 속성 개수 listAttributes__description__0 = 지정된 요소의 모든 속성을 가져와 문자열 배열로 반환합니다. +listAttributes__returns = 문자열 배열[]: 속성의 이름들을 담은 문자열 배열 hasAttribute__description__0 = 요소가 지정된 속성을 갖는지 여부를 확인합니다. +hasAttribute__returns = 불리언: 속성이 있을 시 참, 없을 시 거짓 +hasAttribute__params__the = 문자열: 확인할 요소 getNum__description__0 = 요소의 속성값을 숫자로 반환합니다. 매개변수 defaultValue가 지정되고 속성이 존재하지 않으면 defaultValue를 반환합니다. 매개변수 defaultValue가 지정되지 않고 속성이 존재하지 않으면 값 0을 반환합니다. +getNum__returns = 숫자: +getNum__params__name = 문자열: 속성의 부분적 이름 +getNum__params__defaultValue = 숫자: (선택 사항) 속성의 기본값 getString__description__0 = 요소의 속성값을 문자열로 반환합니다. 매개변수 defaultValue가 지정되고 속성이 존재하지 않으면 'defaultValue'를 반환합니다. 매개변수 defaultValue가 지정되지 않고 속성이 존재하지 않으면 null을 반환합니다. +getString__returns = 문자열: +getString__params__name = 문자열: 속성의 부분적 이름 +getString__params__defaultValue = 숫자: (선택 사항) 속성의 기본값 setAttribute__description__0 = 요소 속성의 내용을 설정합니다. 1번째 매개변수는 속성명을, 2번째 매개변수는 새로운 내용을 지정합니다. +setAttribute__params__name = 문자열: 속성의 부분적 이름 +setAttribute__params__value = 숫자|문자열|불리언: 속성의 값 getContent__description__0 = 요소의 내용을 반환합니다. 매개변수 defaultValue가 지정되고 내용이 존재하지 않으면 'defaultValue'를 반환합니다. 매개변수 defaultValue가 지정되지 않고 내용이 존재하지 않으면 null을 반환합니다. +getContent__returns = 문자열: 요소의 내용 +getContent__params__defaultValue = 문자열: (선택 사항) 내용이 없을 시 반환될 문자열 setContent__description__0 = 요소의 내용을 설정합니다. +setContent__params__text = 문자열: 새로운 내용 serialize__description__0 = 요소를 문자열로 직렬화합니다. 요소의 내용을 http 요청으로 전송하거나 파일 저장을 준비할 때 사용됩니다. +serialize__returns = 문자열: 요소의 문자열 직렬화 diff --git a/src/data/localization/ko/p5.ftl b/src/data/localization/ko/p5.ftl index d944cc62c3..daa61d3023 100644 --- a/src/data/localization/ko/p5.ftl +++ b/src/data/localization/ko/p5.ftl @@ -2,7 +2,7 @@ description__0 = p5 인스턴스 생성자 입니다. description__1 = p5 인스턴스는 p5 스케치와 관련된 모든 속성과 메소드(method)를 보유합니다. 도래할 스케치 클로저(closure)를 예상하고, 생성된 p5 캔버스를 노드에 연결하기 위해 선택적으로 노드 매개변수를 취할 수 있습니다. 스케치 클로저는 새로이 생성된 p5 인스턴스를 유일한 인수로 취하며, 또 선택적으로, 스케치 실행을 위해 preload(), setup(), 그리고/또는 draw() 속성을 담을 수 있습니다. description__2 = p5 스케치는 "전역" 또는 "인스턴스" 모드에서 실행됩니다: "전역 모드" - 모든 속성과 메소드가 윈도우에 속함 "인스턴스 모드" - 모든 속성과 메소드가 특정 p5 객체에 구속됨 returns = P5: p5 인스턴스 -params__sketch = 함수: 주어진 p5 인스턴스에 선택적으로 preload(), setup(), 그리고/또는 draw() 속성을 설정할 수 있는 클로저 +params__sketch = 함수: 주어진 p5 인스턴스에 선택적으로 preload(), setup(), 그리고/또는 draw() 속성을 설정할 수 있는 클로저 params__node = HTML Element: (선택 사항) 캔버스에 속할 요소 describe__description__0 = 스크린리더 (Screen Reader)를 위한 캔버스의 전체적인 서술적 묘사를 설정합니다. 첫 번째 매개변수는 문자열이며, 설정할 묘사입니다. 두 번째 매개변수는 선택 사항이며, 묘사의 표시법을 지정합니다. describe__description__1 = describe(text, LABEL)은 설명을 모든 사용자에게 박물관 라벨/캡션을 캔버스 옆
    칸 안에 나타냅니다. CSS를 통해서 스타일을 자유자재로 바꿀 수 있습니다. @@ -18,8 +18,8 @@ describeElement__params__display = 상수: (선택 사항) LABEL 또는 FALLBACK textOutput__description__0 = textOutput() 함수는 스크린리더 (Screen Reader)를 위한 도형의 설명을 출력합니다. 이 설명은 자동적으로 만들어지며, 첫 부분은 캔버스의 높이 및 너비, 배경색, 그리고 캔버스상 요소 (도형, 또는 도형의 모임)의 개수를 출력합니다 (예: 'Your output is a, 400 by 400 pixels, lavender blue canvas containing the following 4 shapes:'). 다음은 각 요소의 색, 위치, 넓이 등의 정보를 출력합니다 (예: "orange ellipse at top left covering 1% of the canvas"). 각 요소에 대한 구체적 정보는 선택해서 볼 수 있습니다. 요소들의 목록이 제공됩니다. 이 목록에는 도형, 색, 위치, 좌표와 넓이가 묘사되어 있습니다 (예: "orange ellipse location=top left area=2"). textOutput__description__1 = textOutput()과 texOutput(FALLBACK)은 출력물을 스크린리더 (Screen Reader)에 사용되는 캔버스의 부가적 문서객체모델 (DOM)에 제공합니다. textOutput(LABEL)은 캔버스 옆 추가적인 div요소를 만들고 그 안에 설명을 출력합니다. 이는 스크린리더를 사용하지 않지만 코딩하는 동안 출력물을 보면서 하고 싶어하는 유저들에게 유용합니다. 하지만 LABEL을 사용할 시 스크린리더 사용자들에게는 의미없는 중복성을 만들 수 있습니다. 그 이유로 LABEL은 스케치를 만드는 동안에만 사용하고 스케치를 출판하거나 스크린리더 사용자들에게 나누기 전에 지우는 것을 권장합니다. textOutput__params__display = 상수: (선택 사항) FALLBACK 또는 LABEL -gridOutput__description__0 = gridOutput()은 캔버스의 내용물을 위치적에 따라 격자 (grid) 형식으로 나열합니다. 이 테이블을 출력하기 전에 컨버스의 전반적 설명을 출력합니다. 캔버스의 높이 및 너비, 배경색, 그리고 캔버스상 요소 (도형, 또는 도형의 모임)의 개수를 출력합니다 (예: 'Your output is a, 400 by 400 pixels, lavender blue canvas containing the following 4 shapes:'). 그리드는 내용물을 위치적으로 설명하며, 각 요소는 위치의 격자 위 셀 (cell)에 놓입니다. 각 셀에는 특정 요소의 색상과 모양이 저장되어 있습니다 (예: \"orange ellipse\"). 각 요소에 대한 구체적 정보는 선택해서 볼 수 있습니다. 각 요소의 모양, 색, 위치, 넓이 등의 정보가 표기되어 있는 목록 (예: "orange ellipse location=top left area=1%")도 사용 가능합니다. -gridOutput__description__1 = gridOutput() and gridOutput(FALLBACK)은 출력물을 스크린리더 (Screen Reader)에 사용되는 캔버스의 부가적 문서객체모델 (DOM)에 제공합니다. gridOutput(LABEL)은 캔버스 옆 추가적인 div요소를 만들고 그 안에 설명을 출력합니다. 이는 스크린리더를 사용하지 않지만 코딩하는 동안 출력물을 보면서 하고 싶어하는 유저들에게 유용합니다. 하지만 LABEL을 사용할 시 스크린리더 사용자들에게는 의미없는 중복성을 만들 수 있습니다. 그 이유로 LABEL은 스케치를 만드는 동안에만 사용하고 스케치를 출판하거나 스크린리더 사용자들에게 나누기 전에 지우는 것을 권장합니다. +gridOutput__description__0 = gridOutput()은 캔버스의 내용물을 위치적에 따라 격자 (grid) 형식으로 나열합니다. 이 테이블을 출력하기 전에 컨버스의 전반적 설명을 출력합니다. 캔버스의 높이 및 너비, 배경색, 그리고 캔버스상 요소 (도형, 또는 도형의 모임)의 개수를 출력합니다 (예: 'Your output is a, 400 by 400 pixels, lavender blue canvas containing the following 4 shapes:'). 그리드는 내용물을 위치적으로 설명하며, 각 요소는 위치의 격자 위 셀 (cell)에 놓입니다. 각 셀에는 특정 요소의 색상과 모양이 저장되어 있습니다 (예: "orange ellipse"). 각 요소에 대한 구체적 정보는 선택해서 볼 수 있습니다. 각 요소의 모양, 색, 위치, 넓이 등의 정보가 표기되어 있는 목록 (예: "orange ellipse location=top left area=1%")도 사용 가능합니다. +gridOutput__description__1 = gridOutput() and gridOutput(FALLBACK)은 출력물을 스크린리더 (Screen Reader)에 사용되는 캔버스의 부가적 문서객체모델 (DOM)에 제공합니다. gridOutput(LABEL)은 캔버스 옆 추가적인 div요소를 만들고 그 안에 설명을 출력합니다. 이는 스크린리더를 사용하지 않지만 코딩하는 동안 출력물을 보면서 하고 싶어하는 유저들에게 유용합니다. 하지만 LABEL을 사용할 시 스크린리더 사용자들에게는 의미없는 중복성을 만들 수 있습니다. 그 이유로 LABEL은 스케치를 만드는 동안에만 사용하고 스케치를 출판하거나 스크린리더 사용자들에게 나누기 전에 지우는 것을 권장합니다. gridOutput__params__display = 상수: (선택 사항) FALLBACK 또는 LABEL alpha__description__0 = 픽셀 배열로부터 알파값을 추출합니다. alpha__returns = 알파값 @@ -37,7 +37,7 @@ color__returns = 색상 결과 color__params__gray = 숫자: 흑과 백 사이의 값 지정 color__params__alpha = 숫자: 현재 색상 범위(기본값: 0-255)에 대한 알파값 color__params__v1 = 숫자: 현재 색상 범위 내 빨강색(R) 또는 색조값 지정 -color__params__v2 = 숫자: green or saturation value relative to the current color range +color__params__v2 = 숫자: green or saturation value relative to the current color range color__params__v3 = 숫자: 현재 색상 범위 내 파랑색(B) 또는 색조값 지정 color__params__value = 문자열: 색상 문자열 color__params__values = 숫자 배열[]: RGB 및 알파값을 포함한 숫자 배열 @@ -62,9 +62,10 @@ red__description__0 = 색상 또는 픽셀 배열로부터 빨강값을 추출 red__returns = 숫자: 빨강값 red__params__color = p5.Color|숫자 배열[]|문자열: p5.Color 객체, 색상 요소 또는 CSS 색상 saturation__description__0 = 색상 또는 픽셀 배열로부터 채도값을 추출합니다. 채도값은 HSB와 HSL에서 각각 다르게 측정됩니다. 이 함수는 HSL 채도를 기본값으로 제공합니다. 하지만, HSB 색상 객체가 제공 될 때 (또는 색상 모드가 HSB이면서 픽셀 배열이 제공될 때) HSB 채도값을 반환합니다. +saturation__description__1 = Saturation is scaled differently in HSB and HSL. This function will return the HSB saturation when supplied with an HSB color object (or when supplied with a pixel array while the color mode is HSB), but will default to the HSL saturation otherwise. saturation__returns = 숫자: 채도값 saturation__params__color = p5.Color|숫자 배열[]|문자열: p5.Color 객체, 색상 요소 또는 CSS 색상 -background__description__0 = background() 함수는 p5.js 캔버스의 배경색을 설정합니다. 배경색의 기본값은 투명입니다. 이 함수는 주로 draw() 함수 안에 위치하며, 매 프레임마다 캔버스 화면을 초기화하기 위해 사용됩니다. 하지만, 애니메이션의 첫 프레임 배경을 지정하거나 배경색을 최초 한번만 지정할 경우, setup() 함수 안에 쓰이기도 합니다. +background__description__0 = background() 함수는 p5.js 캔버스의 배경색을 설정합니다. 배경색의 기본값은 투명입니다. 이 함수는 주로 draw() 함수 안에 위치하며, 매 프레임마다 캔버스 화면을 초기화하기 위해 사용됩니다. 하지만, 애니메이션의 첫 프레임 배경을 지정하거나 배경색을 최초 한번만 지정할 경우, setup() 함수 안에 쓰이기도 합니다. background__description__1 = 색상은 현재 색상 모드(colorMode)에 따라 RGB, HSB, 또는 HSL값으로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.) 알파값의 기본 제공 범위 역시 0부터 255까지입니다. background__description__2 = 단일한 문자열 인수에 대해 RGB, RGBA, Hex CSS 색상 문자열과 더불어 명명된 모든 색상 문자열이 지원됩니다. 단, 투명도인 알파값을 설정하기 위해서는 반드시 RGBA를 사용해야 합니다. background__description__3 = p5.Color 객체를 통해 배경색을 설정할 수 있습니다. @@ -101,7 +102,7 @@ fill__params__color = p5.Color: 면채우기 색상 noFill__description__0 = 도형에 색을 채우지 않도록 설정합니다. noStroke()과 noFill()을 동시에 사용하면, 화면에 아무것도 나타나지 않습니다. noStroke__description__0 = 선이나 윤곽선을 그리지 않도록 설정합니다. noStroke()과 noFill()을 동시에 사용하면, 화면에 아무것도 나타나지 않습니다. stroke__description__0 = 그려질 선 또는 도형 윤곽선의 색상을 설정합니다. 이 때, 색상값은 colorMode()로 지정된 현재의 색상 모드에 따라 RGB 또는 HSB로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.) -stroke__description__1 = 그려질 선 또는 도형 윤곽선의 색상을 설정합니다. 이 때, 색상값은 colorMode()로 지정된 현재의 색상 모드에 따라 RGB 또는 HSB로 지정됩니다. (기본값으로 제공되는 색상 모드는 RGB이고, 그 색상 범위는 0부터 255까지 해당합니다.) +stroke__description__1 = 단일한 문자열 인수에 대해 RGB, RGBA, Hex CSS 색상 문자열과 더불어 명명된 모든 색상 문자열이 지원됩니다. 단, 투명도인 알파값을 설정하기 위해서는 반드시 RGBA를 사용해야 합니다. stroke__description__2 = p5.Color 객체를 통해 선의 색상을 설정할 수 있습니다. stroke__params__v1 = 숫자: 현재 지정된 색상 모드의 색상 범위에 따른 빨강값 또는 색조값 stroke__params__v2 = 숫자: 현재 지정된 색상 모드의 색상 범위에 따른 초록값 또는 채도값 @@ -127,7 +128,7 @@ arc__params__stop = 숫자: 라디안 단위, 호의 끝점 각도값 arc__params__mode = 상수: (선택 사항) 호를 그리는 방식들로, CHORD, PIEC, OPEN 중 선택 가능 arc__params__detail = 숫자: (선택 사항) 호의 윤곽선을 구성하는 꼭짓점 개수를 지정. 기본값은 25. (WebGL 모드용) ellipse__description__0 = 화면에 타원을 그립니다. 너비와 높이가 동일한 값으로 지정될 경우, 원이 그려집니다. 처음 두 변수는 각각 타원의 x좌표와 y좌표를, 3번째와 4번째 변수는 각각 타원의 너비와 높이를 지정합니다. 높이값 입력을 생략할 경우, 너비값이 높이값으로 동일하게 적용됩니다. 너비나 높이에 음수로 입력해도 그 절대값이 반영됩니다. -ellipse__description__1 = ellipseMode() 함수를 이용하면 타원의 시작점을 원의 중심으로 지정할 지의 여부를 결정할 수 있습니다. +ellipse__description__1 = ellipseMode() 함수를 이용하면 타원의 시작점을 원의 중심으로 지정할 지의 여부를 결정할 수 있습니다. ellipse__params__x = 숫자: 타원의 x좌표 ellipse__params__y = 숫자: 타원의 y좌표값 ellipse__params__w = 숫자: 타원의 너비값 @@ -164,7 +165,7 @@ quad__params__z1 = 숫자: 2번째 꼭짓점의 x좌표값 quad__params__z2 = 숫자: 3번째 꼭짓점의 y좌표값 quad__params__z3 = 숫자: 1번째 꼭짓점의 z좌표값 quad__params__z4 = 숫자: 4번째 꼭짓점의 z좌표값 -rect__description__0 = 화면에 직사각형을 그립니다. 직사각형은 변이 4개이고 모든 변 사이의 각도가 90도인 도형을 뜻합니다. 처음 두 변수는 좌측 상단 꼭짓점의 좌표를, 3번째 변수는 사각형의 너비를, 4번째 변수는 그 높이를 설정합니다. rectMode() 함수로 사각형 그리기 모드를 변경하면, 모든 매개변수값들이 달리 해석됩니다. +rect__description__0 = 화면에 직사각형을 그립니다. 직사각형은 변이 4개이고 모든 변 사이의 각도가 90도인 도형을 뜻합니다. 처음 두 변수는 좌측 상단 꼭짓점의 좌표를, 3번째 변수는 사각형의 너비를, 4번째 변수는 그 높이를 설정합니다. rectMode() 함수로 사각형 그리기 모드를 변경하면, 모든 매개변수값들이 달리 해석됩니다. rect__description__1 = 5번째, 6번째, 7번째, 8번째 매개변수를 입력하면, 각각 좌측 상단, 우측 상단, 우측 하단, 좌측 하단 모퉁이들의 각도를 지정하게 됩니다. 이 때 특정 각도 변수가 누락되면, 직전에 입력된 변수와 동일한 값이 적용됩니다. rect__params__x = 숫자: 직사각형의 x좌표값 rect__params__y = 숫자: 직사각형의 y좌표값 @@ -176,7 +177,7 @@ rect__params__br = 숫자: (선택 사항) 우측 하단 모퉁이 각도값. rect__params__bl = 숫자: (선택 사항) 좌측 하단 모퉁이 각도값. rect__params__detailX = 정수: (선택 사항) x축 방향의 선분 수 (WebGL 모드용) rect__params__detailY = 정수: (선택 사항) y축 방향의 선분 수 (WebGL 모드용) -square__description__0 = 화면에 정사각형을 그립니다. 정사각형은 동일한 길이의 네 개의 변을 갖고, 모든 변 사이의 각도가 90도인 도형을 뜻합니다. 이 함수는 rect()함수의 특수한 사례와도 같은데, 너비와 높이가 같고 변의 길이를 라는 매개변수로 처리하게 됩니다. 기본값으로, 처음 두 변수는 처음 두 변수는 좌측 상단 꼭짓점의 좌표를, 3번째 변수는 변의 길이를 지정합니다. rectMode() 함수로 사각형 그리기 모드를 변경하면, 모든 매개변수값들이 달리 해석됩니다. +square__description__0 = 화면에 정사각형을 그립니다. 정사각형은 동일한 길이의 네 개의 변을 갖고, 모든 변 사이의 각도가 90도인 도형을 뜻합니다. 이 함수는 rect()함수의 특수한 사례와도 같은데, 너비와 높이가 같고 변의 길이를 라는 매개변수로 처리하게 됩니다. 기본값으로, 처음 두 변수는 처음 두 변수는 좌측 상단 꼭짓점의 좌표를, 3번째 변수는 변의 길이를 지정합니다. rectMode() 함수로 사각형 그리기 모드를 변경하면, 모든 매개변수값들이 달리 해석됩니다. square__description__1 = 5번째, 6번째, 7번째매개변수를 입력하면, 각각 좌측 상단, 우측 상단, 우측 하단, 좌측 하단 모퉁이들의 각도를 지정하게 됩니다. 이 때 특정 각도 변수가 누락되면, 직전에 입력된 변수와 동일한 값이 적용됩니다. square__params__x = 숫자: 정사각형의 x좌표값 square__params__y = 숫자: 정사각형의 y좌표값 @@ -195,27 +196,29 @@ triangle__params__y3 = 숫자：3번째 꼭짓점의 y좌표값 ellipseMode__description__0 = ellipse(), circle(), 그리고 arc() 함수의 매개변수들이 해석되는 방식을 변경하여, 타원이 그려지는 시작점 위치를 변경합니다. ellipseMode__description__1 = 기본적으로 제공되는 모드는 ellipseMode(CENTER) 함수와도 같습니다. 이는 ellipse() 함수의 처음 두 매개변수를 타원의 중심점으로, 3번째와 4번째 변수를 각각 그 너비와 높이값으로서 해석합니다. ellipseMode__description__2 = ellipseMode(RADIUS) 역시 ellipse() 함수의 처음 두 매개변수를 타원의 중심점으로 해석하나, 3번째와 4번째 변수를 각각 너비와 높이의 중간 지점값으로 해석합니다. -ellipseMode__description__3 = ellipseMode(CORNER)는 ellipse() 함수의 처음 두 매개변수를 도형의 좌측 상단을 기준으로 해석하고, 3번째와 4번째 변수를 각각 그 너비와 높이로 해석합니다. +ellipseMode__description__3 = ellipseMode(CORNER)는 ellipse() 함수의 처음 두 매개변수를 도형의 좌측 상단을 기준으로 해석하고, 3번째와 4번째 변수를 각각 그 너비와 높이로 해석합니다. ellipseMode__description__4 = ellipseMode(CORNERS)는 ellipse() 함수의 처음 두 매개변수를 도형의 바운딩 박스 중 한 모퉁이의 위치값으로서 해석합니다. 그리고, 3번째와 4번째 변수는 그 정반대 모퉁이의 위치값으로 해석합니다. ellipseMode__description__5 = 이 함수의 모든 매개변수(CENTER, RADIUS, CORNER, CORNERS)들은 반드시 대문자로 작성되어야 합니다. 자바스크립트에서는 대소문자 구분이 매우 중요하답니다. ellipseMode__params__mode = 상수：CENTER, RADIUS, CORNER, 또는 CORNERS noSmooth__description__0 = 모든 그래픽의 가장자리를 울퉁불퉁하게 처리합니다. smooth() 함수는 2D 모드상 언제나 기본값으로 활성화되며, 그래픽을 부드럽게 처리합니다. 따라서, noSmooth() 함수를 호출해야만 도형, 이미지, 폰트 등의 부드러운 처리를 비활성화할 수 있습니다. 반면, 3D 모드에서는 noSmooth()가 기본값으로 활성화됩니다. 따라서, smooth() 함수를 호출해야만 부드러운 처리가 가능합니다. rectMode__description__0 = rect() 함수의 매개변수들이 해석되는 방식을 변경하여, 직사각형이 그려지는 시작점 위치를 변경합니다. -rectMode__description__1 = 기본적으로 제공되는 모드는 rectMode(CORNER) 함수와도 같습니다. 이는 rect() 함수의 처음 두 매개변수를도형의 좌측 상단을 기준으로 해석하고, 3번째와 4번째 변수를 각각 그 너비와 높이값로서 해석합니다. +rectMode__description__1 = 기본적으로 제공되는 모드는 rectMode(CORNER) 함수와도 같습니다. 이는 rect() 함수의 처음 두 매개변수를도형의 좌측 상단을 기준으로 해석하고, 3번째와 4번째 변수를 각각 그 너비와 높이값로서 해석합니다. rectMode__description__2 = rectMode(CORNERS)는 rect() 함수의 처음 두 매개변수를 한 모퉁이의 위치값으로 서 해석합니다. 그리고, 3번째와 4번째 변수는 그 정반대 모퉁이의 위치값으로 해석합니다. -rectMode__description__3 = ellipseMode(CENTER)는 rect() 함수의 처음 두 매개변수를 타원의 중심점으로, 3번째와 4번째 변수를 각각 그 너비와 높이값으로서 해석합니다. +rectMode__description__3 = ellipseMode(CENTER)는 rect() 함수의 처음 두 매개변수를 타원의 중심점으로, 3번째와 4번째 변수를 각각 그 너비와 높이값으로서 해석합니다. rectMode__description__4 = rectMode(RADIUS) 역시 rect() 함수의 처음 두 매개변수를 타원의 중심점으로 해석하나, 3번째와 4번째 변수를 각각 너비와 높이의 중간 지점값으로 해석합니다. rectMode__description__5 = 이 함수의 모든 매개변수(CORNER, CORNERS, CENTER, RADIUS)들은 반드시 대문자로 작성되어야 합니다. 자바스크립트에서는 대소문자 구분이 매우 중요하답니다. rectMode__params__mode = 상수：CORNER, CORNERS, CENTER 또는 RADIUS smooth__description__0 = 모든 그래픽을 부드럽게 처리하며, 불러온 이미지 또는 크기가 재조정된 이미지의 화질을 향상합니다. smooth()는 2D 모드상 언제나 기본값으로 활성화되며. 따라서, noSmooth() 함수를 호출해야만 도형, 이미지, 폰트 등의 부드러운 그래픽 처리를 비활성화할 수 있습니다. 반면, 3D 모드에서는 noSmooth()가 기본값으로 활성화됩니다. 따라서, smooth() 함수를 호출해야만 부드러운 그래픽 처리가 가능합니다. strokeCap__description__0 = 선의 양끝에 대한 렌더링 스타일을 설정합니다. 선의 양끝은 매개변수 SQAURE로 각지게, PROJECT로 조금 더 길게, 그리고 ROUND로 둥글게 처리될 수 있습니다. 이 중에서 ROUND는 기본값으로 적용됩니다. +strokeCap__description__1 = The parameter to this method must be written in ALL CAPS because they are predefined as constants in ALL CAPS and Javascript is a case-sensitive language. strokeCap__params__cap = 상수：SQUARE, PROJECT 또는 ROUND strokeJoin__description__0 = 두 선분 간의 이음새에 대한 스타일을 설정합니다. 이음새는 매개변수 MITER로 각지게, BEVEL로 베벨 처리되듯 비스듬히 깎인 형태로, ROUND로 둥글게 처리될 수 있습니다. 이 중에서 MITER는 기본값으로 적용됩니다. +strokeJoin__description__1 = The parameter to this method must be written in ALL CAPS because they are predefined as constants in ALL CAPS and Javascript is a case-sensitive language. strokeJoin__params__join = 상수：MITER, BEVEL 또는 ROUND strokeWeight__description__0 = 선, 점, 그리고 도형 윤곽선을 그릴 때 쓰이는 함수인 stroke()의 결과값 두께를 설정합니다. 모든 두께는 픽셀 단위로 지정됩니다. strokeWeight__params__weight = 숫자：선의 두께 (픽셀 단위) -bezier__description__0 = 화면에 3차 베지에 곡선을 그립니다. 베지에 곡선은 일련의 고정점 및 제어점들로 정의됩니다. 처음 두 매개변수는 1번째 고정점을, 마지막 두 매개변수는 마지막 고정점을 지정합니다. 중간의 두 매개변수는 두 개의 제어점을 지정하며, 이는 곧 곡선의 모양을 정의하게 됩니다. 여기서 제어점은 그 자신을 향해 곡선을 당기는 역할을 합니다. -bezier__description__1 = 베지에 곡선은 프랑스 출신 자동차 엔지니어인 피에르 베지에(Pierre Bezier)가 개발하였으며, 컴퓨터 그래픽상 부드럽게 경사진 곡선을 정의하는 데에 주로 사용됩니다. curve() 함수와도 관련있습니다. +bezier__description__0 = 화면에 3차 베지에 곡선을 그립니다. 베지에 곡선은 일련의 고정점 및 제어점들로 정의됩니다. 처음 두 매개변수는 1번째 고정점을, 마지막 두 매개변수는 마지막 고정점을 지정합니다. 중간의 두 매개변수는 두 개의 제어점을 지정하며, 이는 곧 곡선의 모양을 정의하게 됩니다. 여기서 제어점은 그 자신을 향해 곡선을 당기는 역할을 합니다. +bezier__description__1 = 베지에 곡선은 프랑스 출신 자동차 엔지니어인 피에르 베지에(Pierre Bezier)가 개발하였으며, 컴퓨터 그래픽상 부드럽게 경사진 곡선을 정의하는 데에 주로 사용됩니다. curve() 함수와도 관련있습니다. bezier__params__x1 = 숫자: 1번째 고정점의 x좌표값 bezier__params__y1 = 숫자: 1번째 고정점의 y좌표값 bezier__params__x2 = 숫자: 1번째 제어점의 x좌표값 @@ -260,6 +263,7 @@ curve__params__z3 = 숫자: 최초 제어점의 z좌표값 curve__params__z4 = 숫자: 마지막 제어점의 z좌표값 curveDetail__description__0 = 곡선들의 해상도를 설정합니다.
    기본값은 20이고, 최소값은 3입니다. curveDetail__description__1 = 이 함수는 WebGL 렌더러용으로만 사용되며, 기본 캔버스 렌더러에서는 이 함수를 사용하지 않습니다. +curveDetail__description__2 = curveDetail__params__resolution = 숫자: 곡선들의 해상도값 curveTightness__description__0 = curve()와 curveVertex() 함수를 사용하여 모양을 변경합니다. 곡선의 팽팽함(tightness)을 지정하는 매개변수 t는, 두 꼭짓점 사이에 곡선이 들어맞는 정도를 결정합니다. 값 0.0은 곡선의 팽팽함에 대한 기본값이며(이 값을 통해 곡선을 캣멀롬 스플라인으로 정의), 값 1.0은 모든 점을 직선 상태로 연결하게 됩니다. -5.0와 5.0 사이의 값들은 화면상 인식 가능한 범위 내에서 값의 크기에 비례하여 곡선을 변형합니다. curveTightness__params__amount = 숫자: 원래 꼭짓점으로부터 변형된 정도의 양 @@ -278,21 +282,23 @@ curveTangent__params__c = 숫자: 2번째 제어점 좌표값 curveTangent__params__d = 숫자: 곡선의 2번째 점 좌표값 curveTangent__params__t = 숫자: 0과 1 사이의 값 beginContour__description__0 = beginContour()와 endContour() 함수를 사용하여 특정 도형 내부에 그 음수 좌표에 상응하는 동일한 도형 윤곽선을 그릴 수 있습니다. 예를 들어, 동그라미의 안쪽에 또다른 작은 동그라미를 그릴 수 있습니다. beginContour()는 도형의 꼭짓점을 기록하기 시작하고, endContour()는 그 기록을 중지합니다. 이 때, 안쪽의 도형을 정의하는 꼭짓점은 바깥쪽의 도형과 반대 순서로 그려져야 합니다. 먼저 바깥에 위치한 원래 도형의 꼭짓점을 시계 방향으로 그리고, 그 다음 내부의 도형을 시계 반대 방향으로 그립니다. -beginContour__description__1 = beginContour()/endContour() 함수는 반드시 beginShape()//Shape\">endShape() 함수 사이에 작성되어야 합니다. 또한, beingContour()/endContour() 함수 사이에는 translate(), rotate(), scale()과 같은 변형 함수나 ellipse() 및 rect()와 같은 도형그리기 함수가 사용될 수 없습니다. -beginShape__description__0 = beginShape()과 endShape()를 사용하여 좀 더 복잡한 모양을 만들 수 있습니다. beingShape()은 도형의 꼭짓점을 기록하기 시작하고, endShape()은 그 기록을 중지합니다. 함수의 매개변수를 통해 꼭짓점으로 어떤 도형을 그릴지 결정할 수 있습니다. 별도의 매개변수가 지정되지 않으면, 비정형의 다각형이 그려집니다. +beginContour__description__1 = beginContour()/endContour() 함수는 반드시 beginShape()//Shape">endShape() 함수 사이에 작성되어야 합니다. 또한, beingContour()/endContour() 함수 사이에는 translate(), rotate(), scale()과 같은 변형 함수나 ellipse() 및 rect()와 같은 도형그리기 함수가 사용될 수 없습니다. +beginContour__description__2 = +beginShape__description__0 = beginShape()과 endShape()를 사용하여 좀 더 복잡한 모양을 만들 수 있습니다. beingShape()은 도형의 꼭짓점을 기록하기 시작하고, endShape()은 그 기록을 중지합니다. 함수의 매개변수를 통해 꼭짓점으로 어떤 도형을 그릴지 결정할 수 있습니다. 별도의 매개변수가 지정되지 않으면, 비정형의 다각형이 그려집니다. beginShape__description__1 = beginShape()에 쓰이는 매개변수로는 POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, QUAD_STRIP, 그리고 TESS(WebGL 전용)가 있습니다. beginShape() 함수를 호출한 다음, 꼭짓점 지정을 위해 vertex() 명령문을 반드시 작성해야 합니다. 도형그리기를 멈추려면 endShape() 함수를 호출하면 됩니다. 각 도형은 현재 지정된 선그리기(stroke) 및 면채우기(fill) 색상으로 그려집니다. beginShape__description__2 = beginShape()와 endShape() 함수들 사이에는 translate(), rotate(), scale()과 같은 변형 함수나 ellipse(), rect()와 같은 도형그리기 함수를 사용할 수 없습니다. beginShape__description__3 = LINES - 여려 개의 분리 된 선들을 그립니다. beginShape__description__4 = TRIANGLES - 여러 개의 분리 된 삼각형들을 그립니다. beginShape__description__5 = TRIANGLE_FAN - 여러 개의 연결 된 삼각형들을 그립니다. 이 삼각형들은 첫 꼭짓점을 공통적으로 하며 부채 모양으로 그려집니다. -beginShape__description__6 = TRIANGLE_STRIP - 여러 개의 연결 된 삼각형들을 그립니다. 이 삼각형들은 한 줄로 그려집니다. -beginShape__description__7 = TRIANGLE_STRIP - 여러 개의 연결 된 삼각형들을 그립니다. 이 삼각형들은 한 줄로 그려집니다. -beginShape__description__8 = QUADS - 여러 개의 분리 된 사각형들을 그립니다. +beginShape__description__6 = TRIANGLE_STRIP - 여러 개의 연결 된 삼각형들을 그립니다. 이 삼각형들은 한 줄로 그려집니다. +beginShape__description__7 = QUADS - 여러 개의 분리 된 사각형들을 그립니다. +beginShape__description__8 = QUAD_STRIP - 여러 개의 연결 된 사각형들을 한 줄로 그립니다. beginShape__description__9 = TESS (WebGl만 가능) - 모자이크 세공 (tessellation)을 위한 불규칙적 도형을 그립니다. beginShape__description__10 = beginShape() 함수는 호출할 시, 이후에 여러 개의 vertex() 명령들을 호출해야 합니다.그림 그리기를 멈추려면 endShape() 함수를 호출합니다. 각 도형은 현재의 윤곽선 색으로 그려지며, 면은 현재의 면 색으로 채워집니다. beginShape__description__11 = translate(), rotate(), 또는 scale()와 같은 변형 함수들은 beginShape() 함수 안에서 사용할 수 없습니다. 또한, ellipse()와 rect() 같은 함수들을 beginShape() 함수 안에서 사용할 수 없습니다. beginShape__params__kind = 상수: (선택 사항) POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS 또는 QUAD_STRIP -bezierVertex__description__0 = 베지어 곡선의 꼭지점 좌표를 지정합니다. bezierVertex()은 매 호출마다 베지어 곡선의 제어점 2개와 고정점 1개의 위치를 정의하고, 이 새로운 선분을 선 또는 도형에 더합니다. bezierVertex()는 WebGL상 2D 및 3D 모드 모두에 적용될 수 있습니다. 2D 모드에서는 6개의 매개변수가, 3D 모드에서는 9개의 매개변수(z좌표값 포함)가 필요합니다.

    beginShape() 함수 안에 작성된 bezierVertex()를 호출하기에 앞서, vertex() 함수를 bezierVertex() 윗줄에 작성하여 곡선의 1번째 고정점을 설정해야 합니다. bezierVertex() 함수는 반드시 beginShape()/endShape() 함수 사이에 작성되어야하며, beginShape() 함수에 MODE나 POINTS 매개변수가 지정되지 않은 경우에만 사용가능 합니다. +bezierVertex__description__0 = 베지에 곡선의 꼭짓점 좌표를 지정합니다. bezierVertex()은 매 호출마다 베지에 곡선의 제어점 2개와 고정점 1개의 위치를 정의하고, 이 새로운 선분을 선 또는 도형에 더합니다. bezierVertex()는 WebGL상 2D 및 3D 모드 모두에 적용될 수 있습니다. 2D 모드에서는 6개의 매개변수가, 3D 모드에서는 9개의 매개변수(z좌표값 포함)가 필요합니다. +bezierVertex__description__1 = beginShape() 함수 안에 작성된 bezierVertex()를 호출하기에 앞서, vertex() 함수를 bezierVertex() 윗줄에 작성하여 곡선의 1번째 고정점을 설정해야 합니다. bezierVertex() 함수는 반드시 beginShape()//Shape">endShape() 함수 사이에 작성되어야하며, beginShape() 함수에 MODE나 POINTS 매개변수가 지정되지 않은 경우에만 사용가능 합니다. bezierVertex__params__x2 = 숫자: 1번째 제어점의 x좌표값 bezierVertex__params__y2 = 숫자: 1번째 제어점의 y좌표값 bezierVertex__params__x3 = 숫자: 2번째 제어점의 x좌표값 @@ -302,57 +308,75 @@ bezierVertex__params__y4 = 숫자: 고정점의 y좌표값 bezierVertex__params__z2 = 숫자: 1번째 제어점의 z좌표값 (WebGL 모드용) bezierVertex__params__z3 = 숫자: 2번째 제어점의 z좌표값 (WebGL 모드용) bezierVertex__params__z4 = 숫자: 고정점의 z좌표값 (WebGL 모드용) -curveVertex__description__0 = 곡선의 꼭지점 좌표를 지정합니다. 이 함수는 반드시 beginShape()/endShape() 함수 사이에 작성되어야하며, beginShape() 함수에 MODE나 POINTS 매개변수가 지정되지 않은 경우에만 사용가능 합니다. 또한, 이 함수는 WebGL상 2D 및 3D 모드 모두에 적용될 수 있습니다. 2D 모드에서는 2개의 매개변수가, 3D 모드에서는 3개의 매개변수가 필요합니다.

    curveVertex()로 그려진 일련의 선들 중 1번째 점과 마지막 점을 통해 각각 전체 곡선의 시작점과 끝점을 알 수 있습니다. 2번째와 3번째 사이에도 작은 곡선을 만들기 위해선 최소 4개의 점들이 필요합니다. curveVertex() 함수로 5번째 점을 추가하면 함수는 2번째, 3번째, 4번째 점들 사이에 곡선을 그립니다. curveVertex() 함수는 캣멀롬 스플라인(Catmull-Rom Spline)을 구현합니다. -curveVertex__params__x = 숫자: 꼭지점의 x좌표값 -curveVertex__params__y = 숫자: 꼭지점의 y좌표값 -curveVertex__params__z = 숫자: 꼭지점의 z좌표값 (WebGL 모드용)(선택 사항) -endContour__description__0 = beginContour()와 endContour() 함수를 사용하여 특정 도형 내부에 그 음수 좌표에 상응하는 동일한 도형 윤곽선을 그릴 수 있습니다. 예를 들어, 동그라미의 안쪽에 또다른 작은 동그라미를 그릴 수 있습니다. beginContour()는 도형의 꼭지점을 기록하기 시작하고, endContour()는 그 기록을 중지합니다. 이 때, 안쪽의 도형을 정의하는 꼭지점은 바깥쪽의 도형과 반대 순서로 그려져야 합니다. 먼저 바깥에 위치한 원래 도형의 꼭지점을 시계 방향으로 그리고, 그 다음 내부의 도형을 시계 반대 방향으로 그립니다.

    beginContour()/endContour() 함수는 반드시 beginShape()/endShape() 함수 사이에 작성되어야 합니다. 또한, beingContour()/endContour() 함수 사이에는 translate(), rotate(), scale()과 같은 변형 함수나 ellipse() 및 rect()와 같은 도형그리기 함수가 사용될 수 없습니다. -endShape__description__0 = endShape()은 beginShape()과 한 쌍을 이루는 함수로, 반드시 beginShape() 다음에 호출될 수 있습니다. endShape() 함수가 호출되면, beginShape() 함수가 호출된 이래로 정의된 모든 이미지 데이터가이미지 버퍼로서 처리됩니다. endShape()의 MODE 매개변수로는 상수 CLOSE를 씁니다. -endShape__params__mode = 상수: CLOSE로 도형 닫기(선택 사항) -quadraticVertex__description__0 = 2차 베지어 곡선의 꼭지점 좌표를 지정합니다. quadraticVertex()은 매 호출마다 베지어 곡선의 제어점 1개와 고정점 1개의 위치를 정의하고, 이 새로운 선분을 선 또는 도형에 더합니다. beginShape() 함수 안에 작성된 quadraticVertex()를 호출하기에 앞서, vertex() 함수를 quadraticVertex() 윗줄에 작성하여 곡선의 1번째 고정점을 설정해야 합니다. quadraticVertex()는 WebGL상 2D 및 3D 모드 모두에 적용될 수 있습니다. 2D 모드에서는 6개의 매개변수가, 3D 모드에서는 9개의 매개변수(z좌표값 포함)가 필요합니다.

    quadraticVertex() 함수는 반드시 beginShape()/endShape() 함수 사이에 작성되어야하며, beginShape() 함수에 MODE나 POINTS 매개변수가 지정되지 않은 경우에만 사용가능 합니다. +curveVertex__description__0 = 곡선의 꼭짓점 좌표를 지정합니다. 이 함수는 반드시 beginShape()//Shape">endShape() 함수 사이에 작성되어야하며, beginShape() 함수에 MODE나 POINTS 매개변수가 지정되지 않은 경우에만 사용가능 합니다. 또한, 이 함수는 WebGL상 2D 및 3D 모드 모두에 적용될 수 있습니다. 2D 모드에서는 2개의 매개변수가, 3D 모드에서는 3개의 매개변수가 필요합니다. +curveVertex__description__1 = curveVertex()로 그려진 일련의 선들 중 1번째 점과 마지막 점을 통해 각각 전체 곡선의 시작점과 끝점을 알 수 있습니다. 2번째와 3번째 사이에도 작은 곡선을 만들기 위해선 최소 4개의 점들이 필요합니다. curveVertex() 함수로 5번째 점을 추가하면 함수는 2번째, 3번째, 4번째 점들 사이에 곡선을 그립니다. curveVertex() 함수는 캣멀롬 스플라인(Catmull-Rom Spline)을 구현합니다. +curveVertex__params__x = 숫자: 꼭짓점의 x좌표값 +curveVertex__params__y = 숫자: 꼭짓점의 y좌표값 +curveVertex__params__z = 숫자: (선택 사항) 꼭짓점의 z좌표값 (WebGL 모드용) +endContour__description__0 = beginContour()와 endContour() 함수를 사용하여 특정 도형 내부에 그 음수 좌표에 상응하는 동일한 도형 윤곽선을 그릴 수 있습니다. 예를 들어, 동그라미의 안쪽에 또다른 작은 동그라미를 그릴 수 있습니다. beginContour()는 도형의 꼭짓점을 기록하기 시작하고, endContour()는 그 기록을 중지합니다. 이 때, 안쪽의 도형을 정의하는 꼭짓점은 바깥쪽의 도형과 반대 순서로 그려져야 합니다. 먼저 바깥에 위치한 원래 도형의 꼭짓점을 시계 방향으로 그리고, 그 다음 내부의 도형을 시계 반대 방향으로 그립니다. +endContour__description__1 = beginContour()/endContour() 함수는 반드시 beginShape()//Shape">endShape() 함수 사이에 작성되어야 합니다. 또한, beingContour()/endContour() 함수 사이에는 translate(), rotate(), scale()과 같은 변형 함수나 ellipse() 및 rect()와 같은 도형그리기 함수가 사용될 수 없습니다. +endShape__description__0 = endShape()은 beginShape()과 한 쌍을 이루는 함수로, 반드시 beginShape() 다음에 호출될 수 있습니다. endShape() 함수가 호출되면, beginShape() 함수가 호출된 이래로 정의된 모든 이미지 데이터가이미지 버퍼로서 처리됩니다. endShape()의 MODE 매개변수로는 상수 CLOSE를 씁니다. +endShape__params__mode = 상수: CLOSE로 도형 닫기 +quadraticVertex__description__0 = 2차 베지에 곡선의 꼭짓점 좌표를 지정합니다. quadraticVertex()은 매 호출마다 베지에 곡선의 제어점 1개와 고정점 1개의 위치를 정의하고, 이 새로운 선분을 선 또는 도형에 더합니다. beginShape() 함수 안에 작성된 quadraticVertex()를 호출하기에 앞서, vertex() 함수를 quadraticVertex() 윗줄에 작성하여 곡선의 1번째 고정점을 설정해야 합니다. quadraticVertex()는 WebGL상 2D 및 3D 모드 모두에 적용될 수 있습니다. 2D 모드에서는 6개의 매개변수가, 3D 모드에서는 9개의 매개변수(z좌표값 포함)가 필요합니다. +quadraticVertex__description__1 = quadraticVertex() 함수는 반드시 beginShape()//Shape">endShape() 함수 사이에 작성되어야하며, beginShape() 함수에 MODE나 POINTS 매개변수가 지정되지 않은 경우에만 사용가능 합니다. quadraticVertex__params__cx = 숫자: 제어점의 x좌표값 quadraticVertex__params__cy = 숫자: 제어점의 y좌표값 quadraticVertex__params__x3 = 숫자: 고정점의 y좌표값 quadraticVertex__params__y3 = 숫자: 제어점의 z좌표값 (WebGL 모드용) quadraticVertex__params__cz = 숫자: 고정점의 x좌표값 quadraticVertex__params__z3 = 숫자: 고정점의 z좌표값 (WebGL 모드용) -vertex__description__0 = 모든 도형들은 꼭지점 연결을 통해 구축됩니다. vertex() 함수를 사용하여 점, 선, 삼각형, 사각형, 그리고 다각형의 꼭지점 좌표를 지정할 수 있습니다.는 데에 쓰입니다. 이 때, vertex() 함수는 반드시 beginShape()/endShape() 함수 사이에 작성되어야합니다. -vertex__params__x = 숫자: 꼭지점의 x좌표값 -vertex__params__y = 숫자: 꼭지점의 y좌표값 -vertex__params__z = 숫자: 꼭지점의 z좌표값 -vertex__params__u = 숫자: 꼭지점의 u좌표값(선택 사항) -vertex__params__v = 숫자: 꼭지점의 v좌표값(선택 사항) -HALF_PI__description__0 = HALF_PI는 1.57079632679489661923 값을 갖는 상수입니다. 지름에 대한 원주율의 절반에 해당하며, 삼각 함수 sin()과 cos()와 함께 쓰면 더욱 유용합니다. -PI__description__0 = PI는 3.14159265358979323846 값을 갖는 상수입니다. 지름에 대한 원주율을 의미하며, 삼각 함수 sin()과 cos()와 함께 쓰면 더욱 유용합니다. +vertex__description__0 = 모든 도형들은 꼭짓점 연결을 통해 구축됩니다. vertex() 함수를 사용하여 점, 선, 삼각형, 사각형, 그리고 다각형의 꼭짓점 좌표를 지정할 수 있습니다.는 데에 쓰입니다. 이 때, vertex() 함수는 반드시 beginShape()//Shape">endShape() 함수 사이에 작성되어야합니다. +vertex__params__x = 숫자: 꼭짓점의 x좌표값 +vertex__params__y = 숫자: 꼭짓점의 y좌표값 +vertex__params__z = 숫자: 꼭짓점의 z좌표값 +vertex__params__u = 숫자: (선택 사항) 꼭짓점의 u좌표값 +vertex__params__v = 숫자: (선택 사항) 꼭짓점의 v좌표값 +normal__description__0 = 이후에 vertex() 함수로 그려질 꼭짓점들을 위한 3D 꼭짓점의 노멀 (normal)을 설정합니다. 도형의 면에 수직방향이 노멀 벡터이며, 이는 빛의 반사량을 지정합니다. +normal__params__vector = 벡터: 노멀을 표시하는 p5.Vector. +normal__params__x = 숫자: 꼭짓점의 x좌표값 +normal__params__y = 숫자: 꼭짓점의 y좌표값 +normal__params__z = 숫자: 꼭짓점의 z좌표값 +VERSION__description__0 = 본 p5.js 버전. +P2D__description__0 = 기본적 이차원적 렌더러 (2D Renderer). +WEBGL__description__0 = p5.js의 렌더 모드들 중 하나: P2D (기본)와 WEBGL. WEBGL은 제 3의 차원, 'Z'를 추가함으로서 3D 렌더를 가능하게 합니다. +HALF_PI__description__0 = HALF_PI는 1.57079632679489661923 값을 갖는 상수입니다. 지름에 대한 원주율의 절반에 해당하며, 삼각 함수 sin()과 cos()와 함께 쓰면 더욱 유용합니다. +PI__description__0 = PI는 3.14159265358979323846 값을 갖는 상수입니다. 지름에 대한 원주율을 의미하며, 삼각 함수 sin()과 cos()와 함께 쓰면 더욱 유용합니다. QUARTER_PI__description__0 = QUARTER_PI는 0.7853982 값을 갖는 상수입니다. 지름에 대한 원주율의 1/4에 해당하며, 삼각 함수 sin()과 cos()와 함께 쓰면 더욱 유용합니다. TAU__description__0 = TAU는 TWO_PI의 약어로, 이는 6.28318530717958647693 값을 갖는 상수입니다. 지름에 대한 원주율의 2배에 해당하며, 삼각 함수 sin()과 cos()와 함께 쓰면 더욱 유용합니다. TWO_PI__description__0 = TWO_PI는6.28318530717958647693 값을 갖는 상수입니다. 지름에 대한 원주율의 2배에 해당하며, 삼각 함수 sin()과 cos()와 함께 쓰면 더욱 유용합니다. DEGREES__description__0 = p5.js가 각도를 해석하고 계산하는 방법을 설정하기 위해, angleMode() 함수와 그 매개변수(DEGREES 또는 RADIANS)를 사용합니다. RADIANS__description__0 = p5.js가 각도를 해석하고 계산하는 방법을 설정하기 위해, angleMode() 함수와 그 매개변수(DEGREES 또는 RADIANS)를 사용합니다. -print__description__0 = - print() 함수는 브라우저 콘솔창에 출력할 때 사용됩니다. 프로그램이 생성하는 데이터를 확인할 때 주로 도움됩니다. 함수는 매번 호출될 때마다 콘솔창에 새로운 텍스트 줄을 만듭니다. 개별 요소는 큰따옴표로 분리하고, 더하기 연산자(+)로 두 요소를 결합할 수 있습니다.

    인수없이 print()를 호출하면, window.print()와 동일하게 브라우저상 인쇄 기능을 켭니다. 콘솔창에 빈 줄을 출력하려면 print(' +HSB__description__0 = HSB (색도, 채도값, 발기)는 색상 모델의 일종입니다. 이 링크를 통해 더 자세히 배울 수 있습니. +AUTO__description__0 = AUTO는 특정 요소의 높이나 너비 (둘 중 하나)를 그 요소의 너비나 높이에 따라 자동적으로 정할 수 있게 합니다. 따라서 size()에 AUTO를 지정할 수 있는 매개변수는 1 개로 제한됩니다. +print__description__0 = print() 함수는 브라우저 콘솔창에 출력할 때 사용됩니다. 프로그램이 생성하는 데이터를 확인할 때 주로 도움됩니다. 함수는 매번 호출될 때마다 콘솔창에 새로운 텍스트 줄을 만듭니다. 개별 요소는 큰따옴표로 분리하고, 더하기 연산자(+)로 두 요소를 결합할 수 있습니다. +print__description__1 = + 인수없이 print()를 호출하면, window.print()와 동일하게 브라우저상 인쇄 기능을 켭니다. 콘솔창에 빈 줄을 출력하려면 print(' ')을 작성하면 됩니다. print__params__contents = 전부: 출력할 숫자, 문자열, 객체, 불리언, 배열의 조합 -frameCount__description__0 = 시스템 변수 frameCount는 프로그램 시작 이후 화면에 나타난 프레임의 개수를 측정합니다. setup() 함수의 기본값은 0이고, draw() 함수의 첫번째 반복 실행이 마치면 1씩 증가하는 식입니다. +frameCount__description__0 = 시스템 변수 frameCount는 프로그램 시작 이후 화면에 나타난 프레임의 개수를 측정합니다. setup() 함수의 기본값은 0이고, draw() 함수의 첫 번째 반복 실행이 마치면 1씩 증가하는 식입니다. +deltaTime__description__0 = deltaTime 은 전 프레임의 시작 시간과 본 프레임의 시작 시간의 차를 저장합니다. +deltaTime__description__1 = 이 변수는 시간적으로 민감한 애니매시션, 또는 프레임레이트와 관계없이 일정해야 하는 물리학적 계산에 유용합니다. focused__description__0 = p5.js 프로그램이 등장하는 화면창의 초점이 맞는지 여부를 확인하며, 이는 곧 스케치가 마우스나 키보드 입력을 허용한다는 것을 의미합니다. 화면창의 초점이 맞으면 변수는 true이고, 그렇지 않으면 false입니다. cursor__description__0 = 마우스 커서를 사전에 정의된 기호나 이미지로 설정하거나, 숨김 상태일 경우 이를 해제합니다. 특정 이미지를 커서로 설정할 경우, 권장 사이즈는 16x16 또는 32x32 입니다. 매개변수 x와 y의 값은 이미지의 실제 크기보다 훨씬 더 작아야 합니다. -cursor__params__type = 문자열|상수: ARROW, CROSS, HAND, MOVE, TEXT, WAIT. CSS 요소인 'grab', 'progress', 'cell' 등. 외부: 커서 이미지의 경로(허용 파일 확장자:.cur, .gif, .jpg, .jpeg, .png, url 주소. 참고: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor -cursor__params__x = 숫자: 커서의 수평 활성 지점 (32미만으로 지정) (선택 사항) -cursor__params__y = 숫자: 커서의 수직 활성 지점 (32미만으로 지정) (선택 사항) -frameRate__description__0 = 화면에 나타날 프레임 수를 매 초단위로 지정합니다. 예를 들어, frameRate(30)은 초당 30회씩 새로 고침을 시도합니다. 프로세서가 지정된 속도를 유지할만큼 빠르지 않다면, 프레임 속도에 달성되지 않습니다. setup() 함수 내에서 프레임 속도를 설정하는 것을 권장합니다. 기본값으로 제공되는 프레임 속도는 디스플레이의 프레임 속도(즉, '새로 고침 빈도')를 기준으로 합니다. 초당 24 프레임 정도면 애니메이션을 부드럽게 재생할 수 있습니다. 이 함수는 setFrameRate(val)와 동일한 효과를 갖습니다.

    별도의 인수없이 frameRate() 함수를 호출하면 현재 프레임 속도가 반환됩니다. 프레임 속도를 반환하기 위해서는 draw() 함수를 한 번 이상 실행해야 합니다. 이는 getFrameRate() 함수와도 동일합니다.

    숫자형이 아니거나 양수가 아닌 숫자형의 인수로 frameRate() 함수를 호출하면 마찬가지로 현재 프레임 속도를 반환합니다. -frameRate__params__fps = 숫자：매 초당 화면에 나타날 프레임 수 +cursor__params__type = 문자열|상수: ARROW, CROSS, HAND, MOVE, TEXT, WAIT. CSS 요소인 'grab', 'progress', 'cell' 등. 외부: 커서 이미지의 경로(허용 파일 확장자:.cur, .gif, .jpg, .jpeg, .png, url 주소. 참고: https://developer.mozilla.org/ko/docs/Web/CSS/cursor +cursor__params__x = 숫자: (선택 사항) 커서의 수평 활성 지점 (32미만으로 지정) +cursor__params__y = 숫자: (선택 사항) 커서의 수직 활성 지점 (32미만으로 지정) +frameRate__description__0 = 화면에 나타날 프레임 수를 매 초단위로 지정합니다. 예를 들어, frameRate(30)은 초당 30회씩 새로 고침을 시도합니다. 프로세서가 지정된 속도를 유지할만큼 빠르지 않다면, 프레임 속도에 달성되지 않습니다. setup() 함수 내에서 프레임 속도를 설정하는 것을 권장합니다. 기본값으로 제공되는 프레임 속도는 디스플레이의 프레임 속도('새로 고침 빈도')를 기준으로 합니다. 초당 24 프레임 정도면 애니메이션을 부드럽게 재생할 수 있습니다. 이 함수는 setFrameRate(val)와 동일한 효과를 갖습니다. +frameRate__description__1 = 별도의 인수없이 frameRate() 함수를 호출하면 현재 프레임 속도가 반환됩니다. 프레임 속도를 반환하기 위해서는 draw() 함수를 한 번 이상 실행해야 합니다. 이는 getFrameRate() 함수와도 동일합니다. +frameRate__description__2 = 숫자형이 아니거나 양수가 아닌 숫자형의 인수로 frameRate() 함수를 호출하면 마찬가지로 현재 프레임 속도를 반환합니다. +frameRate__params__fps = 숫자：1초 동안 화면에 나타날 프레임 수 noCursor__description__0 = 화면상 커서를 숨깁니다. -displayWidth__description__0 = pixelDensity() 함수의 기본값에 따라 화면의 너비값을 저장하는 시스템 변수입니다. 모든 디스플레이에서 프로그램을 전체 화면으로 실행시킬 때 사용합니다. 실제 화면 크기값을 반환하려면 여기에 pixelDensity를 곱하면 됩니다. -displayHeight__description__0 = pixelDensity() 함수의 기본값에 따라 화면의 높이값을 저장하는 시스템 변수입니다. 모든 디스플레이에서 프로그램을 전체 화면으로 실행시킬 때 사용합니다. 실제 화면 크기값을 반환하려면 여기에 pixelDensity를 곱하면 됩니다. +displayWidth__description__0 = pixelDensity 함수의 기본값에 따라 화면의 너비값을 저장하는 시스템 변수입니다. 모든 디스플레이에서 프로그램을 전체 화면으로 실행시킬 때 사용합니다. 실제 화면 크기값을 반환하려면 여기에 pixelDensity를 곱하면 됩니다. +displayHeight__description__0 = pixelDensity 함수의 기본값에 따라 화면의 높이값을 저장하는 시스템 변수입니다. 모든 디스플레이에서 프로그램을 전체 화면으로 실행시킬 때 사용합니다. 실제 화면 크기값을 반환하려면 여기에 pixelDensity를 곱하면 됩니다. windowWidth__description__0 = 사용자의 윈도우 화면 너비값을 저장해주는 시스템 변수로, window.innerWidth에 매핑됩니다. windowHeight__description__0 = 사용자의 윈도우 화면 높이값을 저장해주는 시스템 변수로, window.innerHeight에 매핑됩니다. -windowResized__description__0 = windowResized() 함수는 브라우저 창의 크기가 조정될 때마다 한 번씩 호출됩니다. 캔버스 크기를 재조정하거나 새 윈도우 화면의 크기에 맞춰 조정할 때 유용합니다. -windowResized__params__event = Object: (Optional) optional Event callback argument. -width__description__0 = 생성된 캔버스의 너비값을 저장하는 시스템 변수입니다. 이 값은 createCanvas() 함수의 1번째 매개변수로서 지정됩니다. createCanvas(320, 240)는 너비 변수를 320으로 설정한 사례입니다. 프로그램에 createCanvase()를 사용하지 않을 경우, 너비는 기본값인 100으로 설정됩니다. -height__description__0 = 생성된 캔버스의 높이값을 저장하는 시스템 변수입니다. 이 값은 createCanvas() 함수의 2번째 매개변수로서 지정됩니다. createCanvas(320, 240)는 높이 변수를 240으로 설정한 사례입니다. 프로그램에 createCanvase()를 사용하지 않을 경우, 높이는 기본값인 100으로 설정됩니다. +windowResized__description__0 = windowResized() 함수는 브라우저 창의 크기가 조정될 때마다 한 번씩 호출됩니다. 캔버스 크기를 재조정하거나 새 윈도우 화면의 크기에 맞춰 조정할 때 유용합니다. +windowResized__params__event = 객체: (선택 사항) 이벤트 콜백 (callback) 인자값. +width__description__0 = 생성된 캔버스의 너비값을 저장하는 시스템 변수입니다. 이 값은 createCanvas() 함수의 1번째 매개변수로 지정됩니다. createCanvas(320, 240)는 너비 변수를 320으로 설정한 사례입니다. 프로그램에 createCanvas()를 사용하지 않을 경우, 너비는 기본값인 100으로 설정됩니다. +height__description__0 = 생성된 캔버스의 높이값을 저장하는 시스템 변수입니다. 이 값은 createCanvas() 함수의 2번째 매개변수로 지정됩니다. createCanvas(320, 240)는 높이 변수를 240으로 설정한 사례입니다. 프로그램에 createCanvas()를 사용하지 않을 경우, 높이는 기본값인 100으로 설정됩니다. fullscreen__description__0 = 사용자가 지정한 인수값을 기준으로 스케치를 전체 화면으로 설정합니다. 인수를 지정하지 않으면 현재 전체 화면 모드를 반환합니다. 위의 예제는 브라우저 제한으로 인해 마우스 입력과같은 사용자 입력이 있을 때 이 함수를 호출합니다. fullscreen__returns = 불리언: 현재 전체 화면 상태 -fullscreen__params__val = 불리언: 스케치를 전체 화면 모드로 실행할 지의 여부 (선택 사항) +fullscreen__params__val = 불리언: (선택 사항) 스케치를 전체 화면 모드로 실행할 지의 여부 pixelDensity__description__0 = 픽셀 밀도가 높은 디스플레이의 픽셀 크기를 조정합니다. pixelDensity()는 그 기본값으로 화면의 픽셀 밀도와 일치하도록 설정되어 있으며, pixelDensity(1)를 호출하여 이를 해제할 수 있습니다. 별도의 인수없이 pixelDensity() 함수를 호출하면, 스케치의 현재 픽셀 밀도가 반환됩니다. pixelDensity__params__val = 숫자: 스케치의 픽셀 크기를 조정할 지 여부 또는 조정값 displayDensity__description__0 = 스케치가 실행 중인 현재 디스플레이의 픽셀 밀도를 반환합니다. @@ -360,54 +384,125 @@ displayDensity__returns = 숫자: 디스플레이의 현재 픽셀 밀도 getURL__description__0 = 현재 URL을 받아옵니다. getURL__returns = 문자열: url getURLPath__description__0 = 현재 URL 경로를 배열로 받아옵니다. -getURLPath__returns = 문자열 배열[]：경로 요소들 +getURLPath__returns = 문자열 배열[]：경로 요소의 배열 getURLParams__description__0 = 현재 URL 매개변수들을 객체로 받아옵니다. getURLParams__returns = 객체: URL 매개변수들 -preload__description__0 = preload() 함수는 setup() 함수 직전에 호출되며, 외부 파일의 비동기 불러오기를 차단하기 위해 사용됩니다. preload() 함수로 외부 파일 사전 불러오기가 설정되면, setup() 함수는 불러오기 호출이 완료될 때까지 대기합니다. 불러오기 호출 이외의 다른 함수(loadImage, loadJOSN, loadFont, loadString)는 preload() 함수 안에 포함되지 않아야 합니다. 만약 비동기 불러오기를 선호한다면, 불러오기 메소드를 setup() 함수 안에 포함시키거나, 그 외의 영역에서 callback 매개변수를 사용하여 호출하면 됩니다.
    기본값으로 'loading..'이라는 텍스트가 화면에 나타납니다. 나만의 로딩 페이지를 만들려면 id가 p5_loading으로 지정된 HTML 요소를 추가하면 됩니다. 자세한 정보는 여기서 확인하세요. -setup__description__0 = setup() 함수는 프로그램 실행시 단 한번 호출됩니다. 함수는 화면 크기나 배경색 등의 초기 환경 요소를 정의하고, 또 이미지나 폰트같은 미디어 파일을 불러오는 데에 쓰입니다. setup() 함수는 프로그램당 한 개씩만 존재할 수 있으며, 최초 한 번 실행된 이후에는 재호출되지 않아야 합니다.

    참고: setup() 함수 안에 선언된 변수는, draw() 함수를 비롯한 여타 함수들이 접근할 수 없습니다. -draw__description__0 = draw() 함수는 setup() 함수 직후에 호출되며, 프로그램 실행이 중단되거나 noLoop() 함수가 호출되기 전까지 블록 내에 포함된 코드들을 계속 실행합니다. 만약 setup() 함수에서 noLoop()가 호출된다면, draw() 함수는 단 한 번 실행됩니다. draw() 함수는 자동으로 호출되며, 명시적으로 호출하면 안됩니다.

    draw() 함수는 항상 noLoop(), redraw(), 그리고 loop() 함수로 제어됩니다. noLoop()함수가 draw() 함수에 포함된 코드 실행을 멈추면, redraw() 함수가 draw() 함수 안에 포함된 코드들을 한 번만 실행하게 됩니다. loop() 함수의 경우, draw() 함수 안에 있는 코드를 계속해서 반복적으로 실행되게 합니다.

    draw() 함수가 초당 호출되는 횟수는 frameRate() 함수를 통해 조정할 수 있습니다.

    draw() 함수는 한 스케치당 한 번만 작성되어야 하며, 코드를 계속 실행하거나 mousePressed()와 같은 이벤트를 처리할 때 반드시 필요합니다. 때로는 위의 예제처럼 비어있는 draw() 함수를 호출하기도 합니다.

    드로잉의 좌표계가 매 draw() 함수가 호출될 때마다 리셋되는 점에 유의하세요. draw() 함수 안에서 변형 함수(scale, rotate, translate)가 실행될 경우, draw() 함수가 재호출되는 시점에 그 효과들은 무효화되고, 따라서 시간이 지나도 변형 내용이 누적되지 않습니다. 반면, 한 번 선언된 스타일(fill, stroke 등)은 계속해서 적용됩니다. +preload__description__0 = preload() 함수는 setup() 함수 직전에 호출되며, 외부 파일의 비동기 불러오기를 차단하기 위해 사용됩니다. preload() 함수로 외부 파일 사전 불러오기가 설정되면, setup() 함수는 불러오기 호출이 완료될 때까지 대기합니다. 불러오기 호출 이외의 다른 함수(loadImage, loadJOSN, loadFont, loadString)는 preload() 함수 안에 포함되지 않아야 합니다. 만약 비동기 불러오기를 선호한다면, 불러오기 메소드를 setup() 함수 안에 포함시키거나, 그 외의 영역에서 callback 매개변수를 사용하여 호출하면 됩니다. +preload__description__1 = 기본값으로 'loading..'이라는 텍스트가 화면에 나타납니다. 나만의 로딩 페이지를 만들려면 id가 p5_loading으로 지정된 HTML 요소를 추가하면 됩니다. 자세한 정보는 여기에 있습니다. +setup__description__0 = setup() 함수는 프로그램 실행시 단 한번 호출됩니다. 함수는 화면 크기나 배경색 등의 초기 환경 요소를 정의하고, 또 이미지나 폰트같은 미디어 파일을 불러오는 데에 쓰입니다. setup() 함수는 프로그램당 한 개씩만 존재할 수 있으며, 최초 한 번 실행된 이후에는 재호출되지 않아야 합니다. +setup__description__1 = 참고: setup() 함수 안에 선언된 변수는, draw() 함수를 비롯한 여타 함수들이 접근할 수 없습니다. +setup__description__2 = +draw__description__0 = draw() 함수는 setup() 함수 직후에 호출되며, 프로그램 실행이 중단되거나 noLoop() 함수가 호출되기 전까지 블록 내에 포함된 코드들을 계속 실행합니다. 만약 setup() 함수에서 noLoop()가 호출된다면, draw() 함수는 단 한 번 실행됩니다. draw() 함수는 자동으로 호출되며, 명시적으로 호출하면 안됩니다. +draw__description__1 = draw() 함수는 항상 noLoop(), redraw(), 그리고 loop() 함수로 제어됩니다. noLoop()함수가 draw() 함수에 포함된 코드 실행을 멈추면, redraw() 함수가 draw() 함수 안에 포함된 코드들을 한 번만 실행하게 됩니다. loop() 함수의 경우, draw() 함수 안에 있는 코드를 계속해서 반복적으로 실행되게 합니다. +draw__description__2 = draw() 함수가 초당 호출되는 횟수는 frameRate() 함수를 통해 조정할 수 있습니다. +draw__description__3 = draw() 함수는 한 스케치당 한 번만 작성되어야 하며, 코드를 계속 실행하거나 mousePressed()와 같은 이벤트를 처리할 때 반드시 필요합니다. 때로는 위의 예제처럼 비어있는 draw() 함수를 호출하기도 합니다. +draw__description__4 = 드로잉의 좌표계가 매 draw() 함수가 호출될 때마다 리셋되는 점에 유의해야 합니다. draw() 함수 안에서 변형 함수(scale, rotate, translate)가 실행될 경우, draw() 함수가 재호출되는 시점에 그 효과들은 무효화되고, 따라서 시간이 지나도 변형 내용이 누적되지 않습니다. 반면, 한 번 선언된 스타일(fill, stroke 등)은 계속해서 적용됩니다. remove__description__0 = 전체 p5 스케치를 제거합니다. 이 함수는 캔버스와 p5.js로 생성한 모든 요소들을 제거합니다. 또한, 그리기 반복(draw loop)를 중지하고, 윈도우 전역 범위에서 선언된 속성이나 메소드의 구속력을 해제합니다. 새로운 p5 스케치를 만들고자 할 경우에는 변수 p5를 남겨둡니다. 원한다면 p5 = null로 처리하여 이를 제거할 수 있습니다. p5 라이브러리로 생성한 모든 함수, 변수, 그리고 객체가 제거되지만, 사용자가 코드로 생성한 여타 전역 변수들은 그대로 유지됩니다. -disableFriendlyErrors__description__0 = 스케치를 만드는 동안 '친근한 에러 시스템(Friendly Error System, FES)'을 필요시 비활성화하여 성능을 향상시킵니다. 친근한 에러 시스템 비활성화하기를 참고하세요. -let__description__0 = 새로운 변수를 생성하고 그 이름을 지정합니다. 변수는 값을 담는 컨테이너입니다.
    let으로 선언된 변수는 블록 단위의 적용 범위를 갖습니다. 즉, 변수가 작성된 블록 내에서만 존재하고 사용될 수 있음을 뜻합니다.
    MDN Entry에서 발췌: 블록 범위의 지역 변수를 선언하고, 선택적으로 그 값을 초기화합니다. -const__description__0 = 새로운 상수를 생성하고 그 이름을 지정합니다. 마치 let으로 생성된 변수처럼, const로 생성된 상수는 값을 담는 컨테이너입니다. 하지만, 상수는 한 번 산언된 다음 변경할 수 없습니다.
    const로 선언된 상수는 블록 단위의 적용 범위를 갖습니다. 즉, 상수가 작성된 블록 내에서만 존재하고 사용될 수 있음을 뜻합니다. 상수는 자신이 존재하고 있는 범위 내에서 재선언될 수 없습니다.
    MDN Entry에서 발췌: 읽기만 가능한 상수를 선언합니다. const는 블록 단위로 적용되며, let으로 선언된 변수들과 유사합니다. 상수값은 재지정을 통해 변경될 수 없으며, 재선언될 수 없습니다. -if-else__description__0 = if-else문으로 코드의 흐름을 제어할 수 있습니다.
    'if' 바로 다음 괄호 안에 조건을 지정할 수 있으며, 조건이 참(truthy)으로 연산되면 뒤따른 중괄호 사이의 코드가 실행됩니다. 조건이 거짓(falsy)으로 연산되면 'else' 뒤에 오는 중괄호 사이의 코드가 대신 실행됩니다.

    MDN Entry에서 발췌: 지정된 조건이 참일 경우, if문은 명령문을 실행합니다. 조건이 거짓이면 다른 명령문을 실행할 수 잇습니다. -function__description__0 = 새로운 함수(function)를 생성하고 그 이름을 지정합니다. 함수란, 작업을 수행하는 일련의 명령문을 뜻합니다.
    선택적으로, 함수는 매개변수를 가질 수 있습니다.매개변수(parameter)란, 특정 함수에만 그 사용 범위가 지정된 변수를 뜻하며 함수 호출시 그 값을 지정할 수 있습니다.

    MDN Entry에서 발췌: 사용자가 지정한 매개변수를 사용하여 함수를 선언합니다. -return__description__0 = 함수가 반환할 값을 지정합니다.
    MDN Entry 발췌 함수(function) 상세 설명 -boolean__description__0 = 불리언(boolean)은 자바스크립트에서 지정한 7개의 기본 데이터 유형 중 하나입니다. 불리언은 참(true) 또는 거짓(false)으로 값을 나타냅니다.
    MDN Entry에서 발췌: 불리언은 논리적 개체를 나타내며 참(true) 또는 거짓(false)이라는 두 개의 값만 갖습니다. -string__description__0 = 문자열(string)은 자바스크립트에서 지정한 7개의 기본 데이터 유형 중 하나입니다. 문자열은 일련의 텍스트 문자들을 뜻하며, 자바스크립트에서 문자열 값은 작은 따옴표나 큰따옴표로 묶여 표현됩니다.
    MDN Entry에서 발췌: 문자열은 텍스트를 나타낼 때 사용하는 일련의 문자들입니다. -number__description__0 = 숫자(number)는 자바스크립트에서 지정한 7개의 기본 데이터 유형 중 하나입니다. 숫자는 정수 또는 10진수로 표현됩니다.
    MDN Entry 발췌 숫자(number) 상세 설명 -object__description__0 = MDN Entry 발췌 객체(object) 기초 설명: 객체(object)는 데이터 그리고/또는 함수의 모음을 뜻합니다. 일반적으로 여러 개의 변수와 함수로 구성됩니다. 변수와 함수가 객체 안에 포함된 경우, 각각을 속성(property)과 메소드(method)라 부릅니다. -class__description__0 = 클래스(class)를 생성하고 그 이름을 지정합니다. 클래스는 객체(object) 생성을 위한 하나의 템플릿입니다.
    MDN Entry에서 발췌: 클래스 선언을 통해 새로운 Class를 생성합니다. 이 때, 새로운 Class의 이름은 프로토타입 기반 상속을 통해 지정됩니다. -for__description__0 = for문을 사용하여 특정 섹션의 코드에 대한 반복문(loop)을 만듭니다.

    'for 반복문(for loop)'은 괄호 속 3개의 다른 표현식들로 구성되며, 각각의 표현식은 모두 선택 사항입니다. 이 표현식들은 반복 실행(loop)의 횟수를 제어합니다. 1번째 표현식은 반복문의 초기 상태를 설정하는 명령문입니다. 2번째 표현식은 매 반복 실행에 앞서 조건 충족 여부를 확인합니다. 이 표현식이 거짓(false)를 반환하면 반복 실행이 종료됩니다. 3번째 표현식은 반복문의 가장 마지막 단계에 실행됩니다.

    for 반복문의 본문(중괄호 사이의 영역)에 포함된 코드는 2번째와 3번째 표현식의 연산과정 사이에 실행됩니다.

    여타 반복문과 마찬가지로, for 반복문 역시 반복이 '종료'되는 시점이나, 조건을 더이상 충족하지 않아 거짓(false)으로 연산되는 시점을 명시해야 합니다. 앞서 설명된 2번째 표현식을 통해, for 반복문의 조건이 거짓으로 연산되는 시점을 정할 수 있습니다. for반복문의 조건이 언젠가 거짓으로 처리되는 시점을 지정함으로써, 해당 반복문이 무한으로 실행되지 않도록 처리하기 위함입니다. 그렇지 않으면, 브라우저가 중단될 수 있습니다.

    MDN Entry에서 발췌: for 반복문은 조건이 거짓(false)으로 연산될 때까지 지정된 명령문을 실행합니다. 명령문을 실행한 후에는 조건 충족 여부를 다시 평가하여, 명령문이 최소 1번 실행되도록 합니다. -while__description__0 = while문을 사용하여 특정 섹션의 코드에 대한 반복문(loop)을 만듭니다.

    'while 반복문(while loop)'을 사용하면, 소괄호 속 조건이 거짓(false)이 될 때까지 중괄호 속 본문의 코드가 반복적으로 실행됩니다. for 반복문과 달리, while 반복문은 그 본문 속 코드를 실행하기 앞서 조건 충족 여부를 먼저 확인합니다. 따라서, 최초 실행시 조건이 거짓일 경우, while문 속 본문과 명령문은 절대 실행되지 않습니다.

    여타 반복문과 마찬가지로, while 반복문 역시 반복이 '종료'되는 시점이나, 조건을 더이상 충족하지 않아 거짓(false)으로 연산되는 시점을 명시해야 합니다. while 반복문의 조건이 언젠가 거짓으로 처리되는 시점을 지정함으로써, 해당 반복문이 무한으로 실행되지 않도록 처리하기 위함입니다. 그렇지 않을 경우, 브라우저가 중단될 수 있습니다.

    MDN Entry에서 발췌: while 반복문은 조건이 참(true)인 경우에 한해 지정된 명령문을 실행합니다. 명령문 실행에 앞서 조건 충족 여부가 평가됩니다. -createCanvas__description__0 = 캔버스를 생성하고 픽셀 단위로 크기를 설정합니다. createCanvas()는 setup() 함수 시작시 단 한 번만 실행되어야 합니다. createCanvas()를 한 번 이상 호출하면 스케치가 예기치 못한 반응을 보일 수 있습니다. 두 개 이상의 캔버스가 필요하다면 createGraphics()를 이용하세요.

    설정된 캔버스 사이즈는 시스템 변수인 너비(width)와 높이(height)에 각각 저장됩니다. createCanvas() 함수를 생략하면, 스케치의 크기는 기본값인 100x100 픽셀로 지정됩니다.

    캔버스의 위치 지정 방법을 알고싶다면, 캔버스 위치 지정하기 위키 페이지를 참고하세요. +disableFriendlyErrors__description__0 = 스케치를 만드는 동안 '친근한 에러 시스템 (Friendly Error System, FES)'을 필요시 비활성화하여 성능을 향상시킵니다. 친근한 에러 시스템 비활성화하기에 더 자세히 기록되어 있습니다. +let__description__0 = 새로운 변수를 생성하고 그 이름을 지정합니다. 변수는 값을 담는 컨테이너입니다. +let__description__1 = let으로 선언된 변수는 블록 단위의 적용 범위를 갖습니다. 즉, 변수가 작성된 블록 내에서만 존재하고 사용될 수 있음을 뜻합니다. +let__description__2 = MDN Entry에서 발췌: 블록 범위의 지역 변수를 선언하고, 선택적으로 그 값을 초기화합니다. +const__description__0 = 새로운 상수를 생성하고 그 이름을 지정합니다. 마치 let으로 생성된 변수처럼, const로 생성된 상수는 값을 담는 컨테이너입니다. 하지만, 상수는 한 번 산언된 다음 변경할 수 없습니다. +const__description__1 = const로 선언된 상수는 블록 단위의 적용 범위를 갖습니다. 즉, 상수가 작성된 블록 내에서만 존재하고 사용될 수 있음을 뜻합니다. 상수는 자신이 존재하고 있는 범위 내에서 재선언될 수 없습니다. +const__description__2 = MDN Entry에서 발췌: 읽기만 가능한 상수를 선언합니다. const는 블록 단위로 적용되며, let으로 선언된 변수들과 유사합니다. 상수값은 재지정을 통해 변경될 수 없으며, 재선언될 수 없습니다. +===__description__0 = 완전 항등 연산자 '===' 는 두 값이 같으면서 동시에 동일한 유형인지 여부를 확인합니다. +===__description__1 = 비교 표현식은 항상 불리언으로 연산됩니다. +===__description__2 = MDN Entry에서 발췌: 이 연산자는 피연산자들이 동일한 값이 아니고/또는 동일한 유형이 아닐 때 참(true)을 반환합니다. +===__description__3 = 웹상의 몇몇 예제에서 피연산자 간의 비교를 위해 이중 등호(==)를 사용하는 것을 볼 수 있습니다. 이는 자바스크립트상의 완전 항등 연산자(===)에 해당하지 않으며, 두 피연산자의 값들을 비교하기에 앞서, 그 유형이 동일한지의 여부를 비교하게 됩니다. +>__description__0 = 비교 연산자 > 는 왼쪽 값이 오른쪽 값보다 큰 경우 참(true)으로 연산합니다. +>__description__1 = MDN 발췌 비교 연산자 상세 설명은 여기에 있습니다. +>=__description__0 = 비교 연산자 >= 는 왼쪽 값이 오른쪽 값보다 크거나 같은 경우 참(true)로 연산합니다. +>=__description__1 = MDN 발췌 비교 연산자 상세 설명은 여기에 있습니다. +>=__description__2 = +<__description__0 = 비교 연산자 < 는 왼쪽 값이 오른쪽 값보다 작은 경우 참(true)으로 연산합니다. +<__description__1 = MDN 발췌 비교 연산자 상세 설명은 여기에 있습니다. +<__description__2 = +<=__description__0 = 비교 연산자 <= 는 왼쪽 값이 오른쪽 값보다 작거나 같은 경우 참(true)로 연산합니다. +<=__description__1 = MDN 발췌 비교 연산자 상세 설명은 여기에 있습니다. +if-else__description__0 = if-else문으로 코드의 흐름을 제어할 수 있습니다. +if-else__description__1 = 'if' 바로 다음 괄호 안에 조건을 지정할 수 있으며, 조건이 참(truthy)으로 연산되면 뒤따른 중괄호 사이의 코드가 실행됩니다. 조건이 거짓(falsy)으로 연산되면 'else' 뒤에 오는 중괄호 사이의 코드가 대신 실행됩니다. +if-else__description__2 = MDN Entry에서 발췌: 지정된 조건이 참일 경우, if문은 명령문을 실행합니다. 조건이 거짓이면 다른 명령문을 실행할 수 잇습니다. +function__description__0 = 새로운 함수 (function)를 생성하고 함수명을 지정합니다. 함수란, 작업을 수행하는 일련의 명령문을 뜻합니다. +function__description__1 = 선택적으로, 함수는 매개변수를 가질 수 있습니다.매개변수(parameter)란, 특정 함수에만 그 사용 범위가 지정된 변수를 뜻하며 함수 호출시 그 값을 지정할 수 있습니다. +function__description__2 = MDN Entry에서 발췌: 사용자가 지정한 매개변수를 사용하여 함수를 선언합니다. +return__description__0 = 함수가 반환할 값을 지정합니다.
    MDN Entry 발췌 함수(function) 상세 설명 +boolean__description__0 = 불리언 (boolean)은 자바스크립트에서 지정한 7개의 기본 데이터 유형 중 하나입니다. 불리언은 참(true) 또는 거짓(false)으로 값을 나타냅니다. +boolean__description__1 = MDN Entry에서 발췌: 불리언은 논리적 개체를 나타내며 참(true) 또는 거짓(false)이라는 두 개의 값만 갖습니다. +boolean__returns = 불리언: 특정 값의 불리언형 표식 +boolean__params__n = 문자열|불리언|숫자|배열[]: 분해할 값 +string__description__0 = 문자열(string)은 자바스크립트에서 지정한 7개의 기본 데이터 유형 중 하나입니다. 문자열은 일련의 텍스트 문자들을 뜻하며, 자바스크립트에서 문자열 값은 작은 따옴표나 큰따옴표로 묶여 표현됩니다. +string__description__1 = MDN Entry에서 발췌: 문자열은 텍스트를 나타낼 때 사용하는 일련의 문자들입니다. +number__description__0 = 숫자(number)는 자바스크립트에서 지정한 7개의 기본 데이터 유형 중 하나입니다. 숫자는 정수 또는 10진수로 표현됩니다. +number__description__1 = MDN Entry 발췌 숫자(number) 상세 설명은 여기에 있습니다. +object__description__0 = MDN Entry 발췌 객체(object) 기초 설명: 객체(object)는 데이터 그리고/또는 함수의 모음을 뜻합니다. 일반적으로 여러 개의 변수와 함수로 구성됩니다. 변수와 함수가 객체 안에 포함된 경우, 각각을 속성(property)과 메소드(method)라 부릅니다. +class__description__0 = 클래스(class)를 생성하고 그 이름을 지정합니다. 클래스는 객체(object) 생성을 위한 하나의 템플릿입니다. +class__description__1 = MDN Entry에서 발췌: 클래스 선언을 통해 새로운 Class를 생성합니다. 이 때, 새로운 Class의 이름은 프로토타입 기반 상속을 통해 지정됩니다. +for__description__0 = for문을 사용하여 특정 부분의 코드에 대한 반복문(loop)을 만듭니다. +for__description__1 = 'for 반복문 (for loop)'은 괄호 속 3개의 다른 표현식들로 구성되며, 각각의 표현식은 모두 선택 사항입니다. 이 표현식들은 반복 실행(loop)의 횟수를 제어합니다. 1번째 표현식은 반복문의 초기 상태를 설정하는 명령문입니다. 2번째 표현식은 매 반복 실행에 앞서 조건 충족 여부를 확인합니다. 이 표현식이 거짓(false)를 반환하면 반복 실행이 종료됩니다. 3번째 표현식은 반복문의 가장 마지막 단계에 실행됩니다. +for__description__2 = for 반복문의 본문(중괄호 사이의 영역)에 포함된 코드는 2번째와 3번째 표현식의 연산과정 사이에 실행됩니다. +for__description__3 = 여타 반복문과 마찬가지로, for 반복문 역시 반복이 '종료'되는 시점이나, 조건을 더이상 충족하지 않아 거짓(false)으로 연산되는 시점을 명시해야 합니다. 앞서 설명된 2번째 표현식을 통해, for 반복문의 조건이 거짓으로 연산되는 시점을 정할 수 있습니다. for반복문의 조건이 언젠가 거짓으로 처리되는 시점을 지정함으로써, 해당 반복문이 무한으로 실행되지 않도록 처리하기 위함입니다. 그렇지 않으면, 브라우저가 중단될 수 있습니다. +for__description__4 = MDN Entry에서 발췌: for 반복문은 조건이 거짓(false)으로 연산될 때까지 지정된 명령문을 실행합니다. 명령문을 실행한 후에는 조건 충족 여부를 다시 평가하여, 명령문이 최소 1번 실행되도록 합니다. +while__description__0 = while문을 사용하여 특정 부분의 코드에 대한 반복문(loop)을 만듭니다. +while__description__1 = 'while 반복문(while loop)'을 사용하면, 소괄호 속 조건이 거짓(false)이 될 때까지 중괄호 속 본문의 코드가 반복적으로 실행됩니다. for 반복문과 달리, while 반복문은 그 본문 속 코드를 실행하기 앞서 조건 충족 여부를 먼저 확인합니다. 따라서, 최초 실행시 조건이 거짓일 경우, while문 속 본문과 명령문은 절대 실행되지 않습니다. +while__description__2 = 여타 반복문과 마찬가지로, while 반복문 역시 반복이 '종료'되는 시점이나, 조건을 더이상 충족하지 않아 거짓(false)으로 연산되는 시점을 명시해야 합니다. while 반복문의 조건이 언젠가 거짓으로 처리되는 시점을 지정함으로써, 해당 반복문이 무한으로 실행되지 않도록 처리하기 위함입니다. 그렇지 않을 경우, 브라우저가 중단될 수 있습니다. +while__description__3 = MDN Entry에서 발췌: while 반복문은 조건이 참(true)인 경우에 한해 지정된 명령문을 실행합니다. 명령문 실행에 앞서 조건 충족 여부가 평가됩니다. +createCanvas__description__0 = 캔버스를 생성하고 픽셀 단위로 크기를 설정합니다. createCanvas()는 setup() 함수 시작시 단 한 번만 실행되어야 합니다. createCanvas()를 한 번 이상 호출하면 스케치가 예기치 못한 반응을 보일 수 있습니다. 두 개 이상의 캔버스가 필요하다면 createGraphics()를 이용합니다. +createCanvas__description__1 = 설정된 캔버스 사이즈는 시스템 변수인 너비(width)와 높이(height)에 각각 저장됩니다. createCanvas() 함수를 생략하면, 스케치의 크기는 기본값인 100x100 픽셀로 지정됩니다. +createCanvas__description__2 = 캔버스의 위치 지정 방법은 캔버스 위치 지정하기 위키 페이지에 있습니다. createCanvas__returns = p5.Renderer createCanvas__params__w = 숫자: 캔버스의 너비값 createCanvas__params__h = 숫자: 캔버스의 높이값 -createCanvas__params__renderer = 상수: P2D 또는 WEBGL (선택 사항) -resizeCanvas__description__0 = 사용자가 지정한 너비와 높이로 캔버스 크기를 재조정합니다. 이 함수를 사용하면 캔버스는 클리어되며, draw() 함수가 곧바로 호출되어 스케치를 재조정된 크기의 캔버스로 다시 렌더링되게 합니다. +createCanvas__params__renderer = 상수: (선택 사항) P2D 또는 WEBGL +resizeCanvas__description__0 = 사용자가 지정한 너비와 높이로 캔버스 크기를 재조정합니다. 이 함수를 사용하면 캔버스는 클리어되며, draw() 함수가 곧바로 호출되어 스케치를 재조정된 크기의 캔버스로 다시 렌더링되게 합니다. resizeCanvas__params__w = 숫자: 캔버스의 너비값 resizeCanvas__params__h = 숫자: 캔버스의 높이값 -resizeCanvas__params__noRedraw = 불리언: 캔버스를 곧바로 다시 그리지 않도록 처리할지의 여부 (선택 사항) +resizeCanvas__params__noRedraw = 불리언: (선택 사항) 캔버스를 곧바로 다시 그리지 않도록 처리할지의 여부 noCanvas__description__0 = 캔버스가 불필요한 p5 스케치를 위해 기본적으로 제공되는 캔버스를 제거합니다. -createGraphics__description__0 = 새로운 p5.Renderer 객체를 생성하고 반환합니다. 화면 밖 그래픽 버퍼(off-screen graphic buffer)에 그리려면 이 클래스를 사용하세요. 2개의 매개변수는 너비와 높이를 픽셀 단위로 지정합니다. +createGraphics__description__0 = 새로운 p5.Renderer 객체를 생성하고 반환합니다. 화면 밖 그래픽 버퍼(off-screen graphic buffer)에 그리려면 이 클래스를 사용합니다. 2개의 매개변수는 너비와 높이를 픽셀 단위로 지정합니다. createGraphics__returns = p5.Graphics: 화면 밖 그래픽 버퍼 createGraphics__params__w = 숫자: 화면 밖 그래픽 버퍼의 너비값 createGraphics__params__h = 숫자: 화면 밖 그래픽 버퍼의 높이값 createGraphics__params__renderer = 상수：P2D 또는 WEBGL, 기본값은 P2D -blendMode__description__0 = 사용자가 지정한 모드에 따라 디스플레이 화면상의 픽셀들을 혼합합니다. 소스 픽셀 (A)를 디스플레이 화면 (B)상에 있는 픽셀과 혼합하기 위해 다음 모드를 선택할 수 있습니다:
    • BLEND - 색상 선형 보간:C = (A)*계수 + (B). 기본 혼합 모드입니다.
    • ADD - (A)와 (B)의 합
    • DARKEST - 가장 어두운 색상만 혼합됩니다：C = min(A*계수, B).
    • LIGHTEST - 가장 밝은 색상만 혼합됩니다.：C = max(A*계수, B).
    • DIFFERENCE - 기본 이미지에서 색상값을 뺄셈합니다.
    • EXCLUSION - DIFFERENCE와 유사하지만 덜 극적입니다.
    • MULTIPLY - 색상을 곱하는 것으로, 결과값은 좀 더 어둡습니다.
    • SCREEN - MULTIPLY와 반대로 색상의 반전된 값을 사용합니다.
    • REPLACE - 픽셀이 다른 픽셀을 완전히 대체하며 알파값(투명도)를 사용하지 않습니다.
    • OVERLAY - MULTIPLY와 SCREEN의 혼합으로, 어두운 값을 곱하고 밝은 값의 반전된 값을 사용합니다. (2D)
    • HARD_LIGHT - 회색값이 50%보다 높으면 SCREEN로, 낮으면 MULTIPLY로 처리합니다. (2D)
    • SOFT_LIGHT - DARKEST와 LIGHTEST 혼합으로, OVERLAY처럼 작동하나 덜 강합니다. (2D)
    • DODGE - 밝은 색조를 더 밝게 처리하고 대비를 높이며, 어두운 영역은 무시합니다. (2D)
    • BURN - 어두운 영역이 적용되어 대비가 증가하고 밝기는 무시됩니다. (2D)
    • SUBTRACT - (A)와 (B)의 나머지(3D)


    (2D)는 2D 렌더러에서만 작동하는 혼합 모드를 뜻합니다.
    (3D)는 WEBGL 렌더러에서만 작동하는 혼합 모드를 뜻합니다. +blendMode__description__0 = 사용자가 지정한 모드에 따라 디스플레이 화면상의 픽셀들을 혼합합니다. 소스 픽셀 (A)를 디스플레이 화면 (B)상에 있는 픽셀과 혼합하기 위해 다음 모드를 선택할 수 있습니다:
    • BLEND - 색상 선형 보간:C = (A)*계수 + (B). 기본 혼합 모드입니다.
    • ADD - (A)와 (B)의 합
    • DARKEST - 가장 어두운 색상만 혼합됩니다：C = min(A*계수, B).
    • LIGHTEST - 가장 밝은 색상만 혼합됩니다.：C = max(A*계수, B).
    • DIFFERENCE - 기본 이미지에서 색상값을 뺄셈합니다.
    • EXCLUSION - DIFFERENCE와 유사하지만 덜 극적입니다.
    • MULTIPLY - 색상을 곱하는 것으로, 결과값은 좀 더 어둡습니다.
    • SCREEN - MULTIPLY와 반대로 색상의 반전된 값을 사용합니다.
    • REPLACE - 픽셀이 다른 픽셀을 완전히 대체하며 알파값(투명도)를 사용하지 않습니다.
    • OVERLAY - MULTIPLY와 SCREEN의 혼합으로, 어두운 값을 곱하고 밝은 값의 반전된 값을 사용합니다. (2D)
    • HARD_LIGHT - 회색값이 50%보다 높으면 SCREEN로, 낮으면 MULTIPLY로 처리합니다. (2D)
    • SOFT_LIGHT - DARKEST와 LIGHTEST 혼합으로, OVERLAY처럼 작동하나 덜 강합니다. (2D)
    • DODGE - 밝은 색조를 더 밝게 처리하고 대비를 높이며, 어두운 영역은 무시합니다. (2D)
    • BURN - 어두운 영역이 적용되어 대비가 증가하고 밝기는 무시됩니다. (2D)
    • SUBTRACT - (A)와 (B)의 나머지(3D)
    +blendMode__description__1 = (2D)는 2D 렌더러에서만 작동하는 혼합 모드를 뜻합니다. +blendMode__description__2 = (3D)는 WEBGL 렌더러에서만 작동하는 혼합 모드를 뜻합니다. +blendMode__description__3 = blendMode__params__mode = 상수：캔버스에 설정되는 혼합 모드. BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT, SOFT_LIGHT, DODGE, BURN, ADD, REMOVE 또는 SUBTRACT 중 하나 -drawingContext__description__0 = p5.js API는 다양한 그래픽 제작 기능들을 제공하지만, p5에 노출되지 않는 HTML5 고유의 캔버스 기능이 있습니다. 그러한 기능들은 예제처럼 drawingContext 변수를 사용하여 직접 호출할 수 있습니다. 이는 canvas.getContext('2d') 또는 canvas.getContext('webgl') 함수를 호출하는 것과도 같습니다. 호출 가능한 함수를 확인하려면 기본 캔버스 API 레퍼런스를 참고하세요. -noLoop__description__0 = p5.js가 draw() 함수 안에 포함된 코드를 계속 실행하지 않도록 합니다. loop() 함수가 호출될 경우, draw() 함수 안의 코드가 다시 계속 실행 됩니다. setup() 함수 안에 noLoop() 함수를 사용할 경우, setup() 함수 블록의 가장 마지막 줄에 작성합니다.

    noLoop()을 사용하면, mousePressed()나 keyPressed()와 같은 이벤트 처리 함수를 통해 화면에 접근하거나 조정할 수 없습니다. 대신, redraw()나 loop() 함수들을 이용하여, 화면 업데이트 함수인 draw()를 재실행시켜 이벤트 처리 함수를 실행할 수 있습니다. 다시 말해, noLoop() 함수가 호출된다는 것은 draw()가 실행되지 않으며, saveFrame()이나 loadPixels()와 같은 함수 역시 사용할 수 없음을 뜻합니다.

    스케치 크기를 재조정하면, noLoop() 함수가 호출되지 않더라도 redraw()가 호출되어 스케치를 업데이트하는 점에 유의하세요. 그렇지 않으면, 스케치는 loop()가 호출될 때까지 예기치 못한 반응을 보일 수 있습니다. -loop__description__0 = 기본값으로, p5.js는 draw() 함수 안에 포함된 코드를 계속해서 반복 실행(loop)합니다. 하지만, draw() 함수의 반복 실행 기능은 noLoop() 함수를 통해 중단될 수 있습니다. 그 경우, draw()의 반복 실행 기능은 loop() 함수를 통해 재개할 수 있습니다. -push__description__0 = push() 함수는 현재의 드로잉 스타일 설정과 변형을 저장하고, pop() 함수는 이 설정들을 복구합니다. 이 함수들은 항상 함께 쓰이는 점에 유의하세요. 이 함수들을 통해 스타일과 변형 설정을 변경한 뒤에도 이전 설정 상태로 돌아갈 수 있습니다. push()와 pop() 함수들은 설정 사항에 대해 좀 더 많은 권한을 제공합니다. (두 번째 예제를 참고하세요.)

    push()는 다음의 함수들을 통해 지정된 현재 변형 상태 및 스타일 설정 사항을 저장합니다: fill(), noFill(), noStroke(), stroke(), tint(), noTint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textSize(), textLeading(), applyMatrix(), resetMatrix(), rotate(), scale(), shearX(), shearY(), translate(), noiseSeed().

    WebGL 모드에서는 다음의 함수들을 통해 지정된, 더욱 다양한 스타일 설정 사항이 저장될 수 있습니다: setCamera(), ambientLight(), directionalLight(), pointLight(), texture(), specularMaterial(), shininess(), normalMaterial(), 그리고 shader() -pop__description__0 = push() 함수는 현재의 드로잉 스타일 설정과 변형을 저장하고, pop() 함수는 이 설정들을 복구합니다. 이 함수들은 항상 함께 쓰이는 점에 유의하세요. 이 함수들을 통해 스타일과 변형 설정을 변경한 뒤에도 이전 설정 상태로 돌아갈 수 있습니다. push()와 pop() 함수들은 설정 사항에 대해 좀 더 많은 권한을 제공합니다. (두 번째 예제를 참고하세요.)

    push()는 다음의 함수들을 통해 지정된 현재 변형 상태 및 스타일 설정 사항을 저장합니다: fill(), noFill(), noStroke(), stroke(), tint(), noTint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textSize(), textLeading(), applyMatrix(), resetMatrix(), rotate(), scale(), shearX(), shearY(), translate(), noiseSeed().

    WebGL 모드에서는 다음의 함수들을 통해 지정된, 더욱 다양한 스타일 설정 사항이 저장될 수 있습니다: setCamera(), ambientLight(), directionalLight(), pointLight(), texture(), specularMaterial(), shininess(), normalMaterial(), 그리고 shader() -redraw__description__0 = draw() 함수 안에 포함된 코드를 한 번 재실행합니다. 이 함수를 통해 필요시에만 화면을 업데이트할 수 있습니다. mousePressed()나 keyPressed()가 지정한 이벤트를 발생시킬 때가 그 예입니다.

    프로그램의 구조를 고려하면, mousePressed()와 같은 이벤트 함수에 redraw()를 호출하는 것이 좋습니다. 이는 redraw()가 draw()함수를 즉각적으로 실행시키지 않기 때문입니다. redraw()는 화면 업데이트가 필요함을 알리는 표식 설정만합니다. -redraw__params__n = 정수: n번 간 redraw() 함수 실행. 기본값은 1 (선택 사항) -p5__description__0 = p5() 생성자로 전역 모드 대신 인스턴스 모드를 활성화할 수 있습니다. 이는 고급 활용 사례에 해당합니다. 간단한 설명과 예제가 아래에 있습니다. 자세한 내용은 다니엘 쉬프만(Dan Shiffman)의 코딩 트레인(Coding Train) 비디오 튜토리얼 또는 이 페이지를 참조하세요.

    기본값으로, 모든 p5.js 함수들은 전역 네임스페이스에 속합니다. (즉, 화면창 객체에 구속됩니다.) 이는, p5.js 함수들을 ellipse(), fill()과 같은 이름으로 불러올 수 있음을 뜻합니다. 하지만, 이러한 방식은 자바스크립트의 여타 (동기식 또는 비동기식) 라이브러리를 사용하거나 긴 코딩을 작성할 때 다소 불편할 수 있습니다. 따라서, p5.js는 인스턴스 모드를 통해 이 문제를 해결할 수 있는 방법을 지원합니다. 인스턴스 모드에서는 모든 p5 함수의 전역 네임 스페이스를 오염시키는 대신, 이를 단일 변수에 구속되게 만듭니다.

    선택적으로, 캔버스나 다른 요소에 추가할 두 번째 인수로서 기본 컨테이너를 지정할 수 있습니다. HTML상 요소의 id나 노드 자체를 추가(append)할 수 있습니다.

    이처럼 인스턴스를 만들면, 단일 웹페이지에 두 개 이상의 p5 스케치를 사용할 수 있게 됩니다. 각각의 고유한 설정 변수에 의거하기 때문입니다. 물론, 전역 모드에서도 iframe 기능을 이용하면 복수의 스케치를 웹페이지에 사용할 수 있습니다. +drawingContext__description__0 = p5.js API는 다양한 그래픽 제작 기능들을 제공하지만, p5에 노출되지 않는 HTML5 고유의 캔버스 기능이 있습니다. 그러한 기능들은 예제처럼 drawingContext 변수를 사용하여 직접 호출할 수 있습니다. 이는 canvas.getContext('2d') 또는 canvas.getContext('webgl') 함수를 호출하는 것과도 같습니다. 호출 가능한 함수는 기본 캔버스 API 레퍼런스에 있습니다. +noLoop__description__0 = p5.js가 draw() 함수 안에 포함된 코드를 계속 실행하지 않도록 합니다. loop() 함수가 호출될 경우, draw() 함수 안의 코드가 다시 계속 실행 됩니다. setup() 함수 안에 noLoop() 함수를 사용할 경우, setup() 함수 블록의 가장 마지막 줄에 작성합니다. +noLoop__description__1 = noLoop()을 사용하면, mousePressed()나 keyPressed()와 같은 이벤트 처리 함수를 통해 화면에 접근하거나 조정할 수 없습니다. 대신, redraw()나 loop() 함수들을 이용하여, 화면 업데이트 함수인 draw()를 재실행시켜 이벤트 처리 함수를 실행할 수 있습니다. 다시 말해, noLoop() 함수가 호출된다는 것은 draw()가 실행되지 않으며, saveFrames()이나 loadPixels()와 같은 함수 역시 사용할 수 없음을 뜻합니다. +noLoop__description__2 = 스케치 크기를 재조정하면, noLoop() 함수가 호출되지 않더라도 redraw()가 호출되어 스케치를 업데이트하는 점에 유의해야 합니다. 그렇지 않으면, 스케치는 loop()가 호출될 때까지 예기치 못한 반응을 보일 수 있습니다. +noLoop__description__3 = loop()의 상태를 확인할 때 isLooping()를 사용합니다. +loop__description__0 = 기본적으로 p5.js는 draw() 함수 안에 포함된 코드를 계속해서 반복 실행(loop)합니다. 하지만 draw() 함수의 반복 실행 기능은 noLoop() 함수를 통해 중단할 수 있습니다. 이때 draw()의 반복 실행 기능은 loop() 함수를 통해 재개할 수 있습니다. +loop__description__1 = setup() 함수 안에서 loop()의 사용을 권장하지 않습니다. +loop__description__2 = loop()의 상태를 확인할 때 isLooping()를 사용합니다. +isLooping__description__0 = 기본적으로 p5.js는 draw() 함수 안에 포함된 코드를 계속해서 반복 실행(loop)합니다. 하지만 draw() 함수의 반복 실행 기능은 noLoop() 함수를 통해 중단할 수 있고 draw()의 반복 실행 기능은 loop() 함수를 통해 재개할 수 있습니다. 이때 isLooping()은 현재 상태를 반환합니다. +push__description__0 = push() 함수는 현재의 드로잉 스타일 설정과 변형을 저장하고, pop() 함수는 이 설정들을 복구합니다. 이 함수들은 항상 함께 쓰이는 점에 유의해야 합니다. 이 함수들을 통해 스타일과 변형 설정을 변경한 뒤에도 이전 설정 상태로 돌아갈 수 있습니다. push()와 pop() 함수들은 설정 사항에 대해 좀 더 많은 권한을 제공합니다. (두 번째 예제를 참고) +push__description__1 = push()는 다음의 함수들을 통해 지정된 현재 변형 상태 및 스타일 설정 사항을 저장합니다: fill(), noFill(), noStroke(), stroke(), tint(), noTint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textSize(), textLeading(), applyMatrix(), resetMatrix(), rotate(), scale(), shearX(), shearY(), translate(), noiseSeed(). +push__description__2 = WebGL 모드에서는 다음의 함수들을 통해 지정된, 더욱 다양한 스타일 설정 사항이 저장될 수 있습니다: setCamera(), ambientLight(), directionalLight(), pointLight(), texture(), specularMaterial(), shininess(), normalMaterial(), 그리고 shader() +push__description__3 = +push__description__4 = +pop__description__0 = push() 함수는 현재의 드로잉 스타일 설정과 변형을 저장하고, pop() 함수는 이 설정들을 복구합니다. 이 함수들은 항상 함께 쓰이는 점에 유의해야 합니다. 이 함수들을 통해 스타일과 변형 설정을 변경한 뒤에도 이전 설정 상태로 돌아갈 수 있습니다. push()와 pop() 함수들은 설정 사항에 대해 좀 더 많은 권한을 제공합니다. (두 번째 예제.) +pop__description__1 = push()는 다음의 함수들을 통해 지정된 현재 변형 상태 및 스타일 설정 사항을 저장합니다: fill(), noFill(), noStroke(), stroke(), tint(), noTint(), strokeWeight(), strokeCap(), strokeJoin(), imageMode(), rectMode(), ellipseMode(), colorMode(), textAlign(), textFont(), textSize(), textLeading(), applyMatrix(), resetMatrix(), rotate(), scale(), shearX(), shearY(), translate(), noiseSeed(). +pop__description__2 = WebGL 모드에서는 다음의 함수들을 통해 지정된, 더욱 다양한 스타일 설정 사항이 저장될 수 있습니다: setCamera(), ambientLight(), directionalLight(), pointLight(), texture(), specularMaterial(), shininess(), normalMaterial(), 그리고 shader() +pop__description__3 = +pop__description__4 = +redraw__description__0 = draw() 함수 안에 포함된 코드를 한 번 재실행합니다. 이 함수를 통해 필요시에만 화면을 업데이트할 수 있습니다. mousePressed()나 keyPressed()가 지정한 이벤트를 발생시킬 때가 그 예입니다. +redraw__description__1 = 프로그램의 구조를 고려하면, mousePressed()와 같은 이벤트 함수에 redraw()를 호출하는 것이 좋습니다. 이는 redraw()가 draw()함수를 즉각적으로 실행시키지 않기 때문입니다. redraw()는 화면 업데이트가 필요함을 알리는 표식 설정만합니다. +redraw__description__2 = +redraw__description__3 = +redraw__description__4 = +redraw__params__n = 정수: (선택 사항) n번 간 redraw() 함수 실행. 기본값은 1 +p5__description__0 = p5() 생성자로 전역 모드 대신 인스턴스 모드를 활성화할 수 있습니다. 이는 고급 활용 사례에 해당합니다. 간단한 설명과 예제가 아래에 있습니다. 자세한 내용은 다니엘 쉬프만(Dan Shiffman)의 코딩 트레인(Coding Train) 비디오 튜토리얼 또는 이 페이지에 있습니다. +p5__description__1 = 기본적으로 모든 p5.js 함수들은 전역 네임스페이스에 속합니다. (즉, 화면창 객체에 구속됩니다.) 이는, p5.js 함수들을 ellipse(), fill()과 같은 이름으로 불러올 수 있음을 뜻합니다. 하지만, 이러한 방식은 자바스크립트의 여타 (동기식 또는 비동기식) 라이브러리를 사용하거나 긴 코딩을 작성할 때 다소 불편할 수 있습니다. 따라서, p5.js는 인스턴스 모드를 통해 이 문제를 해결할 수 있는 방법을 지원합니다. 인스턴스 모드에서는 모든 p5 함수의 전역 네임 스페이스를 오염시키는 대신, 이를 단일 변수에 구속되게 만듭니다. +p5__description__2 = 선택적으로 캔버스나 다른 요소에 추가할 두 번째 인수로서 기본 컨테이너를 지정할 수 있습니다. HTML상 요소의 id나 노드 자체를 추가(append)할 수 있습니다. +p5__description__3 = 이처럼 인스턴스를 만들면, 단일 웹페이지에 두 개 이상의 p5 스케치를 사용할 수 있게 됩니다. 각각의 고유한 설정 변수에 의거하기 때문입니다. 물론, 전역 모드에서도 iframe 기능을 이용하면 복수의 스케치를 웹페이지에 사용할 수 있습니다. p5__params__sketch = 객체: p5.js 스케치를 포함하는 함수 p5__params__node = 문자열|객체: 스케치를 포함할 HTML DOM 노드 ID 또는 포인터 -applyMatrix__description__0 = 현재 행렬(matrix)에 매개변수로 지정된 행렬을 곱합니다. 평행 이동과 같은 연속 이동(translate), 크기 조정(scale), 전단(shear), 회전(rotate)을 한 번에 수행할 수 있습니다. 변환행렬 위키피디아에서 더 많은 정보를 확인할 수 있습니다.

    이 때, 인수들은 WHATWG 사양에 따라 그 이름이 지정되며, 다음과 같은 형식의 변환 행렬에 상응합니다：

    applyMatrix() 함수 호출시 사용되는 변환 행렬

    +applyMatrix__description__0 = 현재 행렬(matrix)에 매개변수로 지정된 행렬을 곱합니다. 평행 이동과 같은 연속 이동(translate), 크기 조정(scale), 전단(shear), 회전(rotate)을 한 번에 수행할 수 있습니다. 변환행렬 위키피디아에서 더 많은 정보를 확인할 수 있습니다. +applyMatrix__description__1 = 이 때, 인수들은 WHATWG 사양에 따라 그 이름이 지정되며, 다음과 같은 형식의 변환 행렬에 상응합니다：

    applyMatrix() 함수 호출시 사용되는 변환 행렬

    +applyMatrix__description__2 = +applyMatrix__description__3 = applyMatrix__params__a = 숫자: 곱할 2x3 행렬 정의 applyMatrix__params__b = 숫자: 곱할 2x3 행렬 정의 applyMatrix__params__c = 숫자: 곱할 2x3 행렬 정의 @@ -415,30 +510,49 @@ applyMatrix__params__d = 숫자: 곱할 2x3 행렬 정의 applyMatrix__params__e = 숫자: 곱할 2x3 행렬 정의 applyMatrix__params__f = 숫자: 곱할 2x3 행렬 정의 resetMatrix__description__0 = 현재 행렬을 항등 행렬로 바꿉니다. -rotate__description__0 = 사용자가 지정한 각도 매개변수에 따라 도형을 회전합니다. 이 함수는 angleMode() 함수의 영향을 받으며, 괄호 안에 RADIANS 또는 DEGREES를 입력하여 각도가 해석되는 방식을 지정할 수 있습니다.

    객체는 항상 원점에 대한 상대적 위치를 중심으로 회전하며, 양수를 입력할 경우 시계 방향으로 객체를 회전합니다. 이러한 변형(transformation) 함수는 그것이 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용됩니다. 예를 들어, rotate(HALF_PI)를 호출한 뒤 rotate(HALF_PI)를 호출하면, 결과적으로 rotate(PI)와 동일한 효과를 갖습니다. 모든 변형은 draw() 함수가 다시 시작하는 시점에 리셋됩니다.

    좀 더 기술적으로 설명하자면, rotate() 함수는 현재 변환 행렬에 회전 행렬을 곱하는 셈입니다. 이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. -rotate__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(원주호) 또는 DEGREES(도)의 설정 사항에 따른 회전각 -rotate__params__axis = p5.Vector|숫자 배열[]: (3D의 경우,) 회전축 (선택 사항) +rotate__description__0 = 사용자가 지정한 각도 매개변수에 따라 도형을 회전합니다. 이 함수는 angleMode() 함수의 영향을 받으며, 괄호 안에 RADIANS 또는 DEGREES를 입력하여 각도가 해석되는 방식을 지정할 수 있습니다. +rotate__description__1 = 객체는 항상 원점에 대한 상대적 위치를 중심으로 회전하며, 양수를 입력할 경우 시계 방향으로 객체를 회전합니다. 이러한 변형(transformation) 함수는 그것이 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용됩니다. 예를 들어, rotate(HALF_PI)를 호출한 뒤 rotate(HALF_PI)를 호출하면, 결과적으로 rotate(PI)와 동일한 효과를 갖습니다. 모든 변형은 draw() 함수가 다시 시작하는 시점에 리셋됩니다. +rotate__description__2 = 좀 더 기술적으로 설명하자면, rotate() 함수는 현재 변환 행렬에 회전 행렬을 곱하는 셈입니다. 이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. +rotate__description__3 = +rotate__description__4 = +rotate__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(라디안) 또는 DEGREES(도)의 설정 사항에 따른 회전각 +rotate__params__axis = p5.Vector|숫자 배열[]: (선택 사항) 3D의 경우, 회전축 rotateX__description__0 = x축을 따라 회전합니다. -rotateX__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(원주호) 또는 DEGREES(도)의 설정 사항에 따른 회전각 +rotateX__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(라디안) 또는 DEGREES(도)의 설정 사항에 따른 회전각 rotateY__description__0 = y축을 따라 회전합니다. -rotateY__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(원주호) 또는 DEGREES(도)의 설정 사항에 따른 회전각 +rotateY__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(라디안) 또는 DEGREES(도)의 설정 사항에 따른 회전각 rotateZ__description__0 = z축을 따라 회전합니다. (WebGL 모드 전용) -rotateZ__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(원주호) 또는 DEGREES(도)의 설정 사항에 따른 회전각 -scale__description__0 = 꼭지점을 확장하거나 축소하여 도형의 크기를 키우거나 줄입니다. 객체의 크기는 언제나 좌표계에 대한 상대적 원점을 기준으로 조정됩니다. 크기값들은 10진수 백분율로 지정됩니다. 예를 들어, scale(2.0) 함수를 호출하면 도형의 크기를 200% 증가시킵니다.

    이러한 변형(transformation) 함수는 그것이 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용됩니다. 예를 들어, scale(2.0)을 호출한 뒤 scale(1.5)를 호출하면, 결과적으로 scale(3.0)과 동일한 효과를 갖습니다. 모든 변형은 draw() 함수가 다시 시작하는 시점에 리셋됩니다.

    매개변수 z는 오직 WebGL 모드에서만 사용 가능합니다. 이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. +rotateZ__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(라디안) 또는 DEGREES(도)의 설정 사항에 따른 회전각 +scale__description__0 = 꼭짓점을 확장하거나 축소하여 도형의 크기를 키우거나 줄입니다. 객체의 크기는 언제나 좌표계에 대한 상대적 원점을 기준으로 조정됩니다. 크기값들은 10진수 백분율로 지정됩니다. 예를 들어, scale(2.0) 함수를 호출하면 도형의 크기를 200% 증가시킵니다. +scale__description__1 = 이러한 변형(transformation) 함수는 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용됩니다. 예를 들어, scale(2.0)을 호출한 뒤 scale(1.5)를 호출하면, 결과적으로 scale(3.0)과 동일한 효과를 갖습니다. 모든 변형은 draw() 함수가 다시 시작하는 시점에 리셋됩니다. +scale__description__2 = 매개변수 z는 오직 WebGL 모드에서만 사용 가능합니다. 이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. +scale__description__3 = +scale__description__4 = scale__params__s = 숫자|p5.Vector|숫자 배열[]：객체 크기를 조정하는 백분율, 또는 여러 인수를 지정할 경우 x축에서의 객체 크기 배율을 조정하는 백분율 -scale__params__y = 숫자: y축에서의 객체 크기를 조정하는 백분율 (선택 사항) -scale__params__z = 숫자: z축에서의 객체 크기를 조정하는 백분율(WebGL 모드용)(선택 사항) +scale__params__y = 숫자: (선택 사항) y축에서의 객체 크기를 조정하는 백분율 +scale__params__z = 숫자: (선택 사항) z축에서의 객체 크기를 조정하는 백분율 (WebGL 모드용) scale__params__scales = p5.Vector|숫자 배열[]: 축을 기준으로 객체의 크기 조정 -shearX__description__0 = 사용자가 지정한 각도 매개변수에 따라 도형을 x축에서 전단(shear)합니다. 이 함수는 angleMode() 함수의 영향을 받습니다. 객체는 항상 원점에 대한 상대적 위치를 중심으로 전단되며, 양수를 입력할 경우 시계 방향으로 객체를 전단합니다.

    이러한 변형(transformation) 함수는 그것이 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용되어, 그 효과들이 축적됩니다. 예를 들어, shearX(PI/2)를 호출한 뒤 shearX(PI/2)를 또 호출하면, 결과적으로 shearX(PI)와 동일한 효과를 갖습니다. draw() 함수 내에서 shearX()를 호출하면, 반복 실행이 다시 시작되는 시점에 모든 변형 내용이 리셋됩니다.

    보다 기술적으로 설명하자면, shearX() 함수는 현재 변환 행렬에 회전 행렬을 곱하는 셈입니다. 이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. -shearX__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(원주호) 또는 DEGREES(도)의 설정 사항에 따른 전단각 -shearY__description__0 = 사용자가 지정한 각도 매개변수에 따라 도형을 y축에서 전단(shear)합니다. 이 함수는 angleMode() 함수의 영향을 받습니다. 객체는 항상 원점에 대한 상대적 위치를 중심으로 전단되며, 양수를 입력할 경우 시계 방향으로 객체를 전단합니다.

    이러한 변형(transformation) 함수는 그것이 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용되어, 그 효과들이 축적됩니다. 예를 들어, shearY(PI/2)를 호출한 뒤 shearY(PI/2)를 또 호출하면, 결과적으로 shearY(PI)와 동일한 효과를 갖습니다. draw() 함수 내에서 shearY()를 호출하면, 반복 실행이 다시 시작되는 시점에 모든 변형 내용이 리셋됩니다.

    보다 기술적으로 설명하자면, shearY() 함수는 현재 변환 행렬에 회전 행렬을 곱하는 셈입니다. 이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. -shearY__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(원주호) 또는 DEGREES(도)의 설정 사항에 따른 전단각 -translate__description__0 = 디스플레이 화면 내에서 객체를 이동시킬 양을 지정합니다. 매개변수 x는 좌/우 이동을, 매개변수 y는 상/하 이동을 지정합니다.

    이러한 변형(transformation) 함수는 그것이 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용되어, 그 효과들이 축적됩니다. 예를 들어, translate(50, 0)를 호출한 뒤 translate(20, 0)를 또 호출하면, 결과적으로 translate(70, 0)와 동일한 효과를 갖습니다. draw() 함수 내에서 translate()을 호출하면, 반복 실행이 다시 시작되는 시점에 모든 변형 내용이 리셋됩니다.

    이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. +shearX__description__0 = 사용자가 지정한 각도 매개변수에 따라 도형을 x축에서 전단(shear)합니다. 이 함수는 angleMode() 함수의 영향을 받습니다. 객체는 항상 원점에 대한 상대적 위치를 중심으로 전단되며, 양수를 입력할 경우 시계 방향으로 객체를 전단합니다. +shearX__description__1 = 이러한 변형(transformation) 함수는 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용되어, 그 효과들이 누적됩니다. 예를 들어, shearX(PI/2)를 호출한 뒤 shearX(PI/2)를 또 호출하면, 결과적으로 shearX(PI)와 동일한 효과를 갖습니다. draw() 함수 내에서 shearX()를 호출하면, 반복 실행이 다시 시작되는 시점에 모든 변형 내용이 리셋됩니다. +shearX__description__2 = 보다 기술적으로 설명하자면, shearX() 함수는 현재 변환 행렬에 회전 행렬을 곱하는 셈입니다. 이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. +shearX__description__3 = +shearX__description__4 = +shearX__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(라디안) 또는 DEGREES(도)의 설정 사항에 따른 전단각 +shearY__description__0 = 사용자가 지정한 각도 매개변수에 따라 도형을 y축에서 전단(shear)합니다. 이 함수는 angleMode() 함수의 영향을 받습니다. 객체는 항상 원점에 대한 상대적 위치를 중심으로 전단되며, 양수를 입력할 경우 시계 방향으로 객체를 전단합니다. +shearY__description__1 = 이러한 변형(transformation) 함수는 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용되어, 그 효과들이 누적됩니다. 예를 들어, shearY(PI/2)를 호출한 뒤 shearY(PI/2)를 또 호출하면, 결과적으로 shearY(PI)와 동일한 효과를 갖습니다. draw() 함수 내에서 shearY()를 호출하면, 반복 실행이 다시 시작되는 시점에 모든 변형 내용이 리셋됩니다. +shearY__description__2 = 보다 기술적으로 설명하자면, shearY() 함수는 현재 변환 행렬에 회전 행렬을 곱하는 셈입니다. 이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. +shearY__description__3 = +shearY__description__4 = +shearY__params__angle = 숫자: 현재 angleMode의 매개변수인 RADIANS(라디안) 또는 DEGREES(도)의 설정 사항에 따른 전단각 +translate__description__0 = 디스플레이 화면 내에서 객체를 이동시킬 정도를 지정합니다. 매개변수 x는 좌/우 이동을, 매개변수 y는 상/하 이동을 지정합니다. +translate__description__1 = 이러한 변형(transformation) 함수는 호출된 뒤 후속적으로 호출된 모든 변형 함수들에 적용되어, 그 효과들이 누적됩니다. 예를 들어, translate(50, 0)를 호출한 뒤 translate(20, 0)를 또 호출하면, 결과적으로 translate(70, 0)와 동일한 효과를 갖습니다. draw() 함수 내에서 translate()을 호출하면, 반복 실행이 다시 시작되는 시점에 모든 변형 내용이 리셋됩니다. +translate__description__2 = 이 함수는 push()와 pop() 함수를 통해 추가적으로 제어 가능합니다. translate__params__x = 숫자: 좌/우 이동 translate__params__y = 숫자: 상/하 이동 -translate__params__z = 숫자: 앞/뒤 이동(WebGL 모드용) +translate__params__z = 숫자: 앞/뒤 이동 (WebGL 모드용) translate__params__vector = p5.Vector: 이동시킬 벡터 -storeItem__description__0 = 로컬 저장소에 값을 키 이름(key name)으로 저장합니다. 로컬 저장소는 브라우저에 저장되며, 브라우징 세션과 페이지를 다시 불러오는 사이에 유지됩니다. 키(key)는 변수명과 동일하게 지정될 수 있으나, 반드시 그럴 필요는 없습니다. 저장된 항목(item)을 가져오려면 getItem을 참조하세요.

    비밀번호나 개인 정보와같이 민감한 데이터는 로컬 저장소에 저장되면 안됩니다. +storeItem__description__0 = 로컬 저장소에 값을 키 이름(key name)으로 저장합니다. 로컬 저장소는 브라우저에 저장되며, 브라우징 세션과 페이지를 다시 불러오는 사이에 유지됩니다. 키(key)는 변수명과 동일하게 지정될 수 있으나, 반드시 그럴 필요는 없습니다. 저장된 항목(item)을 가져오는 방법은 getItem에 있습니다. +storeItem__description__1 = 비밀번호나 개인 정보와같이 민감한 데이터는 로컬 저장소에 저장되면 안됩니다. storeItem__params__key = 문자열: storeItem__params__value = 문자열|숫자|객체|불리언|p5.Color|p5.Vector: getItem__description__0 = storeItem()로 저장한 항목(item)의 값을 로컬 저장소로부터 반환합니다. @@ -457,82 +571,90 @@ createNumberDict__returns = p5.NumberDict: createNumberDict__params__key = 숫자: createNumberDict__params__value = 숫자 createNumberDict__params__object = 객체: 객체 -select__description__0 = 지정한 ID, 클래스, 또는 태그 이름(접두어 '#'로 ID를, '.'로 클래스 지정 가능, 태그는 별도의 접두어 없음)에 해당하는 요소를 페이지 내에서 검색하고, p5.Element를 반환합니다. 클래스나 태그의 이름이 2개 이상의 요소로 지정된 경우, 1번째 요소만 반환됩니다. DOM 노드는 .elt로 검섹할 수 있습니다. 아무 것도 검색되지 않을 경우 null을 반환합니다. 검색할 컨테이너를 별도로 지정할 수 있습니다. +select__description__0 = 지정한 ID, 클래스, 또는 태그 이름(접두어 '#'로 ID를, '.'로 클래스 지정 가능, 태그는 별도의 접두어 없음)에 해당하는 요소를 페이지 내에서 검색하고, p5.Element를 반환합니다. 클래스나 태그의 이름이 2개 이상의 요소로 지정된 경우, 1번째 요소만 반환됩니다. 문서 객체 모델 (DOM) 노드는 .elt로 검섹할 수 있습니다. 아무 것도 검색되지 않을 경우 null을 반환합니다. 검색할 컨테이너를 별도로 지정할 수 있습니다. select__returns = 검색된 노드를 포함한 p5.Element -select__params__container = 문자열|p5.Element|HTML 요소: id, p5.Element, 또는 HTML 요소 내에서 검색(선택 사항) -selectAll__description__0 = 지정한 클래스 또는 태그 이름('.'로 클래스 지정 가능, 태그는 별도의 접두어 없음)에 해당하는 요소를 페이지 내에서 검색하고, p5.Element 배열로 반환합니다. DOM 노드는 .elt로 검색할 수 있습니다. 아무 것도 검색되지 않을 경우 빈 배열을 반환합니다. 검색할 컨테이너를 별도로 지정할 수 있습니다. +select__params__selectors = 문자열: 찾을 요소의 CSS 선택 문자열 (selector string) +select__params__container = 문자열|p5.Element|HTML 요소: (선택 사항) id, p5.Element, 또는 HTML 요소 내에서 검색 +selectAll__description__0 = 지정한 클래스 또는 태그 이름('.'로 클래스 지정 가능, 태그는 별도의 접두어 없음)에 해당하는 요소를 페이지 내에서 검색하고, p5.Element 배열로 반환합니다. 문서 객체 모델 (DOM) 노드는 .elt로 검색할 수 있습니다. 아무 것도 검색되지 않을 경우 빈 배열을 반환합니다. 검색할 컨테이너를 별도로 지정할 수 있습니다. selectAll__returns = 검색된 노드를 포함한 p5.Element 배열 -selectAll__params__container = 문자열: id, p5.Element, 또는 HTML 요소 내에서 검색(선택 사항) -removeElements__description__0 = createCanvase() 또는 createGraphics()로 생성된 캔버스와 그래픽을 제외하고, p5로 생성된 모든 요소를 제거합니다. 이벤트 핸들러 역시 제거되며, 요소가 DOM에서 제거됩니다. +selectAll__params__selectors = 문자열: 찾을 요소의 CSS 선택 문자열 (selector string) +selectAll__params__container = 문자열: (선택 사항) id, p5.Element, 또는 HTML 요소 내에서 검색 +removeElements__description__0 = createCanvase() 또는 createGraphics()로 생성된 캔버스와 그래픽을 제외하고, p5로 생성된 모든 요소를 제거합니다. 이벤트 핸들러 역시 제거되며, 요소가 문서 객체 모델 (DOM)에서 제거됩니다. changed__description__0 = .changed() 함수는 요소값이 변경될 때 호출됩니다. 특정 요소의 이벤트 리스너와 연결하는 데에 사용됩니다. changed__params__fxn = 함수|불리언: 요소값이 변경될 때 발생하는 함수. 거짓(false)이 전달되면 이전 실행 함수는 더이상 실행 불가 input__description__0 = .input() 함수는 요소가 사용자 입력을 감지할 때 호출됩니다. 입력 이벤트는 키 또는 슬라이더 요소의 변경을 감지합니다. 특정 요소의 이벤트 리스너와 연결하는 데에 사용됩니다. input__params__fxn = 함수|불리언: 요소가 사용자 입력을 감지할 때 발생하는 함수. 거짓(false)이 전달되면 이전 실행 함수는 더이상 실행 불가 -createDiv__description__0 = 주어진 내부 HTML을 사용하여 DOM에
    요소를 생성합니다. +createDiv__description__0 = 주어진 내부 HTML을 사용하여 문서 객체 모델 (DOM)에
    요소를 생성합니다. createDiv__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 -createDiv__params__html = 문자열: 요소를 생성한 내부 HTML (선택 사항) -createP__description__0 = 주어진 내부 HTML을 사용하여 DOM에

    요소를 생성합니다. 문단형 텍스트 작성시 사용됩니다. +createDiv__params__html = 문자열: (선택 사항) 요소를 생성한 내부 HTML +createP__description__0 = 주어진 내부 HTML을 사용하여 문서 객체 모델 (DOM)에

    요소를 생성합니다. 문단형 텍스트 작성시 사용됩니다. createP__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 -createP__params__html = 문자열: 요소를 생성한 내부 HTML (선택 사항) -createSpan__description__0 = 주어진 내부 HTML을 사용하여 DOM에 요소를 생성합니다. +createP__params__html = 문자열: (선택 사항) 요소를 생성한 내부 HTML +createSpan__description__0 = 주어진 내부 HTML을 사용하여 문서 객체 모델 (DOM)에 요소를 생성합니다. createSpan__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 -createSpan__params__html = 문자열: 요소를 생성한 내부 HTML (선택 사항) -createImg__description__0 = 주어진 src와 대체 텍스트(alt text)를 사용하여 DOM에 요소를 생성합니다. +createSpan__params__html = 문자열: (선택 사항) 요소를 생성한 내부 HTML +createImg__description__0 = 주어진 src와 대체 텍스트(alt text)를 사용하여 문서 객체 모델 (DOM)에 요소를 생성합니다. createImg__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 createImg__params__src = 문자열: 이미지의 src 또는 url 경로 -createImg__params__alt = 문자열: 이미지가 로드되지 않을 경우 사용할 대체 텍스트. 빈 문자열(" ")로 이미지 숨기기 가능 -createImg__params__crossOrigin = 문자열: img 요소의 교차 출처 속성(crossOrigin property). '익명(anonymous)' 또는 '사용 자격 증명(use-credentials)'을 통해 교차 출처 권한이 있는 이미지를 검색하세요. 이는 캔버스에 이미지를 사용하기 위함이며, 빈 문자열(" ")이 전달된 경우 교차 출처 리소스 공유(CORS)는 사용되지 않습니다. -createImg__params__successCallback = gkatn: 인수로 지정된 p5.Element가 이미지 데이터를 불러왔을 때 호출되는 콜백 함수 (선택 사항) -createA__description__0 = DOM에 하이퍼링크를 포함한 요소를 생성합니다. +createImg__params__alt = 문자열: 이미지가 로드되지 않을 경우 사용할 대체 텍스트. 빈 문자열(" ")로 이미지 숨기기 가능 +createImg__params__crossOrigin = 문자열: img 요소의 교차 출처 속성(crossOrigin property). '익명(anonymous)' 또는 '사용 자격 증명(use-credentials)'을 통해 교차 출처 권한이 있는 이미지를 검색할 수 있습니다. 이는 캔버스에 이미지를 사용하기 위함이며, 빈 문자열(" ")이 전달된 경우 교차 출처 리소스 공유(CORS)는 사용되지 않습니다. +createImg__params__successCallback = 함수: (선택 사항) 인수로 지정된 p5.Element가 이미지 데이터를 불러왔을 때 호출되는 콜백 함수 +createA__description__0 = 문서 객체 모델 (DOM)에 하이퍼링크를 포함한 요소를 생성합니다. createA__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 createA__params__href = 문자열: 링크될 페이지 url createA__params__html = 문자열: 화면에 보여질 링크 요소의 내부 HTML -createA__params__target = 문자열: 새로운 링크가 보여질 대상, _blank, _self, _parent, _top 중 지정 가능 (선택 사항) -createSlider__description__0 = DOM에 슬라이더 요소를 생성합니다. .size() 함수로 슬라이더의 길이를 설정합니다. +createA__params__target = 문자열: (선택 사항) 새로운 링크가 보여질 대상, _blank, _self, _parent, _top 중 지정 가능 +createSlider__description__0 = 문서 객체 모델 (DOM)에 슬라이더 요소를 생성합니다. .size() 함수로 슬라이더의 길이를 설정합니다. createSlider__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 createSlider__params__min = 숫자: 슬라이더의 최소값 createSlider__params__max = 숫자: 슬라이더의 최대값 -createSlider__params__value = 숫자: 슬라이더의 기본값(선택 사항) -createSlider__params__step = 숫자: 슬라이더의 단위당 이동 크기(이동 크기가 0으로 지정된 경우, 슬라이더는 최소값과 최대값 사이를 부드럽게 이동합니다.)(선택 사항) -createButton__description__0 = DOM에 요소를 생성합니다. .size() 함수로 버튼의 크기를 설정합니다. .mousePressed() 함수로 버튼이 클릭됐을 때의 행동을 지정합니다. +createSlider__params__value = 숫자: (선택 사항) 슬라이더의 기본값 +createSlider__params__step = 숫자: (선택 사항) 슬라이더의 단위당 이동 크기(이동 크기가 0으로 지정된 경우, 슬라이더는 최소값과 최대값 사이를 부드럽게 이동합니다.) +createButton__description__0 = 문서 객체 모델 (DOM)에 요소를 생성합니다. .size() 함수로 버튼의 크기를 설정합니다. .mousePressed() 함수로 버튼이 클릭됐을 때의 행동을 지정합니다. createButton__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 createButton__params__label = 문자열: 버튼 위에 나타나는 레이블 -createButton__params__value = 문자열: 버튼값 (선택 사항) -createCheckbox__description__0 = DOM에 체크박스 요소를 생성합니다. .checked() 함수를 통해 체크되었는지의 여부를 반환합니다. +createButton__params__value = 문자열: (선택 사항) 버튼값 +createCheckbox__description__0 = 문서 객체 모델 (DOM)에 체크박스 요소를 생성합니다. .checked() 함수를 통해 체크되었는지의 여부를 반환합니다. createCheckbox__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 -createCheckbox__params__label = 문자열: 체크박스 위에 나타나는 레이블 (선택 사항) -createCheckbox__params__value = 불리언: 체크박스의 값: 체크는 참(true), 체크 해제는 거짓(false) (선택 사항) -createSelect__description__0 = DOM에 드롭다운 메뉴 요소를 생성합니다. 이미 생성된 셀렉트 박스(select box)를 선택할 경우, p5.Element에 select-box 메소드를 지정하는 데에도 쓰입니다. 셀렉트 박스 생성 후, .option() 메소드로 선택지(option)를 설정할 수 있습니다. .selected() 메소드는 p5.Element 인스턴스인 현재 드롭다운 요소를 반환합니다. .selected() 메소드는 특정 선택지를 최초 페이지 로드시의 기본값으로서 설정할 수 있습니다. .disable() 메소드는 특정 선택지를 비활성화하고, 별도로 지정된 인수가 없는 경우엔 전체 드롭다운 요소를 비활성화 상태로 표시합니다. +createCheckbox__params__label = 문자열: (선택 사항) 체크박스 위에 나타나는 레이블 +createCheckbox__params__value = 불리언: (선택 사항) 체크박스의 값. 체크는 참(true), 체크 해제는 거짓(false) +createSelect__description__0 = 문서 객체 모델 (DOM)에 드롭다운 메뉴 요소를 생성합니다. 이미 생성된 셀렉트 박스(select box)를 선택할 경우, p5.Element에 select-box 메소드를 지정하는 데에도 쓰입니다. 셀렉트 박스 생성 후, .option() 메소드로 선택지(option)를 설정할 수 있습니다. .selected() 메소드는 p5.Element 인스턴스인 현재 드롭다운 요소를 반환합니다. .selected() 메소드는 특정 선택지를 최초 페이지 로드시의 기본값으로서 설정할 수 있습니다. .disable() 메소드는 특정 선택지를 비활성화하고, 별도로 지정된 인수가 없는 경우엔 전체 드롭다운 요소를 비활성화 상태로 표시합니다. createSelect__returns = p5.Element -createSelect__params__multiple = 불리언: 드롭다운이 여러 개의 선택지를 제공할 경우 참(true) (선택 사항) -createSelect__params__existing = 객체: DOM 셀렉트 요소 -createRadio__description__0 = DOM에 라디오 버튼 요소를 생성합니다. 라디오 버튼 생성 후, .option() 메소드로 옵션을 설정할 수 있습니다. .value() 메소드는 현재 선택된 옵션을 반환합니다. +createSelect__params__multiple = 불리언: (선택 사항) 드롭다운이 여러 개의 선택지를 제공할 경우 참(true) +createSelect__params__existing = 객체: 문서 객체 모델 셀렉트 요소 +createRadio__description__0 = 문서 객체 모델 (DOM)에 라디오 버튼 요소를 생성합니다. 라디오 버튼 생성 후, .option() 메소드로 옵션을 설정할 수 있습니다. .value() 메소드는 현재 선택된 옵션을 반환합니다. createRadio__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 -createColorPicker__description__0 = DOM에 색상 입력을 위한 색상 추출(colorPicker) 요소를 생성합니다. .value() 메소드는 색상의 헥사(Hex) 문자열(#rrggbb)을 반환합니다. .color() 메소드는 현재 선택된 색상의 p5.Color 객체를 반환합니다. +createRadio__params__containerElement = 객체: 옵션으로 설정 될 모든 라디오 입력소들이 있는 div 또는 span의 HTML 컨테인어. +createRadio__params__name = 문자열: (선택 사항) 각 입력 요소의 매개변수 명. +createColorPicker__description__0 = 문서 객체 모델 (DOM)에 색상 입력을 위한 색상 추출(colorPicker) 요소를 생성합니다. .value() 메소드는 색상의 헥사(Hex) 문자열(#rrggbb)을 반환합니다. .color() 메소드는 현재 선택된 색상의 p5.Color 객체를 반환합니다. createColorPicker__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 -createColorPicker__params__value = 문자열|p5.Color: 요소의 색상 기본값 (선택 사항) -createInput__description__0 = DOM에 텍스트 입력을 위한 요소를 생성합니다. .size() 함수로 상자의 크기를 설정합니다. +createColorPicker__params__value = 문자열|p5.Color: (선택 사항) 요소의 색상 기본값 +createInput__description__0 = 문서 객체 모델 (DOM)에 텍스트 입력을 위한 요소를 생성합니다. .size() 함수로 상자의 크기를 설정합니다. createInput__returns = p5.Element: 생성된 노드를 담고있는 p5.Element에 대한 포인터 -createInput__params__value = 문자열: 입력 상자의 기본값 (선택 사항) -createInput__params__type = 문자열: 텍스트 유형 (예: text, password 등) 기본값은 text (선택 사항) -createFileInput__description__0 = '파일(file)' 유형의 DOM에 요소를 생성합니다. 스케치에 사용할 로컬 파일을 선택할 수 있게 됩니다. +createInput__params__value = 문자열: (선택 사항) 입력 상자의 기본값 +createInput__params__type = 문자열: (선택 사항) 텍스트 유형 (예: text, password 등) 기본값은 text +createFileInput__description__0 = '파일(file)' 유형의 문서 객체 모델 (DOM)에 요소를 생성합니다. 스케치에 사용할 로컬 파일을 선택할 수 있게 됩니다. createFileInput__returns = p5.Element: 생성된 DOM 요소를 담고있는 p5.Element에 대한 포인터 -createFileInput__params__callback = 함수: 파일이 로드될 때의 콜백 함수 (선택 사항) -createFileInput__params__multiple = 문자열: 여러 파일 선택 허용 (선택 사항) -createVideo__description__0 = DOM에 간단한 오디오/비디오 재생을 위한 HTML5