q5 1.0.22 → 1.0.25

package/README.md

@@ -10,13 +10,21 @@ q5 doesn't include any friendly error messages to help you code though. Its main
 
 ## Usage
 
+q5 should work with your existing p5.js sketches, no modifications required! If you have any problems though, please [make an issue report.][]
+
+Try out the [q5.js template sketch](https://editor.p5js.org/quinton-ashley/sketches/8SEtLEDl9) for the online p5.js Web Editor.
+
+Or you can use q5.js in your own project by adding this line to your HTML file:
+
 ```html
 <script src="https://quinton-ashley.github.io/q5.js/q5.js"></script>
 ```
 
-q5 should work with your existing p5.js sketches, no modifications required! If you have any problems though, please [make an issue report.][]
+q5 is also available on [npm](https://www.npmjs.com/package/q5)!
 
-You can also use this [q5.js template sketch](https://editor.p5js.org/quinton-ashley/sketches/8SEtLEDl9) for the online p5.js Web Editor.
+```bash
+npm install q5
+```
 
 ## Using p5 Addons
 
@@ -51,10 +59,6 @@ Co-creator of q5, @quinton-ashley, added a ton of features:
 - fixed `Vector.lerp` implementation
 - fixed `mouseX` and `mouseY` not updating when the mouse is outside the canvas
 
-Known issues:
-
-- When the first frame in a sketch is drawn to the canvas, it's as if the origin of the canvas has been translated to the middle. I tried using `canvas.translate(0, 0)` in `createCanvas` but it didn't help. This can be tested using `noLoop()` in setup.
-
 ## Motivation: Part 1
 
 _This section was written by @LingDong-, co-creator of q5_

package/package.json

@@ -1,7 +1,7 @@
 {
 	"author": "quinton-ashley",
 	"name": "q5",
-	"version": "1.0.22",
+	"version": "1.0.25",
 	"description": "An implementation of the p5.js 2D API that's smaller and faster",
 	"main": "q5.js",
 	"scripts": {

package/q5.js

@@ -802,7 +802,8 @@ function Q5(scope, parent) {
 	}
 
 	$.strokeWeight = (n) => {
-		$._doStroke = true;
+		if (n > 0) $._doStroke = true;
+		else $._doStroke = false;
 		ctx.lineWidth = n;
 	};
 	$.stroke = function () {
@@ -1679,6 +1680,7 @@ function Q5(scope, parent) {
 	};
 
 	$.remove = () => {
+		$.noLoop();
 		$.canvas.remove();
 	};
 
@@ -2596,7 +2598,7 @@ Q5.prototype.registerMethod = function () {
 };
 Q5.prototype.registerPreloadMethod = () => {};
 Q5._validateParameters = () => true;
-window.p5 = Q5;
+window.p5 ??= Q5;
 
 document.addEventListener('DOMContentLoaded', () => {
 	if (!Q5._hasGlobal) new Q5('auto');