Merge pull request #57 from bocoup/update-libraries

Update libraries

Author: davepagurek

contributing_libraries.md

@@ -11,7 +11,7 @@ const categories = [
   "3d",
   "ai-ml-cv",
   "animation",
-  "filters",
+  "shaders",
   "language",
   "hardware",
   "sound",
@@ -39,7 +39,7 @@ export const librariesCollection = defineCollection({
     websiteUrl: z.string().url().optional(),
     // 1500x1000
     featuredImage: image(),
-    author: author(),
+    author: author().transform((val) => [val]).or(z.array(author())),
     // What license is the library licensed with?
     license: z.string().optional(),
     npm: z.string().optional(),

src/content/libraries/config.ts

@@ -0,0 +1,14 @@
+name: c2.js
+category: algorithms
+description: c2.js is a JavaScript library for creative coding based on computational geometry, physics simulation, evolutionary algorithm and other modules.
+author:
+  name: Ren Yuan
+  url: https://renyuan.io
+sourceUrl: https://github.com/ren-yuan/c2.js
+websiteUrl: https://c2js.org
+npm: c2.js
+npmFilePath: dist/c2.min.js
+featuredImage:
+  url: ../images/c2.js.png
+  altText: Limited Voronoi
+license: MIT

src/content/libraries/en/c2.js.yaml

@@ -0,0 +1,12 @@
+name: canvasGUI
+description: Create GUI controls directly on your canvas.
+category: ui
+sourceUrl: https://github.com/quarks/canvasGUI
+websiteUrl: http://www.lagers.org.uk/canvasgui/index.html
+author:
+  name: Peter Lager
+  url: http://www.lagers.org.uk
+featuredImage:
+  url: ../images/canvasGUI.png
+  altText: Various controls shown on a canvas
+license: MIT

src/content/libraries/en/canvasGUI.yaml

@@ -0,0 +1,13 @@
+name: HY5
+category: animation
+description: hydra 🙏 p5.js ~ share visuals between both frameworks!
+author:
+  name: Ted Davis
+  url: https://teddavis.org
+sourceUrl: https://github.com/ffd8/hy5
+websiteUrl: https://hy5live.teddavis.org
+npmFilePath: ffd8/hy5@main/hy5.js
+featuredImage:
+  url: ../images/hy5.jpg
+  altText: p5.js spheres with texture from hydra and 'HY5' text, processed a second time with hydra.
+license: GNU General Public License v3.0

src/content/libraries/en/hy5.yaml

@@ -0,0 +1,14 @@
+name: lygia
+description: |
+  LYGIA is a shader library of reusable functions that will let you prototype, port or ship a project in just few minutes. It's very granular, flexible and efficient. Support multiple shading languages and can easily be added to any project, enviroment or framework of your choice. 
+category: shaders
+sourceUrl: https://github.com/patriciogonzalezvivo/lygia
+websiteUrl: https://lygia.xyz/
+featuredImage:
+  url: ../images/lygia.png
+  altText: Different property materials and color adjustments applied to Standford Dragon geometry, using LYGIA's reusable functions
+author:
+  name: Patricio Gonzalez Vivo
+  url: https://github.com/patriciogonzalezvivo
+npm: resolve-lygia
+license: Prosperity & Patron License

src/content/libraries/en/lygia.yaml

@@ -0,0 +1,12 @@
+name: p5.FIP
+description: Real-time image processing library - add filters and post-processing to your p5.js sketches.
+category: shaders
+sourceUrl: https://github.com/prontopablo/p5.FIP
+websiteUrl: https://prontopablo.github.io/p5.FIP/
+featuredImage:
+  url: ../images/p5.FIP.png
+  altText: The cover image for the p5.FIP library. Depicts a collage of three photos created using the filters in p5.FIP.
+author:
+  name: Darragh Nolan
+  url: https://github.com/prontopablo
+license: MIT

src/content/libraries/en/p5.FIP.yaml

@@ -0,0 +1,12 @@
+name: p5.Utils
+category: utils
+description: p5.Utils is a tool collection for my coding class, featuring a pixel ruler, gradient fill color bindings, and other helpful shortcuts for beginners.
+author:
+    name: Alp Tuğan
+    url: https://www.alptugan.com
+sourceUrl: https://github.com/alptugan/p5.utils
+websiteUrl: https://alptugan.github.io/p5.utils/
+featuredImage:
+    url: ../images/p5.utils.png
+    altText: The cover image for p5Utils library. Depicts the ruler on a yellow background with p5.Utils text in the center.
+license: MIT

src/content/libraries/en/p5.Utils.yaml

@@ -0,0 +1,13 @@
+name: p5.animS
+description: Animates p5.js shapes by rendering their drawing processes.
+category: animation
+sourceUrl: https://github.com/wixette/p5.animS
+websiteUrl: https://wixette.github.io/p5.animS
+featuredImage:
+  url: ../images/p5.anims.png
+  altText: A circle and a Bézier curve animated with p5.animS
+author:
+  name: wixette
+  url: https://github.com/wixette
+npm: p5.anims
+license: LGPL-2.1

src/content/libraries/en/p5.anims.yaml

@@ -0,0 +1,12 @@
+name: p5.bezier
+description: p5.bezier helps draw Bézier curves with more than four control points and closed curves.
+category: drawing
+sourceUrl: https://github.com/peilingjiang/p5.bezier
+featuredImage:
+  url: ../images/p5.bezier.png
+  altText: The p5.bezier text with curves of different colors.
+author:
+  name: Peiling Jiang
+  url: https://jiang.pl/
+npm: p5bezier
+license: MIT

src/content/libraries/en/p5.bezier.yaml

@@ -0,0 +1,12 @@
+name: p5.capture
+description: Record your p5.js sketches effortlessly!
+category: export
+sourceUrl: https://github.com/tapioca24/p5.capture
+featuredImage:
+  url: ../images/p5.capture.png
+  altText: "p5.capture: Record your p5.js sketches effortlessly!"
+author:
+  name: tapioca24
+  url: https://github.com/tapioca24
+npm: p5.capture
+license: MIT

src/content/libraries/en/p5.capture.yaml

@@ -0,0 +1,12 @@
+name: p5.createLoop
+category: animation
+description: Create animation loops with noise and GIF exports in one line of code.
+sourceUrl: https://github.com/mrchantey/p5.createLoop
+websiteUrl: https://www.npmjs.com/package/p5.createloop
+featuredImage:
+  url: ../images/p5.createLoop.png
+  altText: Three cascading waves created using p5.createLoop
+author:
+  name: mrchantey
+  url: https://github.com/mrchantey
+npm: p5.createloop

src/content/libraries/en/p5.createLoop.yaml

@@ -0,0 +1,11 @@
+name: p5.csg
+description: A library for constructive solid geometry. Do Boolean operations on your p5.Geometry to make new shapes!
+category: 3d
+sourceUrl: https://github.com/davepagurek/p5.csg
+featuredImage:
+  url: ../images/p5.csg.png
+  altText: An egg cut up into slices
+author:
+  name: Dave Pagurek
+  url: https://www.davepagurek.com
+npm: "@davepagurek/p5.csg"

src/content/libraries/en/p5.csg.yaml

@@ -0,0 +1,13 @@
+name: p5.fillGradient
+category: drawing
+description: Fill shapes in p5.js with Linear, Radial and Conic Gradients.
+sourceUrl: https://github.com/alterebro/p5.fillGradient
+websiteUrl: https://www.npmjs.com/package/p5.fillgradient
+featuredImage:
+  url: ../images/p5.fillGradient.png
+  altText: Three gradients (linear, radial, and conic) created using p5.fillGradient
+author:
+  name: Jorge Moreno
+  url: https://alterebro.com
+npm: p5.fillgradient
+license: MIT

src/content/libraries/en/p5.fillGradient.yaml

@@ -0,0 +1,12 @@
+name: p5.filterRenderer
+description: A library for rendering 3D scenes with depth-of-field blur and with ambient occlusion shadows.
+category: 3d
+sourceUrl: https://github.com/davepagurek/p5.filterRenderer
+featuredImage:
+  url: ../images/p5.filterRenderer.png
+  altText: A ladder looking up a shaft towards some light, going progressively more out of focus as it goes into the distance
+author:
+  name: Dave Pagurek
+  url: https://www.davepagurek.com
+npm: "@davepagurek/p5.filterrenderer"
+npmFilePath: p5.filterRenderer.min.js

src/content/libraries/en/p5.filterRenderer.yaml

@@ -0,0 +1,13 @@
+name: p5.flex
+description: p5 container with responsive canvas feature.
+category: utils
+sourceUrl: https://github.com/ZRNOF/p5.flex
+featuredImage:
+  url: ../images/p5.flex.png
+  altText: p5.flex preview image
+author:
+  name: Zaron Chen
+  url: https://zrnof.github.io/
+npm: p5.flex
+npmFilePath: src/p5.flex.min.js
+license: MIT

src/content/libraries/en/p5.flex.yaml

@@ -0,0 +1,13 @@
+name: p5.glitch
+category: animation
+description: p5.js library for glitching images and binary files in the web browser
+sourceUrl: https://github.com/ffd8/p5.glitch
+websiteUrl: https://p5.glitch.me
+featuredImage:
+  url: ../images/p5.glitch.gif
+  altText: animated p5.glitch logo glitching as a webp file
+author:
+  name: Ted Davis
+  url: https://teddavis.org
+npm: p5.glitch
+license: MIT

src/content/libraries/en/p5.glitch.yaml

@@ -0,0 +1,12 @@
+name: p5.grain
+description: Conveniently add film grain, seamless texture overlays, and manipulate pixels to achieve nostalgic and artistic effects in p5.js sketches and artworks.
+category: drawing
+sourceUrl: https://github.com/meezwhite/p5.grain
+featuredImage:
+  url: ../images/p5.grain.png
+  altText: Colorful hexagonal cubes tessellation spelling "p5.grain"
+author:
+  name: meezwhite
+  url: https://www.meezwhite.xyz
+npm: p5.grain
+license: MIT

src/content/libraries/en/p5.grain.yaml

@@ -0,0 +1,12 @@
+name: p5.joystick
+description: Connect and play with physical joysticks.
+category: hardware
+sourceUrl: https://github.com/Vamoss/p5.joystick
+featuredImage:
+  url: ../images/p5.joystick.png
+  altText: Joystick image
+author:
+  name: Vamoss
+  url: https://www.vamoss.com.br
+npm: p5.joystick
+license: MIT

src/content/libraries/en/p5.joystick.yaml

@@ -0,0 +1,14 @@
+name: p5.party
+category: networking
+description: quickly prototype networked multiplayer games and apps
+author: 
+  name: Justin Bakse
+  url: http://justinbakse.com
+sourceUrl: https://github.com/jbakse/p5.party
+websiteUrl: https://p5party.org
+npm: p5.party
+npmFilePath: dist/p5.party.js
+featuredImage:
+  url: ../images/p5.party.png
+  altText: p5.party logo. cheerful pastel block letters spelling "p5.party"
+license: MIT

src/content/libraries/en/p5.party.yaml

@@ -0,0 +1,12 @@
+name: p5.tween
+description: With p5.tween you can create easily animations as tween in a few keyframes.
+category: animation
+sourceUrl: https://github.com/Milchreis/p5.tween
+featuredImage:
+  url: ../images/p5.tween.png
+  altText: Two circles in different colors and sizes and an arrow from left to right that stylizes a transition.
+author:
+  name: Nick Müller
+  url: https://github.com/Milchreis
+npm: p5.tween
+license: MIT

src/content/libraries/en/p5.tween.yaml

@@ -8,5 +8,5 @@ featuredImage:
 author:
   name: Dave Pagurek
   url: https://www.davepagurek.com
-npm: p5.warp
+npm: "@davepagurek/p5.warp"
 license: MIT

src/content/libraries/en/p5.warp.yaml

@@ -0,0 +1,13 @@
+name: p5.webserial
+description: A library for interacting with Serial devices from within the browser, based on Web Serial API (available on Chrome and Edge).
+category: hardware
+sourceUrl: https://github.com/gohai/p5.webserial
+featuredImage:
+  url: ../images/p5.webserial.png
+  altText: Fingers resting on an acrylic cube sporting buttons to control a game unfolding on a laptop screen visible in the background
+author:
+  name: Gottfried Haider
+  url: https://github.com/gohai/
+npm: "@gohai/p5.webserial"
+npmFilePath: libraries/p5.webserial.js
+license: LGPL-2.1-or-later

src/content/libraries/en/p5.webserial.yaml

@@ -0,0 +1,14 @@
+name: p5play
+description: JS game engine that uses p5.js for graphics and Box2D for physics.
+category: physics
+sourceUrl: https://github.com/quinton-ashley/p5play
+featuredImage:
+  url: ../images/p5play.png
+  altText: The text 'made with p5play' on top of a collage of projects
+author: 
+  - name: Quinton Ashley
+    url: https://p5play.org
+  - name: Paolo Pedercini
+    url: https://www.molleindustria.org/
+npm: p5play
+license: AGPLv3

src/content/libraries/en/p5play.yaml

@@ -0,0 +1,14 @@
+name: Total Serialism
+description: A toolbox full of methods for procedurally generating and transforming arrays mainly focused on algorithmic composition. Includes methods like markov-chain, cellular automaton, lindenmayer system, euclidean distribution and much more! Generate the array with your desired method and easily iterate over them in a for-loop to draw the results.
+category: algorithms
+sourceUrl: https://github.com/tmhglnd/total-serialism
+websiteUrl: https://tmhglnd.github.io/total-serialism/
+featuredImage:
+  url: ../images/'total-serialism.png'
+  altText: 'A colorful image of circles and squares generated with procedural functions like a cellular automaton, fibonacci sequence and drunk randomness from this library.'
+author:
+  name: Timo Hoogland
+  url: https://www.timohoogland.name/
+npm: total-serialism
+npmFilePath: build/ts.es5.min.js
+license: MIT

src/content/libraries/en/total-serialism.yaml

@@ -0,0 +1,12 @@
+name: WEBMIDI.js
+description: A user-friendly library to send and receive MIDI messages with ease.
+category: sound
+sourceUrl: https://github.com/djipco/webmidi
+featuredImage:
+  url: ../images/webmidi.js.png
+  altText: Kickstart your JavaScript MIDI projects!
+author:
+  name: Jean-Philippe Côté
+  url: https://djip.co
+npm: webmidi
+license: Apache-2.0

src/content/libraries/en/webmidi.js.yaml

@@ -24,7 +24,7 @@ const { entries, title } = Astro.props;
             />
             <span>{lib.data.name}</span>
             {lib.data.description}
-            Created by: {lib.data.author.name}
+            Created by: {lib.data.author.map(a => a.name).join(", ")}
           </a>
         </li>
       ))