p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs β
Full Changelog: https://github.com/processing/p5.js/compare/v1.9.1...v1.9.2
new p5.Vector.cross
by @lindapaiste in https://github.com/processing/p5.js/pull/6640
endShape()
example to make the boxes separated from one another by @RandomGamingDev in https://github.com/processing/p5.js/pull/6656
OrbitControl()
Compatibility with imageLight()
by fixing camera. by @perminder-17 in https://github.com/processing/p5.js/pull/6735
panorama(img)
) which adds a sphereMapped Background. by @perminder-17 in https://github.com/processing/p5.js/pull/6808
acos()
by @sudhanshuv1 in https://github.com/processing/p5.js/pull/6697
Full Changelog: https://github.com/processing/p5.js/compare/v1.9.0...v1.9.1
new p5.Vector.cross
by @lindapaiste in https://github.com/processing/p5.js/pull/6640
endShape()
example to make the boxes separated from one another by @RandomGamingDev in https://github.com/processing/p5.js/pull/6656
acos()
by @sudhanshuv1 in https://github.com/processing/p5.js/pull/6697
OrbitControl()
Compatibility with imageLight()
by fixing camera. by @perminder-17 in https://github.com/processing/p5.js/pull/6735
Full Changelog: https://github.com/processing/p5.js/compare/v1.9.0...v1.9.1-1
In this release, p5.js added draggable()
to let you move around elements, added imageLight()
to get 3D lighting from images, added computeNormals(SMOOTH)
for custom smooth 3D geometry, and added support for custom filter shaders in 2D mode. We updated a group of p5.js Reference pages as part of 2023 Season of Docs (SoD) program, with a goal to make them more accessible and beginner-friendly. Thanks to the SoD technical writer @nickmcintyre.
Full Changelog: https://github.com/processing/p5.js/compare/v1.8.0...v1.9.0
In this release, p5.js added some new WebGL mode tools. Filters now run in shaders for extra speed, and you can now run custom filter shaders, even on 2D canvases. You can now cut holes in shapes with beginContour()
and apply vector masks with beginClip()
. You can reuse shapes more efficiently with buildGeometry()
and instanced rendering. Finally, we have also fixed a number of bugs. - Summary written by @davepagurek β¨
We updated a group of p5.js Reference pages as part of 2023 Season of Docs (SoD) program, with a goal to make them more accessible and beginner-friendly. Thanks to the SoD technical writer @nickmcintyre β¨.
.all-contributors.rc
file by @gr2m in https://github.com/processing/p5.js/pull/6349
describe()
instead of @alt
by @Zearin in https://github.com/processing/p5.js/pull/5598
Full Changelog: https://github.com/processing/p5.js/compare/v1.7.0...v1.8.0
Thanks to all the contributors! - Qianqian
1.7.0 adds WebGL2 support, provides tools for smoother camera movement and more natural orbitControl() thanks to a number of improvements by @inaridarkfox4231. It also introduces createFramebuffer() for fast layering and feedback, as well as the ability to read 3d depth information. - Thanks @davepagurek for the summarization
globalFunctions
to classesWithGlobalFns
by @aditya-shrivastavv in https://github.com/processing/p5.js/pull/6076
Contributed to p5.js-website GitHub repo, reviewing, reporting bugs, translation, creating add-on libraries, event organizing, design, etc.
Full Changelog: https://github.com/processing/p5.js/compare/v1.6.0...v1.7.0
This release helps make p5.js WebGL mode work more like 2D mode: shape drawing, transparency, blend modes, and strokes with support for line caps and joins. WebGL mode can now blend colors along vertices and curves in strokes in addition to fills. We've also included lots of bug fixes for text, textures, and gif exports, including letting you export gifs from setup(). Thanks @davepagurek for the summary! Thanks @limzykenneth for supporting the release process! - @Qianqianye π
createCamera()
! by @Brahvim in https://github.com/processing/p5.js/pull/5873
curvePoint
and curveTangent
ignoring curveTightness
by @sparshg in https://github.com/processing/p5.js/pull/5638
Contributed to p5.js-website GitHub repo, reviewing, reporting bugs, translation, creating add-on libraries, event organizing, design, etc.
You can find all of our contributors in our README. Thank you to all the contributors! π
Full Changelog: https://github.com/processing/p5.js/compare/v1.5.0...v1.6.0
Now you can export gif from p5.js directly (Thanks to GSoC 2022 contributor @JesΓΊs RascΓ³n!), scale images to fit or fill a box automatically, get better tint() performance, combine webGL materials, + lots of small webGL fixes. Thanks Dave Pagurek for the summary! Thanks Kenneth Lim and evelyn masso for supporting the release process. - Qianqian
More details below:
saveGif
as a native p5 function by @jesi-rgb in https://github.com/processing/p5.js/pull/5709
Contributed to p5.js-website GitHub repo, reviewing, reporting bugs, translation, creating add-on libraries, event organizing, design, etc.
Full Changelog: https://github.com/processing/p5.js/compare/v1.4.2...v1.5.0
describe()
instead of @alt
by @Zearin in https://github.com/processing/p5.js/pull/5595
describe()
instead of @alt
by @Zearin in https://github.com/processing/p5.js/pull/5596
describe()
instead of @alt
by @Zearin in https://github.com/processing/p5.js/pull/5597
specularColor()
example by @JetStarBlues in https://github.com/processing/p5.js/pull/5314
describe()
over @alt
by @Zearin in https://github.com/processing/p5.js/pull/5593
saveFrames
documentation by @jesi-rgb in https://github.com/processing/p5.js/pull/5694
Contributed to p5.js-website GitHub repo, reviewing, reporting bugs, translation, creating add-on libraries, event organizing, design, etc.
You can find all of our contributors in our README. Thank you to all the contributors! π
Full Changelog: https://github.com/processing/p5.js/compare/v1.4.1...v1.4.2
Lights, Camera
module to 3D
by @JetStarBlues in https://github.com/processing/p5.js/pull/5295
aMaterialColor
attribute to aVertexColor
by @JetStarBlues in https://github.com/processing/p5.js/pull/5303
noLights()
example by @JetStarBlues in https://github.com/processing/p5.js/pull/5313
lightFalloff()
example by @JetStarBlues in https://github.com/processing/p5.js/pull/5315
describe('β¦')
over @alt
by @Zearin in https://github.com/processing/p5.js/pull/5577
Full Changelog: https://github.com/processing/p5.js/compare/v1.4.0...v1.4.1