p5 2.2.1-rc.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/accessibility/color_namer.js +5 -6
  2. package/dist/accessibility/describe.js +4 -26
  3. package/dist/accessibility/index.js +5 -6
  4. package/dist/accessibility/outputs.js +6 -38
  5. package/dist/app.js +5 -6
  6. package/dist/color/color_conversion.js +5 -6
  7. package/dist/color/creating_reading.js +1 -1
  8. package/dist/color/index.js +2 -2
  9. package/dist/color/p5.Color.js +1 -1
  10. package/dist/color/setting.js +59 -357
  11. package/dist/{constants-DEJVKr9Z.js → constants-DQyACdzq.js} +11 -61
  12. package/dist/core/constants.js +1 -1
  13. package/dist/core/environment.js +26 -158
  14. package/dist/core/filterShaders.js +1 -1
  15. package/dist/core/friendly_errors/fes_core.js +1 -1
  16. package/dist/core/friendly_errors/file_errors.js +1 -1
  17. package/dist/core/friendly_errors/index.js +1 -1
  18. package/dist/core/friendly_errors/param_validator.js +1 -1
  19. package/dist/core/friendly_errors/sketch_verifier.js +1 -1
  20. package/dist/core/helpers.js +1 -1
  21. package/dist/core/init.js +5 -6
  22. package/dist/core/internationalization.js +1 -1
  23. package/dist/core/legacy.js +5 -6
  24. package/dist/core/main.js +5 -6
  25. package/dist/core/p5.Graphics.js +4 -5
  26. package/dist/core/p5.Renderer.js +3 -4
  27. package/dist/core/p5.Renderer2D.js +5 -6
  28. package/dist/core/p5.Renderer3D.js +4 -5
  29. package/dist/core/rendering.js +4 -5
  30. package/dist/core/structure.js +13 -52
  31. package/dist/core/transform.js +32 -176
  32. package/dist/{creating_reading-CgHCHxqN.js → creating_reading-ZXzcZEsb.js} +3 -196
  33. package/dist/data/local_storage.js +4 -30
  34. package/dist/dom/dom.js +24 -159
  35. package/dist/dom/index.js +2 -2
  36. package/dist/dom/p5.Element.js +31 -208
  37. package/dist/dom/p5.File.js +1 -32
  38. package/dist/dom/p5.MediaElement.js +10 -113
  39. package/dist/events/acceleration.js +11 -64
  40. package/dist/events/keyboard.js +13 -81
  41. package/dist/events/pointer.js +18 -160
  42. package/dist/image/const.js +1 -1
  43. package/dist/image/filterRenderer2D.js +4 -5
  44. package/dist/image/image.js +4 -5
  45. package/dist/image/index.js +4 -5
  46. package/dist/image/loading_displaying.js +4 -5
  47. package/dist/image/p5.Image.js +3 -4
  48. package/dist/image/pixels.js +17 -100
  49. package/dist/io/files.js +4 -5
  50. package/dist/io/index.js +4 -5
  51. package/dist/io/p5.Table.js +66 -158
  52. package/dist/io/p5.TableRow.js +48 -71
  53. package/dist/io/p5.XML.js +6 -99
  54. package/dist/io/utilities.js +8 -3
  55. package/dist/{main-_RXV5Lx8.js → main-DvN69W3f.js} +13 -42
  56. package/dist/math/Matrices/Matrix.js +87 -126
  57. package/dist/math/Matrices/MatrixNumjs.js +1 -5
  58. package/dist/math/calculation.js +10 -112
  59. package/dist/math/index.js +1 -1
  60. package/dist/math/math.js +2 -12
  61. package/dist/math/noise.js +5 -32
  62. package/dist/math/p5.Matrix.js +3 -3
  63. package/dist/math/p5.Vector.js +104 -345
  64. package/dist/math/random.js +5 -32
  65. package/dist/math/trigonometry.js +15 -105
  66. package/dist/{p5.Renderer-QoFcvj3f.js → p5.Renderer-D-5LdCRz.js} +25 -178
  67. package/dist/{rendering-CsICjEXA.js → rendering-h9unX5K0.js} +254 -1156
  68. package/dist/shape/2d_primitives.js +33 -194
  69. package/dist/shape/attributes.js +12 -73
  70. package/dist/shape/curves.js +30 -95
  71. package/dist/shape/custom_shapes.js +63 -144
  72. package/dist/shape/index.js +2 -2
  73. package/dist/shape/vertex.js +21 -106
  74. package/dist/strands/p5.strands.js +248 -46
  75. package/dist/type/index.js +3 -4
  76. package/dist/type/p5.Font.js +4 -49
  77. package/dist/type/textCore.js +5 -158
  78. package/dist/utilities/conversion.js +17 -104
  79. package/dist/utilities/time_date.js +3 -40
  80. package/dist/utilities/utility_functions.js +6 -48
  81. package/dist/webgl/3d_primitives.js +4 -5
  82. package/dist/webgl/GeometryBuilder.js +1 -2
  83. package/dist/webgl/ShapeBuilder.js +22 -2
  84. package/dist/webgl/enums.js +1 -1
  85. package/dist/webgl/index.js +4 -5
  86. package/dist/webgl/interaction.js +6 -33
  87. package/dist/webgl/light.js +4 -5
  88. package/dist/webgl/loading.js +12 -46
  89. package/dist/webgl/material.js +4 -5
  90. package/dist/webgl/p5.Camera.js +4 -5
  91. package/dist/webgl/p5.DataArray.js +0 -4
  92. package/dist/webgl/p5.Framebuffer.js +4 -5
  93. package/dist/webgl/p5.Geometry.js +12 -106
  94. package/dist/webgl/p5.Quat.js +1 -1
  95. package/dist/webgl/p5.RendererGL.js +7 -18
  96. package/dist/webgl/p5.Shader.js +12 -36
  97. package/dist/webgl/p5.Texture.js +4 -5
  98. package/dist/webgl/text.js +4 -5
  99. package/dist/webgl/utils.js +4 -5
  100. package/dist/webgpu/index.js +1 -1
  101. package/dist/webgpu/p5.RendererWebGPU.js +529 -208
  102. package/dist/webgpu/shaders/color.js +32 -17
  103. package/dist/webgpu/shaders/filters/base.js +18 -7
  104. package/dist/webgpu/shaders/font.js +52 -40
  105. package/dist/webgpu/shaders/line.js +50 -36
  106. package/dist/webgpu/shaders/material.js +90 -83
  107. package/dist/webgpu/strands_wgslBackend.js +5 -2
  108. package/lib/p5.esm.js +5576 -7811
  109. package/lib/p5.esm.min.js +1 -1
  110. package/lib/p5.js +5576 -7811
  111. package/lib/p5.min.js +1 -1
  112. package/lib/p5.webgpu.esm.js +786 -453
  113. package/lib/p5.webgpu.js +786 -453
  114. package/lib/p5.webgpu.min.js +1 -1
  115. package/package.json +13 -13
  116. package/types/global.d.ts +16905 -16783
  117. package/types/p5.d.ts +11142 -11081
@@ -1,6 +1,6 @@
1
1
  import i18next from 'i18next';
2
2
  import LanguageDetector from 'i18next-browser-languagedetector';
3
- import { az as VERSION } from '../constants-DEJVKr9Z.js';
3
+ import { az as VERSION } from '../constants-DQyACdzq.js';
4
4
 
5
5
  var fes = {
6
6
  autoplay: "The media that tried to play (with '{{src}}') wasn't allowed to by this browser, most likely due to the browser's autoplay policy.\n\n+ More info: {{url}}",
@@ -1,22 +1,21 @@
1
- import { p as p5 } from '../main-_RXV5Lx8.js';
2
- import '../constants-DEJVKr9Z.js';
1
+ import { p as p5 } from '../main-DvN69W3f.js';
2
+ import '../constants-DQyACdzq.js';
3
3
  import './transform.js';
4
4
  import './structure.js';
5
5
  import './environment.js';
6
- import '../rendering-CsICjEXA.js';
7
- import '../creating_reading-CgHCHxqN.js';
6
+ import '../rendering-h9unX5K0.js';
7
+ import '../creating_reading-ZXzcZEsb.js';
8
8
  import 'colorjs.io/fn';
9
9
  import '../color/color_spaces/hsb.js';
10
10
  import '../dom/p5.Element.js';
11
11
  import '../dom/p5.File.js';
12
12
  import '../io/p5.XML.js';
13
- import '../p5.Renderer-QoFcvj3f.js';
13
+ import '../p5.Renderer-D-5LdCRz.js';
14
14
  import '../image/filters.js';
15
15
  import '../math/p5.Vector.js';
16
16
  import '../shape/custom_shapes.js';
17
17
  import './States.js';
18
18
  import '../io/utilities.js';
19
- import 'file-saver';
20
19
  import '../dom/p5.MediaElement.js';
21
20
  import '../shape/2d_primitives.js';
22
21
  import './helpers.js';
package/dist/core/main.js CHANGED
@@ -1,11 +1,11 @@
1
- import '../constants-DEJVKr9Z.js';
1
+ import '../constants-DQyACdzq.js';
2
2
  import './transform.js';
3
3
  import './structure.js';
4
4
  import './environment.js';
5
- import '../rendering-CsICjEXA.js';
6
- import '../p5.Renderer-QoFcvj3f.js';
7
- export { p as default } from '../main-_RXV5Lx8.js';
8
- import '../creating_reading-CgHCHxqN.js';
5
+ import '../rendering-h9unX5K0.js';
6
+ import '../p5.Renderer-D-5LdCRz.js';
7
+ export { p as default } from '../main-DvN69W3f.js';
8
+ import '../creating_reading-ZXzcZEsb.js';
9
9
  import 'colorjs.io/fn';
10
10
  import '../color/color_spaces/hsb.js';
11
11
  import '../dom/p5.Element.js';
@@ -21,7 +21,6 @@ import '../color/setting.js';
21
21
  import 'omggif';
22
22
  import '../io/csv.js';
23
23
  import '../io/utilities.js';
24
- import 'file-saver';
25
24
  import 'gifenc';
26
25
  import '../image/pixels.js';
27
26
  import '../image/filters.js';
@@ -1,13 +1,13 @@
1
- import '../constants-DEJVKr9Z.js';
1
+ import '../constants-DQyACdzq.js';
2
2
  import '../shape/2d_primitives.js';
3
3
  import '../shape/attributes.js';
4
4
  import '../shape/curves.js';
5
5
  import '../shape/vertex.js';
6
6
  import '../color/setting.js';
7
- export { G as Graphics, n as default } from '../rendering-CsICjEXA.js';
7
+ export { G as Graphics, n as default } from '../rendering-h9unX5K0.js';
8
8
  import '../image/pixels.js';
9
9
  import './transform.js';
10
- import '../creating_reading-CgHCHxqN.js';
10
+ import '../creating_reading-ZXzcZEsb.js';
11
11
  import '../math/trigonometry.js';
12
12
  import '../shape/custom_shapes.js';
13
13
  import './helpers.js';
@@ -16,12 +16,11 @@ import '../color/color_spaces/hsb.js';
16
16
  import '../dom/p5.Element.js';
17
17
  import '../dom/p5.File.js';
18
18
  import '../io/p5.XML.js';
19
- import '../p5.Renderer-QoFcvj3f.js';
19
+ import '../p5.Renderer-D-5LdCRz.js';
20
20
  import '../image/filters.js';
21
21
  import '../math/p5.Vector.js';
22
22
  import './States.js';
23
23
  import '../io/utilities.js';
24
- import 'file-saver';
25
24
  import '../dom/p5.MediaElement.js';
26
25
  import 'omggif';
27
26
  import '../io/csv.js';
@@ -1,6 +1,6 @@
1
- import '../creating_reading-CgHCHxqN.js';
2
- import '../constants-DEJVKr9Z.js';
3
- export { R as Renderer, r as default } from '../p5.Renderer-QoFcvj3f.js';
1
+ import '../creating_reading-ZXzcZEsb.js';
2
+ import '../constants-DQyACdzq.js';
3
+ export { R as Renderer, r as default } from '../p5.Renderer-D-5LdCRz.js';
4
4
  import '../math/p5.Vector.js';
5
5
  import '../shape/custom_shapes.js';
6
6
  import './States.js';
@@ -8,4 +8,3 @@ import 'colorjs.io/fn';
8
8
  import '../color/color_spaces/hsb.js';
9
9
  import '../image/filters.js';
10
10
  import '../io/utilities.js';
11
- import 'file-saver';
@@ -1,10 +1,10 @@
1
- import '../constants-DEJVKr9Z.js';
2
- export { R as Renderer2D, r as default } from '../main-_RXV5Lx8.js';
3
- import '../p5.Renderer-QoFcvj3f.js';
4
- import '../rendering-CsICjEXA.js';
1
+ import '../constants-DQyACdzq.js';
2
+ export { R as Renderer2D, r as default } from '../main-DvN69W3f.js';
3
+ import '../p5.Renderer-D-5LdCRz.js';
4
+ import '../rendering-h9unX5K0.js';
5
5
  import '../dom/p5.Element.js';
6
6
  import '../dom/p5.MediaElement.js';
7
- import '../creating_reading-CgHCHxqN.js';
7
+ import '../creating_reading-ZXzcZEsb.js';
8
8
  import '../image/filterRenderer2D.js';
9
9
  import '../math/p5.Matrix.js';
10
10
  import '../shape/custom_shapes.js';
@@ -17,7 +17,6 @@ import '../image/filters.js';
17
17
  import '../math/p5.Vector.js';
18
18
  import './States.js';
19
19
  import '../io/utilities.js';
20
- import 'file-saver';
21
20
  import '../shape/2d_primitives.js';
22
21
  import './helpers.js';
23
22
  import '../shape/attributes.js';
@@ -1,6 +1,6 @@
1
- import '../constants-DEJVKr9Z.js';
2
- export { R as Renderer3D, r as default } from '../rendering-CsICjEXA.js';
3
- import '../p5.Renderer-QoFcvj3f.js';
1
+ import '../constants-DQyACdzq.js';
2
+ export { R as Renderer3D, r as default } from '../rendering-h9unX5K0.js';
3
+ import '../p5.Renderer-D-5LdCRz.js';
4
4
  import '../webgl/GeometryBuilder.js';
5
5
  import '../math/p5.Matrix.js';
6
6
  import '../math/p5.Vector.js';
@@ -8,7 +8,7 @@ import '../webgl/ShapeBuilder.js';
8
8
  import '../webgl/GeometryBufferCache.js';
9
9
  import '../image/const.js';
10
10
  import '../shape/custom_shapes.js';
11
- import '../creating_reading-CgHCHxqN.js';
11
+ import '../creating_reading-ZXzcZEsb.js';
12
12
  import '../dom/p5.Element.js';
13
13
  import '../webgl/p5.DataArray.js';
14
14
  import '../type/textCore.js';
@@ -30,7 +30,6 @@ import '../color/setting.js';
30
30
  import 'omggif';
31
31
  import '../io/csv.js';
32
32
  import '../io/utilities.js';
33
- import 'file-saver';
34
33
  import 'gifenc';
35
34
  import '../image/pixels.js';
36
35
  import '../image/filters.js';
@@ -1,18 +1,17 @@
1
- import '../constants-DEJVKr9Z.js';
2
- export { k as default, x as renderers } from '../rendering-CsICjEXA.js';
3
- import '../creating_reading-CgHCHxqN.js';
1
+ import '../constants-DQyACdzq.js';
2
+ export { k as default, x as renderers } from '../rendering-h9unX5K0.js';
3
+ import '../creating_reading-ZXzcZEsb.js';
4
4
  import 'colorjs.io/fn';
5
5
  import '../color/color_spaces/hsb.js';
6
6
  import '../dom/p5.Element.js';
7
7
  import '../dom/p5.File.js';
8
8
  import '../io/p5.XML.js';
9
- import '../p5.Renderer-QoFcvj3f.js';
9
+ import '../p5.Renderer-D-5LdCRz.js';
10
10
  import '../image/filters.js';
11
11
  import '../math/p5.Vector.js';
12
12
  import '../shape/custom_shapes.js';
13
13
  import './States.js';
14
14
  import '../io/utilities.js';
15
- import 'file-saver';
16
15
  import '../dom/p5.MediaElement.js';
17
16
  import '../shape/2d_primitives.js';
18
17
  import './helpers.js';
@@ -21,8 +21,6 @@ function structure(p5, fn){
21
21
  * @method noLoop
22
22
  *
23
23
  * @example
24
- * <div>
25
- * <code>
26
24
  * function setup() {
27
25
  * createCanvas(100, 100);
28
26
  *
@@ -42,11 +40,8 @@ function structure(p5, fn){
42
40
  * // Normally, the circle would move from left to right.
43
41
  * circle(x, 50, 20);
44
42
  * }
45
- * </code>
46
- * </div>
47
43
  *
48
- * <div>
49
- * <code>
44
+ * @example
50
45
  * // Double-click to stop the draw loop.
51
46
  *
52
47
  * function setup() {
@@ -74,11 +69,8 @@ function structure(p5, fn){
74
69
  * function doubleClicked() {
75
70
  * noLoop();
76
71
  * }
77
- * </code>
78
- * </div>
79
72
  *
80
- * <div>
81
- * <code>
73
+ * @example
82
74
  * let startButton;
83
75
  * let stopButton;
84
76
  *
@@ -117,8 +109,6 @@ function structure(p5, fn){
117
109
  * // Normally, the circle would move from left to right.
118
110
  * circle(x, y, 20);
119
111
  * }
120
- * </code>
121
- * </div>
122
112
  */
123
113
  fn.noLoop = function() {
124
114
  this._loop = false;
@@ -139,8 +129,6 @@ function structure(p5, fn){
139
129
  * @method loop
140
130
  *
141
131
  * @example
142
- * <div>
143
- * <code>
144
132
  * function setup() {
145
133
  * createCanvas(100, 100);
146
134
  *
@@ -166,11 +154,8 @@ function structure(p5, fn){
166
154
  * function doubleClicked() {
167
155
  * loop();
168
156
  * }
169
- * </code>
170
- * </div>
171
157
  *
172
- * <div>
173
- * <code>
158
+ * @example
174
159
  * let startButton;
175
160
  * let stopButton;
176
161
  *
@@ -209,8 +194,6 @@ function structure(p5, fn){
209
194
  * // Normally, the circle would move from left to right.
210
195
  * circle(x, y, 20);
211
196
  * }
212
- * </code>
213
- * </div>
214
197
  */
215
198
  fn.loop = function() {
216
199
  if (!this._loop) {
@@ -236,8 +219,6 @@ function structure(p5, fn){
236
219
  * @returns {boolean}
237
220
  *
238
221
  * @example
239
- * <div>
240
- * <code>
241
222
  * function setup() {
242
223
  * createCanvas(100, 100);
243
224
  *
@@ -259,8 +240,6 @@ function structure(p5, fn){
259
240
  * loop();
260
241
  * }
261
242
  * }
262
- * </code>
263
- * </div>
264
243
  */
265
244
  fn.isLooping = function() {
266
245
  return this._loop;
@@ -284,8 +263,6 @@ function structure(p5, fn){
284
263
  * @returns {Promise<void>}
285
264
  *
286
265
  * @example
287
- * <div>
288
- * <code>
289
266
  * // Double-click the canvas to move the circle.
290
267
  *
291
268
  * let x = 0;
@@ -315,11 +292,8 @@ function structure(p5, fn){
315
292
  * async function doubleClicked() {
316
293
  * await redraw();
317
294
  * }
318
- * </code>
319
- * </div>
320
295
  *
321
- * <div>
322
- * <code>
296
+ * @example
323
297
  * // Double-click the canvas to move the circle.
324
298
  *
325
299
  * let x = 0;
@@ -349,8 +323,6 @@ function structure(p5, fn){
349
323
  * async function doubleClicked() {
350
324
  * await redraw(3);
351
325
  * }
352
- * </code>
353
- * </div>
354
326
  */
355
327
  fn.redraw = async function(n) {
356
328
  if (this._inUserDraw || !this._setupDone) {
@@ -430,8 +402,7 @@ function structure(p5, fn){
430
402
  * @param {String|HTMLElement} node ID or reference to the HTML element that will contain the sketch.
431
403
  *
432
404
  * @example
433
- * <div class='norender notest'>
434
- * <code>
405
+ * // META:norender
435
406
  * // Declare the function containing the sketch.
436
407
  * function sketch(p) {
437
408
  *
@@ -453,11 +424,9 @@ function structure(p5, fn){
453
424
  *
454
425
  * // Initialize the sketch.
455
426
  * new p5(sketch);
456
- * </code>
457
- * </div>
458
427
  *
459
- * <div class='norender notest'>
460
- * <code>
428
+ * @example
429
+ * // META:norender
461
430
  * // Declare the function containing the sketch.
462
431
  * function sketch(p) {
463
432
  * // Create the sketch's variables within its scope.
@@ -486,11 +455,9 @@ function structure(p5, fn){
486
455
  *
487
456
  * // Initialize the sketch.
488
457
  * new p5(sketch);
489
- * </code>
490
- * </div>
491
458
  *
492
- * <div class='norender notest'>
493
- * <code>
459
+ * @example
460
+ * // META:norender
494
461
  * // Declare the function containing the sketch.
495
462
  * function sketch(p) {
496
463
  *
@@ -515,11 +482,9 @@ function structure(p5, fn){
515
482
  *
516
483
  * // Initialize the sketch and attach it to the web page's body.
517
484
  * new p5(sketch, body);
518
- * </code>
519
- * </div>
520
485
  *
521
- * <div class='norender notest'>
522
- * <code>
486
+ * @example
487
+ * // META:norender
523
488
  * // Declare the function containing the sketch.
524
489
  * function sketch(p) {
525
490
  *
@@ -543,11 +508,9 @@ function structure(p5, fn){
543
508
  *
544
509
  * // Initialize the sketch.
545
510
  * new p5(sketch);
546
- * </code>
547
- * </div>
548
511
  *
549
- * <div class='norender notest'>
550
- * <code>
512
+ * @example
513
+ * // META:norender
551
514
  * // Declare the function containing the sketch.
552
515
  * function sketch(p) {
553
516
  *
@@ -577,8 +540,6 @@ function structure(p5, fn){
577
540
  *
578
541
  * // Initialize the sketch.
579
542
  * new p5(sketch);
580
- * </code>
581
- * </div>
582
543
  */
583
544
  }
584
545