change stroke shader constants/ preprocessor to be compatible with we…

…bgpu and webgl

src/core/p5.Renderer3D.js

@@ -16,16 +16,16 @@ import { RenderBuffer } from "../webgl/p5.RenderBuffer";
 import { Image } from "../image/p5.Image";
 import { Texture } from "../webgl/p5.Texture";
 
-export function getStrokeDefs() {
+export function getStrokeDefs(shaderConstant) {
   const STROKE_CAP_ENUM = {};
   const STROKE_JOIN_ENUM = {};
   let lineDefs = "";
   const defineStrokeCapEnum = function (key, val) {
-    lineDefs += `#define STROKE_CAP_${key} ${val}\n`;
+    lineDefs += shaderConstant(`STROKE_CAP_${key}`, `${val}`, 'u32');
     STROKE_CAP_ENUM[constants[key]] = val;
   };
   const defineStrokeJoinEnum = function (key, val) {
-    lineDefs += `#define STROKE_JOIN_${key} ${val}\n`;
+    lineDefs += shaderConstant(`STROKE_JOIN_${key}`, `${val}`, 'u32');
     STROKE_JOIN_ENUM[constants[key]] = val;
   };
 
@@ -41,7 +41,7 @@ export function getStrokeDefs() {
   return { STROKE_CAP_ENUM, STROKE_JOIN_ENUM, lineDefs };
 }
 
-const { STROKE_CAP_ENUM, STROKE_JOIN_ENUM } = getStrokeDefs();
+const { STROKE_CAP_ENUM, STROKE_JOIN_ENUM } = getStrokeDefs(()=>"");
 
 export class Renderer3D extends Renderer {
   constructor(pInst, w, h, isMainCanvas, elt) {

src/webgl/p5.RendererGL.js

@@ -39,7 +39,7 @@ import filterInvertFrag from "./shaders/filters/invert.frag";
 import filterThresholdFrag from "./shaders/filters/threshold.frag";
 import filterShaderVert from "./shaders/filters/default.vert";
 
-const { lineDefs } = getStrokeDefs();
+const { lineDefs } = getStrokeDefs((n, v) => `#define ${n} ${v};\n`);
 
 const defaultShaders = {
   normalVert,

src/webgpu/p5.RendererWebGPU.js

@@ -1,10 +1,14 @@
-import { Renderer3D } from '../core/p5.Renderer3D';
+import { Renderer3D, getStrokeDefs } from '../core/p5.Renderer3D';
 import { Shader } from '../webgl/p5.Shader';
 import * as constants from '../core/constants';
+
+
 import { colorVertexShader, colorFragmentShader } from './shaders/color';
 import { lineVertexShader, lineFragmentShader} from './shaders/line';
 import { materialVertexShader, materialFragmentShader } from './shaders/material';
 
+const { lineDefs } = getStrokeDefs((n, v, t) => `const ${n}: ${t} = ${v};\n`);
+
 class RendererWebGPU extends Renderer3D {
   constructor(pInst, w, h, isMainCanvas, elt) {
     super(pInst, w, h, isMainCanvas, elt)