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.
- package/dist/accessibility/color_namer.js +5 -6
- package/dist/accessibility/describe.js +4 -26
- package/dist/accessibility/index.js +5 -6
- package/dist/accessibility/outputs.js +6 -38
- package/dist/app.js +5 -6
- package/dist/color/color_conversion.js +5 -6
- package/dist/color/creating_reading.js +1 -1
- package/dist/color/index.js +2 -2
- package/dist/color/p5.Color.js +1 -1
- package/dist/color/setting.js +59 -357
- package/dist/{constants-DEJVKr9Z.js → constants-DQyACdzq.js} +11 -61
- package/dist/core/constants.js +1 -1
- package/dist/core/environment.js +26 -158
- package/dist/core/filterShaders.js +1 -1
- package/dist/core/friendly_errors/fes_core.js +1 -1
- package/dist/core/friendly_errors/file_errors.js +1 -1
- package/dist/core/friendly_errors/index.js +1 -1
- package/dist/core/friendly_errors/param_validator.js +1 -1
- package/dist/core/friendly_errors/sketch_verifier.js +1 -1
- package/dist/core/helpers.js +1 -1
- package/dist/core/init.js +5 -6
- package/dist/core/internationalization.js +1 -1
- package/dist/core/legacy.js +5 -6
- package/dist/core/main.js +5 -6
- package/dist/core/p5.Graphics.js +4 -5
- package/dist/core/p5.Renderer.js +3 -4
- package/dist/core/p5.Renderer2D.js +5 -6
- package/dist/core/p5.Renderer3D.js +4 -5
- package/dist/core/rendering.js +4 -5
- package/dist/core/structure.js +13 -52
- package/dist/core/transform.js +32 -176
- package/dist/{creating_reading-CgHCHxqN.js → creating_reading-ZXzcZEsb.js} +3 -196
- package/dist/data/local_storage.js +4 -30
- package/dist/dom/dom.js +24 -159
- package/dist/dom/index.js +2 -2
- package/dist/dom/p5.Element.js +31 -208
- package/dist/dom/p5.File.js +1 -32
- package/dist/dom/p5.MediaElement.js +10 -113
- package/dist/events/acceleration.js +11 -64
- package/dist/events/keyboard.js +13 -81
- package/dist/events/pointer.js +18 -160
- package/dist/image/const.js +1 -1
- package/dist/image/filterRenderer2D.js +4 -5
- package/dist/image/image.js +4 -5
- package/dist/image/index.js +4 -5
- package/dist/image/loading_displaying.js +4 -5
- package/dist/image/p5.Image.js +3 -4
- package/dist/image/pixels.js +17 -100
- package/dist/io/files.js +4 -5
- package/dist/io/index.js +4 -5
- package/dist/io/p5.Table.js +66 -158
- package/dist/io/p5.TableRow.js +48 -71
- package/dist/io/p5.XML.js +6 -99
- package/dist/io/utilities.js +8 -3
- package/dist/{main-_RXV5Lx8.js → main-DvN69W3f.js} +13 -42
- package/dist/math/Matrices/Matrix.js +87 -126
- package/dist/math/Matrices/MatrixNumjs.js +1 -5
- package/dist/math/calculation.js +10 -112
- package/dist/math/index.js +1 -1
- package/dist/math/math.js +2 -12
- package/dist/math/noise.js +5 -32
- package/dist/math/p5.Matrix.js +3 -3
- package/dist/math/p5.Vector.js +104 -345
- package/dist/math/random.js +5 -32
- package/dist/math/trigonometry.js +15 -105
- package/dist/{p5.Renderer-QoFcvj3f.js → p5.Renderer-D-5LdCRz.js} +25 -178
- package/dist/{rendering-CsICjEXA.js → rendering-h9unX5K0.js} +254 -1156
- package/dist/shape/2d_primitives.js +33 -194
- package/dist/shape/attributes.js +12 -73
- package/dist/shape/curves.js +30 -95
- package/dist/shape/custom_shapes.js +63 -144
- package/dist/shape/index.js +2 -2
- package/dist/shape/vertex.js +21 -106
- package/dist/strands/p5.strands.js +248 -46
- package/dist/type/index.js +3 -4
- package/dist/type/p5.Font.js +4 -49
- package/dist/type/textCore.js +5 -158
- package/dist/utilities/conversion.js +17 -104
- package/dist/utilities/time_date.js +3 -40
- package/dist/utilities/utility_functions.js +6 -48
- package/dist/webgl/3d_primitives.js +4 -5
- package/dist/webgl/GeometryBuilder.js +1 -2
- package/dist/webgl/ShapeBuilder.js +22 -2
- package/dist/webgl/enums.js +1 -1
- package/dist/webgl/index.js +4 -5
- package/dist/webgl/interaction.js +6 -33
- package/dist/webgl/light.js +4 -5
- package/dist/webgl/loading.js +12 -46
- package/dist/webgl/material.js +4 -5
- package/dist/webgl/p5.Camera.js +4 -5
- package/dist/webgl/p5.DataArray.js +0 -4
- package/dist/webgl/p5.Framebuffer.js +4 -5
- package/dist/webgl/p5.Geometry.js +12 -106
- package/dist/webgl/p5.Quat.js +1 -1
- package/dist/webgl/p5.RendererGL.js +7 -18
- package/dist/webgl/p5.Shader.js +12 -36
- package/dist/webgl/p5.Texture.js +4 -5
- package/dist/webgl/text.js +4 -5
- package/dist/webgl/utils.js +4 -5
- package/dist/webgpu/index.js +1 -1
- package/dist/webgpu/p5.RendererWebGPU.js +529 -208
- package/dist/webgpu/shaders/color.js +32 -17
- package/dist/webgpu/shaders/filters/base.js +18 -7
- package/dist/webgpu/shaders/font.js +52 -40
- package/dist/webgpu/shaders/line.js +50 -36
- package/dist/webgpu/shaders/material.js +90 -83
- package/dist/webgpu/strands_wgslBackend.js +5 -2
- package/lib/p5.esm.js +5576 -7811
- package/lib/p5.esm.min.js +1 -1
- package/lib/p5.js +5576 -7811
- package/lib/p5.min.js +1 -1
- package/lib/p5.webgpu.esm.js +786 -453
- package/lib/p5.webgpu.js +786 -453
- package/lib/p5.webgpu.min.js +1 -1
- package/package.json +13 -13
- package/types/global.d.ts +16905 -16783
- package/types/p5.d.ts +11142 -11081
package/dist/io/p5.Table.js
CHANGED
|
@@ -39,8 +39,6 @@ class Table {
|
|
|
39
39
|
* @return {p5.TableRow} the row that was added
|
|
40
40
|
*
|
|
41
41
|
* @example
|
|
42
|
-
* <div>
|
|
43
|
-
* <code>
|
|
44
42
|
* // Given the CSV file "mammals.csv"
|
|
45
43
|
* // in the project's "assets" folder:
|
|
46
44
|
* //
|
|
@@ -80,8 +78,6 @@ class Table {
|
|
|
80
78
|
*
|
|
81
79
|
* describe('no image displayed');
|
|
82
80
|
* }
|
|
83
|
-
* </code>
|
|
84
|
-
* </div>
|
|
85
81
|
*/
|
|
86
82
|
addRow (row) {
|
|
87
83
|
// make sure it is a valid TableRow
|
|
@@ -99,12 +95,10 @@ class Table {
|
|
|
99
95
|
/**
|
|
100
96
|
* Removes a row from the table object.
|
|
101
97
|
*
|
|
102
|
-
*
|
|
98
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
103
99
|
* @param {Integer} id ID number of the row to remove
|
|
104
100
|
*
|
|
105
101
|
* @example
|
|
106
|
-
* <div>
|
|
107
|
-
* <code>
|
|
108
102
|
* let table;
|
|
109
103
|
*
|
|
110
104
|
* async function setup() {
|
|
@@ -136,8 +130,6 @@ class Table {
|
|
|
136
130
|
*
|
|
137
131
|
* describe('no image displayed');
|
|
138
132
|
* }
|
|
139
|
-
* </code>
|
|
140
|
-
* </div>
|
|
141
133
|
*/
|
|
142
134
|
removeRow (id) {
|
|
143
135
|
this.rows[id].table = null; // remove reference to table
|
|
@@ -155,8 +147,6 @@ class Table {
|
|
|
155
147
|
* @return {p5.TableRow} <a href="#/p5.TableRow">p5.TableRow</a> object
|
|
156
148
|
*
|
|
157
149
|
* @example
|
|
158
|
-
* <div>
|
|
159
|
-
* <code>
|
|
160
150
|
* let table;
|
|
161
151
|
*
|
|
162
152
|
* async function setup() {
|
|
@@ -181,22 +171,18 @@ class Table {
|
|
|
181
171
|
*
|
|
182
172
|
* describe('no image displayed');
|
|
183
173
|
* }
|
|
184
|
-
* </code>
|
|
185
|
-
* </div>
|
|
186
174
|
*/
|
|
187
175
|
getRow (r) {
|
|
188
176
|
return this.rows[r];
|
|
189
177
|
}
|
|
190
178
|
|
|
191
179
|
/**
|
|
192
|
-
*
|
|
180
|
+
* Gets all rows from the table. Returns an array of <a href="#/p5.TableRow">p5.TableRow</a>s.
|
|
193
181
|
*
|
|
194
|
-
*
|
|
195
|
-
*
|
|
182
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
183
|
+
* @return {p5.TableRow[]} Array of <a href="#/p5.TableRow">p5.TableRow</a>s
|
|
196
184
|
*
|
|
197
185
|
* @example
|
|
198
|
-
* <div>
|
|
199
|
-
* <code>
|
|
200
186
|
* let table;
|
|
201
187
|
*
|
|
202
188
|
* async function setup() {
|
|
@@ -233,29 +219,25 @@ class Table {
|
|
|
233
219
|
*
|
|
234
220
|
* describe('no image displayed');
|
|
235
221
|
* }
|
|
236
|
-
* </code>
|
|
237
|
-
* </div>
|
|
238
222
|
*/
|
|
239
223
|
getRows () {
|
|
240
224
|
return this.rows;
|
|
241
225
|
}
|
|
242
226
|
|
|
243
227
|
/**
|
|
244
|
-
*
|
|
245
|
-
*
|
|
246
|
-
*
|
|
247
|
-
*
|
|
248
|
-
*
|
|
228
|
+
* Finds the first row in the Table that contains the value
|
|
229
|
+
* provided, and returns a reference to that row. Even if
|
|
230
|
+
* multiple rows are possible matches, only the first matching
|
|
231
|
+
* row is returned. The column to search may be specified by
|
|
232
|
+
* either its ID or title.
|
|
249
233
|
*
|
|
250
|
-
*
|
|
251
|
-
*
|
|
252
|
-
*
|
|
253
|
-
*
|
|
254
|
-
*
|
|
234
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
235
|
+
* @param {String} value The value to match
|
|
236
|
+
* @param {Integer|String} column ID number or title of the
|
|
237
|
+
* column to search
|
|
238
|
+
* @return {p5.TableRow}
|
|
255
239
|
*
|
|
256
240
|
* @example
|
|
257
|
-
* <div>
|
|
258
|
-
* <code>
|
|
259
241
|
* let table;
|
|
260
242
|
*
|
|
261
243
|
* async function setup() {
|
|
@@ -279,8 +261,6 @@ class Table {
|
|
|
279
261
|
*
|
|
280
262
|
* describe('no image displayed');
|
|
281
263
|
* }
|
|
282
|
-
* </code>
|
|
283
|
-
* </div>
|
|
284
264
|
*/
|
|
285
265
|
findRow (value, column) {
|
|
286
266
|
// try the Object
|
|
@@ -303,21 +283,19 @@ class Table {
|
|
|
303
283
|
}
|
|
304
284
|
|
|
305
285
|
/**
|
|
306
|
-
*
|
|
307
|
-
*
|
|
308
|
-
*
|
|
309
|
-
*
|
|
310
|
-
*
|
|
286
|
+
* Finds the rows in the Table that contain the value
|
|
287
|
+
* provided, and returns references to those rows. Returns an
|
|
288
|
+
* Array, so for must be used to iterate through all the rows,
|
|
289
|
+
* as shown in the example above. The column to search may be
|
|
290
|
+
* specified by either its ID or title.
|
|
311
291
|
*
|
|
312
|
-
*
|
|
313
|
-
*
|
|
314
|
-
*
|
|
315
|
-
*
|
|
316
|
-
*
|
|
292
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
293
|
+
* @param {String} value The value to match
|
|
294
|
+
* @param {Integer|String} column ID number or title of the
|
|
295
|
+
* column to search
|
|
296
|
+
* @return {p5.TableRow[]} An Array of TableRow objects
|
|
317
297
|
*
|
|
318
298
|
* @example
|
|
319
|
-
* <div>
|
|
320
|
-
* <code>
|
|
321
299
|
* let table;
|
|
322
300
|
*
|
|
323
301
|
* async function setup() {
|
|
@@ -346,8 +324,6 @@ class Table {
|
|
|
346
324
|
*
|
|
347
325
|
* describe('no image displayed');
|
|
348
326
|
* }
|
|
349
|
-
* </code>
|
|
350
|
-
* </div>
|
|
351
327
|
*/
|
|
352
328
|
findRows (value, column) {
|
|
353
329
|
const ret = [];
|
|
@@ -382,8 +358,6 @@ class Table {
|
|
|
382
358
|
* @return {p5.TableRow} TableRow object
|
|
383
359
|
*
|
|
384
360
|
* @example
|
|
385
|
-
* <div>
|
|
386
|
-
* <code>
|
|
387
361
|
* let table;
|
|
388
362
|
*
|
|
389
363
|
* async function setup() {
|
|
@@ -407,8 +381,6 @@ class Table {
|
|
|
407
381
|
*
|
|
408
382
|
* describe('no image displayed');
|
|
409
383
|
* }
|
|
410
|
-
* </code>
|
|
411
|
-
* </div>
|
|
412
384
|
*/
|
|
413
385
|
matchRow (regexp, column) {
|
|
414
386
|
if (typeof column === 'number') {
|
|
@@ -439,8 +411,6 @@ class Table {
|
|
|
439
411
|
* title (string)
|
|
440
412
|
* @return {p5.TableRow[]} An Array of TableRow objects
|
|
441
413
|
* @example
|
|
442
|
-
* <div>
|
|
443
|
-
* <code>
|
|
444
414
|
* let table;
|
|
445
415
|
*
|
|
446
416
|
* function setup() {
|
|
@@ -454,15 +424,15 @@ class Table {
|
|
|
454
424
|
* table.addColumn('type');
|
|
455
425
|
*
|
|
456
426
|
* // Add rows to the table
|
|
457
|
-
*
|
|
427
|
+
* let newRow = table.addRow();
|
|
458
428
|
* newRow.setString('name', 'Lion');
|
|
459
|
-
*
|
|
429
|
+
* newRow.setString('type', 'Mammal');
|
|
460
430
|
*
|
|
461
431
|
* newRow = table.addRow();
|
|
462
432
|
* newRow.setString('name', 'Snake');
|
|
463
433
|
* newRow.setString('type', 'Reptile');
|
|
464
434
|
*
|
|
465
|
-
*
|
|
435
|
+
* newRow = table.addRow();
|
|
466
436
|
* newRow.setString('name', 'Mosquito');
|
|
467
437
|
* newRow.setString('type', 'Insect');
|
|
468
438
|
*
|
|
@@ -485,8 +455,6 @@ class Table {
|
|
|
485
455
|
* y += 20;
|
|
486
456
|
* }
|
|
487
457
|
* }
|
|
488
|
-
* </code>
|
|
489
|
-
* </div>
|
|
490
458
|
*/
|
|
491
459
|
matchRows (regexp, column) {
|
|
492
460
|
const ret = [];
|
|
@@ -515,8 +483,7 @@ class Table {
|
|
|
515
483
|
* @return {Array} Array of column values
|
|
516
484
|
*
|
|
517
485
|
* @example
|
|
518
|
-
*
|
|
519
|
-
* <code>
|
|
486
|
+
* // META:norender
|
|
520
487
|
* // Given the CSV file "mammals.csv"
|
|
521
488
|
* // in the project's "assets" folder:
|
|
522
489
|
* //
|
|
@@ -537,8 +504,6 @@ class Table {
|
|
|
537
504
|
* //outputs ["Capra hircus", "Panthera pardus", "Equus zebra"]
|
|
538
505
|
* describe('no image displayed');
|
|
539
506
|
* }
|
|
540
|
-
* </code>
|
|
541
|
-
* </div>
|
|
542
507
|
*/
|
|
543
508
|
getColumn (value) {
|
|
544
509
|
const ret = [];
|
|
@@ -555,14 +520,12 @@ class Table {
|
|
|
555
520
|
}
|
|
556
521
|
|
|
557
522
|
/**
|
|
558
|
-
*
|
|
559
|
-
*
|
|
523
|
+
* Removes all rows from a Table. While all rows are removed,
|
|
524
|
+
* columns and column titles are maintained.
|
|
560
525
|
*
|
|
561
|
-
*
|
|
526
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
562
527
|
*
|
|
563
528
|
* @example
|
|
564
|
-
* <div>
|
|
565
|
-
* <code>
|
|
566
529
|
* // Given the CSV file "mammals.csv"
|
|
567
530
|
* // in the project's "assets" folder:
|
|
568
531
|
* //
|
|
@@ -593,8 +556,6 @@ class Table {
|
|
|
593
556
|
*
|
|
594
557
|
* describe('no image displayed');
|
|
595
558
|
* }
|
|
596
|
-
* </code>
|
|
597
|
-
* </div>
|
|
598
559
|
*/
|
|
599
560
|
clearRows () {
|
|
600
561
|
delete this.rows;
|
|
@@ -602,17 +563,15 @@ class Table {
|
|
|
602
563
|
}
|
|
603
564
|
|
|
604
565
|
/**
|
|
605
|
-
*
|
|
606
|
-
*
|
|
607
|
-
*
|
|
608
|
-
*
|
|
566
|
+
* Use <a href="/reference/p5.Table/addColumn/">addColumn()</a> to add a new column to a <a href="#/p5.Table">Table</a> object.
|
|
567
|
+
* Typically, you will want to specify a title, so the column
|
|
568
|
+
* may be easily referenced later by name. (If no title is
|
|
569
|
+
* specified, the new column's title will be null.)
|
|
609
570
|
*
|
|
610
|
-
*
|
|
611
|
-
*
|
|
571
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
572
|
+
* @param {String} [title] title of the given column
|
|
612
573
|
*
|
|
613
574
|
* @example
|
|
614
|
-
* <div>
|
|
615
|
-
* <code>
|
|
616
575
|
* let table;
|
|
617
576
|
*
|
|
618
577
|
* async function setup() {
|
|
@@ -639,8 +598,6 @@ class Table {
|
|
|
639
598
|
*
|
|
640
599
|
* describe('no image displayed');
|
|
641
600
|
* }
|
|
642
|
-
* </code>
|
|
643
|
-
* </div>
|
|
644
601
|
*/
|
|
645
602
|
addColumn (title) {
|
|
646
603
|
const t = title || null;
|
|
@@ -648,13 +605,11 @@ class Table {
|
|
|
648
605
|
}
|
|
649
606
|
|
|
650
607
|
/**
|
|
651
|
-
*
|
|
608
|
+
* Returns the total number of columns in a Table.
|
|
652
609
|
*
|
|
653
|
-
*
|
|
654
|
-
*
|
|
610
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
611
|
+
* @return {Integer} Number of columns in this table
|
|
655
612
|
* @example
|
|
656
|
-
* <div>
|
|
657
|
-
* <code>
|
|
658
613
|
* // given the cvs file "blobs.csv" in /assets directory
|
|
659
614
|
* // ID, Name, Flavor, Shape, Color
|
|
660
615
|
* // Blob1, Blobby, Sweet, Blob, Pink
|
|
@@ -674,21 +629,17 @@ class Table {
|
|
|
674
629
|
* let numOfColumn = table.getColumnCount();
|
|
675
630
|
* text('There are ' + numOfColumn + ' columns in the table.', 100, 50);
|
|
676
631
|
* }
|
|
677
|
-
* </code>
|
|
678
|
-
* </div>
|
|
679
632
|
*/
|
|
680
633
|
getColumnCount () {
|
|
681
634
|
return this.columns.length;
|
|
682
635
|
}
|
|
683
636
|
|
|
684
637
|
/**
|
|
685
|
-
*
|
|
638
|
+
* Returns the total number of rows in a Table.
|
|
686
639
|
*
|
|
687
|
-
*
|
|
688
|
-
*
|
|
640
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
641
|
+
* @return {Integer} Number of rows in this table
|
|
689
642
|
* @example
|
|
690
|
-
* <div>
|
|
691
|
-
* <code>
|
|
692
643
|
* // given the cvs file "blobs.csv" in /assets directory
|
|
693
644
|
* //
|
|
694
645
|
* // ID, Name, Flavor, Shape, Color
|
|
@@ -708,27 +659,25 @@ class Table {
|
|
|
708
659
|
* function draw() {
|
|
709
660
|
* text('There are ' + table.getRowCount() + ' rows in the table.', 100, 50);
|
|
710
661
|
* }
|
|
711
|
-
* </code>
|
|
712
|
-
* </div>
|
|
713
662
|
*/
|
|
714
663
|
getRowCount () {
|
|
715
664
|
return this.rows.length;
|
|
716
665
|
}
|
|
717
666
|
|
|
718
667
|
/**
|
|
719
|
-
*
|
|
668
|
+
* Removes any of the specified characters (or "tokens").
|
|
720
669
|
*
|
|
721
|
-
*
|
|
722
|
-
*
|
|
723
|
-
*
|
|
670
|
+
* If no column is specified, then the values in all columns and
|
|
671
|
+
* rows are processed. A specific column may be referenced by
|
|
672
|
+
* either its ID or title.
|
|
724
673
|
*
|
|
725
|
-
*
|
|
726
|
-
*
|
|
727
|
-
*
|
|
674
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
675
|
+
* @param {String} chars String listing characters to be removed
|
|
676
|
+
* @param {String|Integer} [column] Column ID (number)
|
|
728
677
|
* or name (string)
|
|
729
678
|
*
|
|
730
679
|
* @example
|
|
731
|
-
*
|
|
680
|
+
* // META:norender
|
|
732
681
|
* function setup() {
|
|
733
682
|
* let table = new p5.Table();
|
|
734
683
|
*
|
|
@@ -750,7 +699,6 @@ class Table {
|
|
|
750
699
|
* // prints:
|
|
751
700
|
* // 0 "Lion" "Mamal"
|
|
752
701
|
* // 1 "Snake" "Reptile"
|
|
753
|
-
* </code></div>
|
|
754
702
|
*/
|
|
755
703
|
removeTokens (chars, column) {
|
|
756
704
|
const escape = s => s.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
|
|
@@ -788,16 +736,16 @@ class Table {
|
|
|
788
736
|
}
|
|
789
737
|
|
|
790
738
|
/**
|
|
791
|
-
*
|
|
792
|
-
*
|
|
793
|
-
*
|
|
794
|
-
*
|
|
739
|
+
* Trims leading and trailing whitespace, such as spaces and tabs,
|
|
740
|
+
* from String table values. If no column is specified, then the
|
|
741
|
+
* values in all columns and rows are trimmed. A specific column
|
|
742
|
+
* may be referenced by either its ID or title.
|
|
795
743
|
*
|
|
796
|
-
*
|
|
797
|
-
*
|
|
744
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
745
|
+
* @param {String|Integer} [column] Column ID (number)
|
|
798
746
|
* or name (string)
|
|
799
747
|
* @example
|
|
800
|
-
*
|
|
748
|
+
* // META:norender
|
|
801
749
|
* function setup() {
|
|
802
750
|
* let table = new p5.Table();
|
|
803
751
|
*
|
|
@@ -819,7 +767,6 @@ class Table {
|
|
|
819
767
|
* // prints:
|
|
820
768
|
* // 0 "Lion" "Mamal"
|
|
821
769
|
* // 1 "Snake" "Reptile"
|
|
822
|
-
* </code></div>
|
|
823
770
|
*/
|
|
824
771
|
trim (column) {
|
|
825
772
|
const regex = new RegExp(' ', 'g');
|
|
@@ -852,18 +799,16 @@ class Table {
|
|
|
852
799
|
}
|
|
853
800
|
|
|
854
801
|
/**
|
|
855
|
-
*
|
|
856
|
-
*
|
|
857
|
-
*
|
|
858
|
-
*
|
|
859
|
-
*
|
|
802
|
+
* Use <a href="/reference/p5.Table/removeColumn/">removeColumn()</a> to remove an existing column from a Table
|
|
803
|
+
* object. The column to be removed may be identified by either
|
|
804
|
+
* its title (a String) or its index value (an int).
|
|
805
|
+
* removeColumn(0) would remove the first column, removeColumn(1)
|
|
806
|
+
* would remove the second column, and so on.
|
|
860
807
|
*
|
|
861
|
-
*
|
|
862
|
-
*
|
|
808
|
+
* @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
|
|
809
|
+
* @param {String|Integer} column columnName (string) or ID (number)
|
|
863
810
|
*
|
|
864
811
|
* @example
|
|
865
|
-
* <div>
|
|
866
|
-
* <code>
|
|
867
812
|
* let table;
|
|
868
813
|
*
|
|
869
814
|
* async function setup() {
|
|
@@ -889,8 +834,6 @@ class Table {
|
|
|
889
834
|
*
|
|
890
835
|
* describe('no image displayed');
|
|
891
836
|
* }
|
|
892
|
-
* </code>
|
|
893
|
-
* </div>
|
|
894
837
|
*/
|
|
895
838
|
removeColumn (c) {
|
|
896
839
|
let cString;
|
|
@@ -929,8 +872,6 @@ class Table {
|
|
|
929
872
|
* @param {String|Number} value value to assign
|
|
930
873
|
*
|
|
931
874
|
* @example
|
|
932
|
-
* <div>
|
|
933
|
-
* <code>
|
|
934
875
|
* let table;
|
|
935
876
|
*
|
|
936
877
|
* async function setup() {
|
|
@@ -963,8 +904,6 @@ class Table {
|
|
|
963
904
|
*
|
|
964
905
|
* describe('no image displayed');
|
|
965
906
|
* }
|
|
966
|
-
* </code>
|
|
967
|
-
* </div>
|
|
968
907
|
*/
|
|
969
908
|
set (row, column, value) {
|
|
970
909
|
this.rows[row].set(column, value);
|
|
@@ -982,8 +921,6 @@ class Table {
|
|
|
982
921
|
* @param {Number} value value to assign
|
|
983
922
|
*
|
|
984
923
|
* @example
|
|
985
|
-
* <div>
|
|
986
|
-
* <code>
|
|
987
924
|
* let table;
|
|
988
925
|
*
|
|
989
926
|
* async function setup() {
|
|
@@ -1008,8 +945,6 @@ class Table {
|
|
|
1008
945
|
*
|
|
1009
946
|
* describe('no image displayed');
|
|
1010
947
|
* }
|
|
1011
|
-
* </code>
|
|
1012
|
-
* </div>
|
|
1013
948
|
*/
|
|
1014
949
|
setNum (row, column, value) {
|
|
1015
950
|
this.rows[row].setNum(column, value);
|
|
@@ -1026,8 +961,6 @@ class Table {
|
|
|
1026
961
|
* or title (String)
|
|
1027
962
|
* @param {String} value value to assign
|
|
1028
963
|
* @example
|
|
1029
|
-
* <div>
|
|
1030
|
-
* <code>
|
|
1031
964
|
* let table;
|
|
1032
965
|
*
|
|
1033
966
|
* async function setup() {
|
|
@@ -1062,8 +995,6 @@ class Table {
|
|
|
1062
995
|
*
|
|
1063
996
|
* describe('no image displayed');
|
|
1064
997
|
* }
|
|
1065
|
-
* </code>
|
|
1066
|
-
* </div>
|
|
1067
998
|
*/
|
|
1068
999
|
setString (row, column, value) {
|
|
1069
1000
|
this.rows[row].setString(column, value);
|
|
@@ -1081,8 +1012,6 @@ class Table {
|
|
|
1081
1012
|
* @return {String|Number}
|
|
1082
1013
|
*
|
|
1083
1014
|
* @example
|
|
1084
|
-
* <div>
|
|
1085
|
-
* <code>
|
|
1086
1015
|
* let table;
|
|
1087
1016
|
*
|
|
1088
1017
|
* async function setup() {
|
|
@@ -1107,8 +1036,6 @@ class Table {
|
|
|
1107
1036
|
*
|
|
1108
1037
|
* describe('no image displayed');
|
|
1109
1038
|
* }
|
|
1110
|
-
* </code>
|
|
1111
|
-
* </div>
|
|
1112
1039
|
*/
|
|
1113
1040
|
get (row, column) {
|
|
1114
1041
|
if(typeof column === 'string'){
|
|
@@ -1130,8 +1057,6 @@ class Table {
|
|
|
1130
1057
|
* @return {Number}
|
|
1131
1058
|
*
|
|
1132
1059
|
* @example
|
|
1133
|
-
* <div>
|
|
1134
|
-
* <code>
|
|
1135
1060
|
* let table;
|
|
1136
1061
|
*
|
|
1137
1062
|
* async function setup() {
|
|
@@ -1152,8 +1077,6 @@ class Table {
|
|
|
1152
1077
|
*
|
|
1153
1078
|
* describe('no image displayed');
|
|
1154
1079
|
* }
|
|
1155
|
-
* </code>
|
|
1156
|
-
* </div>
|
|
1157
1080
|
*/
|
|
1158
1081
|
getNum (row, column) {
|
|
1159
1082
|
return this.rows[row].getNum(column);
|
|
@@ -1171,8 +1094,6 @@ class Table {
|
|
|
1171
1094
|
* @return {String}
|
|
1172
1095
|
*
|
|
1173
1096
|
* @example
|
|
1174
|
-
* <div>
|
|
1175
|
-
* <code>
|
|
1176
1097
|
* let table;
|
|
1177
1098
|
*
|
|
1178
1099
|
* async function setup() {
|
|
@@ -1210,8 +1131,6 @@ class Table {
|
|
|
1210
1131
|
*
|
|
1211
1132
|
* describe('no image displayed');
|
|
1212
1133
|
* }
|
|
1213
|
-
* </code>
|
|
1214
|
-
* </div>
|
|
1215
1134
|
*/
|
|
1216
1135
|
getString (row, column) {
|
|
1217
1136
|
return this.rows[row].getString(column);
|
|
@@ -1228,8 +1147,7 @@ class Table {
|
|
|
1228
1147
|
* @return {Object}
|
|
1229
1148
|
*
|
|
1230
1149
|
* @example
|
|
1231
|
-
*
|
|
1232
|
-
* <code>
|
|
1150
|
+
* // META:norender
|
|
1233
1151
|
* // Given the CSV file "mammals.csv"
|
|
1234
1152
|
* // in the project's "assets" folder:
|
|
1235
1153
|
* //
|
|
@@ -1252,8 +1170,6 @@ class Table {
|
|
|
1252
1170
|
*
|
|
1253
1171
|
* describe('no image displayed');
|
|
1254
1172
|
* }
|
|
1255
|
-
* </code>
|
|
1256
|
-
* </div>
|
|
1257
1173
|
*/
|
|
1258
1174
|
getObject (headerColumn) {
|
|
1259
1175
|
const tableObject = {};
|
|
@@ -1284,8 +1200,6 @@ class Table {
|
|
|
1284
1200
|
* @return {Array}
|
|
1285
1201
|
*
|
|
1286
1202
|
* @example
|
|
1287
|
-
* <div>
|
|
1288
|
-
* <code>
|
|
1289
1203
|
* let table;
|
|
1290
1204
|
*
|
|
1291
1205
|
* async function setup() {
|
|
@@ -1312,8 +1226,6 @@ class Table {
|
|
|
1312
1226
|
*
|
|
1313
1227
|
* describe('no image displayed');
|
|
1314
1228
|
* }
|
|
1315
|
-
* </code>
|
|
1316
|
-
* </div>
|
|
1317
1229
|
*/
|
|
1318
1230
|
getArray () {
|
|
1319
1231
|
const tableArray = [];
|
|
@@ -1368,8 +1280,6 @@ function table(p5, fn){
|
|
|
1368
1280
|
* @for p5.Table
|
|
1369
1281
|
* @name columns
|
|
1370
1282
|
* @example
|
|
1371
|
-
* <div >
|
|
1372
|
-
* <code>
|
|
1373
1283
|
* let table;
|
|
1374
1284
|
*
|
|
1375
1285
|
* async function setup() {
|
|
@@ -1388,8 +1298,6 @@ function table(p5, fn){
|
|
|
1388
1298
|
* text('column ' + c + ' is named ' + table.columns[c], 10, 30 + c * 20);
|
|
1389
1299
|
* }
|
|
1390
1300
|
* }
|
|
1391
|
-
* </code>
|
|
1392
|
-
* </div>
|
|
1393
1301
|
*/
|
|
1394
1302
|
|
|
1395
1303
|
/**
|