Make internal stroke and fill also enable stroke and fill

Author: davepagurek

src/color/setting.js

@@ -1209,8 +1209,6 @@ function setting(p5, fn){
    * @chainable
    */
   fn.fill = function(...args) {
-    this._renderer.states.fillSet = true;
-    this._renderer.states.doFill = true;
     this._renderer.fill(...args);
     return this;
   };
@@ -1581,8 +1579,6 @@ function setting(p5, fn){
    */
 
   fn.stroke = function(...args) {
-    this._renderer.states.strokeSet = true;
-    this._renderer.states.doStroke = true;
     this._renderer.stroke(...args);
     return this;
   };

src/core/p5.Renderer.js

@@ -154,6 +154,16 @@ class Renderer {
 
   }
 
+  fill() {
+    this.states.fillSet = true;
+    this.states.doFill = true;
+  }
+
+  stroke() {
+    this.states.strokeSet = true;
+    this.states.doStroke = true;
+  }
+
   textSize(s) {
     if (typeof s === 'number') {
       this.states.textSize = s;

src/core/p5.Renderer2D.js

@@ -200,6 +200,7 @@ class Renderer2D extends Renderer {
   }
 
   fill(...args) {
+    super.fill(...args);
     const color = this._pInst.color(...args);
     this._setFill(color.toString());
 
@@ -210,6 +211,7 @@ class Renderer2D extends Renderer {
   }
 
   stroke(...args) {
+    super.stroke(...args);
     const color = this._pInst.color(...args);
     this._setStroke(color.toString());
 

src/webgl/p5.RendererGL.js

@@ -697,6 +697,7 @@ class RendererGL extends Renderer {
    * black canvas with purple cube spinning
    */
   fill(...args) {
+    super.fill(...args);
     //see material.js for more info on color blending in webgl
     // const color = fn.color.apply(this._pInst, arguments);
     const color = this._pInst.color(...args);
@@ -736,6 +737,7 @@ class RendererGL extends Renderer {
    * black canvas with purple cube with pink outline spinning
    */
   stroke(...args) {
+    super.stroke(...args);
     // const color = fn.color.apply(this._pInst, arguments);
     const color = this._pInst.color(...args);
     this.states.curStrokeColor = color._array;