p5.tree 0.0.2 → 0.0.4
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/README.md +12 -20
- package/dist/p5.tree.esm.js +238 -203
- package/dist/p5.tree.esm.js.map +1 -1
- package/dist/p5.tree.js +238 -203
- package/dist/p5.tree.js.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# p5.tree
|
|
2
2
|
[](https://www.npmjs.com/package/p5.tree)
|
|
3
3
|
|
|
4
|
-
Shader development, camera
|
|
4
|
+
Shader development, camera keyframe interpolation, and space transformations for 3D rendering in [p5.js v2](https://beta.p5js.org/) ([WEBGL](https://beta.p5js.org/reference/p5/constants/webgl/) / [WEBGL2](https://beta.p5js.org/reference/p5/constants/webgl2/) / [WebGPU](https://beta.p5js.org/reference/p5/constants/webgpu/)).
|
|
5
5
|
|
|
6
6
|

|
|
7
7
|
|
|
@@ -266,7 +266,7 @@ A small collection of helpers commonly needed in interactive 3D sketches:
|
|
|
266
266
|
Debug / teaching primitives for visualizing common 3D concepts:
|
|
267
267
|
|
|
268
268
|
1. `axes({ size, colors, bits })`
|
|
269
|
-
2. `grid({ size, subdivisions
|
|
269
|
+
2. `grid({ size, subdivisions })`
|
|
270
270
|
3. `cross({ mMatrix, x, y, size, ... })`
|
|
271
271
|
4. `bullsEye({ mMatrix, x, y, size, shape, ... })`
|
|
272
272
|
5. `viewFrustum({ pg, bits, viewer, eMatrix, pMatrix, vMatrix })`
|
|
@@ -275,19 +275,19 @@ Debug / teaching primitives for visualizing common 3D concepts:
|
|
|
275
275
|
|
|
276
276
|
# Releases
|
|
277
277
|
|
|
278
|
-
- **Latest (v0.0.
|
|
278
|
+
- **Latest (v0.0.4):**
|
|
279
279
|
These links always point to the latest published version on npm.
|
|
280
280
|
- [p5.tree.js (unminified, IIFE)](https://cdn.jsdelivr.net/npm/p5.tree/dist/p5.tree.js)
|
|
281
281
|
- [p5.tree.min.js (minified, IIFE)](https://cdn.jsdelivr.net/npm/p5.tree/dist/p5.tree.min.js)
|
|
282
282
|
- [p5.tree.esm.js (ES module)](https://cdn.jsdelivr.net/npm/p5.tree/dist/p5.tree.esm.js)
|
|
283
283
|
- [npm package](https://www.npmjs.com/package/p5.tree)
|
|
284
284
|
|
|
285
|
-
- **Current tagged version (v0.0.
|
|
285
|
+
- **Current tagged version (v0.0.4):**
|
|
286
286
|
Use these if you want to lock to a specific version.
|
|
287
|
-
- [p5.tree@0.0.
|
|
288
|
-
- [p5.tree@0.0.
|
|
289
|
-
- [p5.tree@0.0.
|
|
290
|
-
- [npm package (v0.0.
|
|
287
|
+
- [p5.tree@0.0.4.js (unminified, IIFE)](https://cdn.jsdelivr.net/npm/p5.tree@0.0.4/dist/p5.tree.js)
|
|
288
|
+
- [p5.tree@0.0.4.min.js (minified, IIFE)](https://cdn.jsdelivr.net/npm/p5.tree@0.0.4/dist/p5.tree.min.js)
|
|
289
|
+
- [p5.tree@0.0.4.esm.js (ES module)](https://cdn.jsdelivr.net/npm/p5.tree@0.0.4/dist/p5.tree.esm.js)
|
|
290
|
+
- [npm package (v0.0.4)](https://www.npmjs.com/package/p5.tree/v/0.0.4)
|
|
291
291
|
|
|
292
292
|
---
|
|
293
293
|
|
|
@@ -295,12 +295,8 @@ Debug / teaching primitives for visualizing common 3D concepts:
|
|
|
295
295
|
|
|
296
296
|
The library works in two setups:
|
|
297
297
|
|
|
298
|
-
- **[CDN](#cdn)**: Use the [IIFE](https://developer.mozilla.org/en-US/docs/Glossary/IIFE)
|
|
299
|
-
|
|
300
|
-
along with [p5.js](https://beta.p5js.org/).
|
|
301
|
-
- **[npm](#npm-esm)**: Use the
|
|
302
|
-
[ES module](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules)
|
|
303
|
-
version in modern projects with [Vite](https://vitejs.dev/) or another bundler.
|
|
298
|
+
- **[CDN](#cdn)**: Use the [IIFE](https://developer.mozilla.org/en-US/docs/Glossary/IIFE) (Immediately Invoked Function Expression) format with `<script>` tags directly in the browser, along with [p5.js](https://beta.p5js.org/).
|
|
299
|
+
- **[npm](#npm-esm)**: Use the [ES module](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) version in modern projects with [Vite](https://vitejs.dev/) or another bundler.
|
|
304
300
|
|
|
305
301
|
## CDN
|
|
306
302
|
|
|
@@ -329,9 +325,7 @@ Include both libraries using `<script>` tags, which run in both [global](https:/
|
|
|
329
325
|
</script>
|
|
330
326
|
````
|
|
331
327
|
|
|
332
|
-
You can run the example, which uses global mode, by opening the `index.html` file in a browser, or by using
|
|
333
|
-
[VSCodium](https://vscodium.com/) (recommended) or [Visual Studio Code](https://code.visualstudio.com/)
|
|
334
|
-
with the [Live Server extension](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer).
|
|
328
|
+
You can run the example, which uses global mode, by opening the `index.html` file in a browser, or by using [VSCodium](https://vscodium.com/) (recommended) or [Visual Studio Code](https://code.visualstudio.com/) with the [Live Server extension](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer).
|
|
335
329
|
|
|
336
330
|
## npm (ESM)
|
|
337
331
|
|
|
@@ -341,9 +335,7 @@ Install both [`p5`](https://www.npmjs.com/package/p5) and [`p5.tree`](https://ww
|
|
|
341
335
|
npm i p5 p5.tree
|
|
342
336
|
```
|
|
343
337
|
|
|
344
|
-
Then import them in your project’s entry file (e.g. `main.js`) using a
|
|
345
|
-
modern bundler like [Vite](https://vitejs.dev/), which runs in
|
|
346
|
-
[instance mode](https://github.com/processing/p5.js/wiki/Global-and-instance-mode) only:
|
|
338
|
+
Then import them in your project’s entry file (e.g. `main.js`) using a modern bundler like [Vite](https://vitejs.dev/), which runs in [instance mode](https://github.com/processing/p5.js/wiki/Global-and-instance-mode) only:
|
|
347
339
|
|
|
348
340
|
```js
|
|
349
341
|
// main.js
|