q5 2.27.9 → 2.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/deno.json +1 -1
- package/package.json +2 -2
- package/q5.d.ts +27 -7
- package/q5.js +520 -454
- package/q5.min.js +2 -2
package/deno.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "q5",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.28.0",
|
|
4
4
|
"description": "Beginner friendly graphics powered by WebGPU and optimized for interactive art!",
|
|
5
5
|
"author": "quinton-ashley",
|
|
6
6
|
"contributors": [
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"main": "q5-server.js",
|
|
13
13
|
"types": "q5.d.ts",
|
|
14
14
|
"scripts": {
|
|
15
|
-
"bundle": "cat src/q5-core.js src/q5-canvas.js src/q5-c2d-canvas.js src/q5-c2d-shapes.js src/q5-c2d-image.js src/q5-c2d-soft-filters.js src/q5-c2d-text.js src/q5-color.js src/q5-display.js src/q5-dom.js src/q5-fes.js src/q5-input.js src/q5-math.js src/q5-record.js src/q5-sound.js src/q5-util.js src/q5-vector.js src/q5-webgpu
|
|
15
|
+
"bundle": "cat src/q5-core.js src/q5-canvas.js src/q5-c2d-canvas.js src/q5-c2d-shapes.js src/q5-c2d-image.js src/q5-c2d-soft-filters.js src/q5-c2d-text.js src/q5-color.js src/q5-display.js src/q5-dom.js src/q5-fes.js src/q5-input.js src/q5-math.js src/q5-record.js src/q5-sound.js src/q5-util.js src/q5-vector.js src/q5-webgpu.js > q5.js",
|
|
16
16
|
"min": "terser q5.js --compress ecma=2025 --mangle > q5.min.js",
|
|
17
17
|
"dist": "bun bundle && bun min",
|
|
18
18
|
"dist-p5play": "bun dist && cp q5.js ../../web/p5play-web/v3/q5.js && cp q5.min.js ../../web/p5play-web/v3/q5.min.js",
|
package/q5.d.ts
CHANGED
|
@@ -4091,8 +4091,7 @@ plane(0, 0, 100);
|
|
|
4091
4091
|
function shader(shaderModule: GPUShaderModule): void;
|
|
4092
4092
|
|
|
4093
4093
|
/** ⚡️
|
|
4094
|
-
*
|
|
4095
|
-
* @param {string} [type] can be "shapes" (default), "image", "video", or "text"
|
|
4094
|
+
* Make q5 use the default shapes shader.
|
|
4096
4095
|
* @example
|
|
4097
4096
|
let q = await Q5.WebGPU();
|
|
4098
4097
|
|
|
@@ -4111,10 +4110,30 @@ q.draw = () => {
|
|
|
4111
4110
|
triangle(-50, -50, 0, 50, 50, -50);
|
|
4112
4111
|
};
|
|
4113
4112
|
*/
|
|
4114
|
-
function resetShader(
|
|
4113
|
+
function resetShader(): void;
|
|
4115
4114
|
|
|
4116
4115
|
/** ⚡️
|
|
4117
|
-
*
|
|
4116
|
+
* Make q5 use the default frame shader.
|
|
4117
|
+
*/
|
|
4118
|
+
function resetFrameShader(): void;
|
|
4119
|
+
|
|
4120
|
+
/** ⚡️
|
|
4121
|
+
* Make q5 use the default image shader.
|
|
4122
|
+
*/
|
|
4123
|
+
function resetImageShader(): void;
|
|
4124
|
+
|
|
4125
|
+
/** ⚡️
|
|
4126
|
+
* Make q5 use the default video shader.
|
|
4127
|
+
*/
|
|
4128
|
+
function resetVideoShader(): void;
|
|
4129
|
+
|
|
4130
|
+
/** ⚡️
|
|
4131
|
+
* Make q5 use the default text shader.
|
|
4132
|
+
*/
|
|
4133
|
+
function resetTextShader(): void;
|
|
4134
|
+
|
|
4135
|
+
/** ⚡️
|
|
4136
|
+
* Make q5 use all default shaders.
|
|
4118
4137
|
*/
|
|
4119
4138
|
function resetShaders(): void;
|
|
4120
4139
|
|
|
@@ -4195,7 +4214,8 @@ let flipper = createVideoShader(`
|
|
|
4195
4214
|
fn vertexMain(v: VertexParams) -> FragParams {
|
|
4196
4215
|
var vert = transformVertex(v.pos, v.matrixIndex);
|
|
4197
4216
|
|
|
4198
|
-
|
|
4217
|
+
var vi = f32(v.vertexIndex);
|
|
4218
|
+
vert.y *= cos((q.frameCount + vi * 10) * 0.03);
|
|
4199
4219
|
|
|
4200
4220
|
var f: FragParams;
|
|
4201
4221
|
f.position = vert;
|
|
@@ -4205,7 +4225,8 @@ fn vertexMain(v: VertexParams) -> FragParams {
|
|
|
4205
4225
|
|
|
4206
4226
|
@fragment
|
|
4207
4227
|
fn fragMain(f: FragParams) -> @location(0) vec4f {
|
|
4208
|
-
var texColor =
|
|
4228
|
+
var texColor =
|
|
4229
|
+
textureSampleBaseClampToEdge(tex, samp, f.texCoord);
|
|
4209
4230
|
texColor.r = 0;
|
|
4210
4231
|
texColor.b *= 2;
|
|
4211
4232
|
return texColor;
|
|
@@ -4217,7 +4238,6 @@ q.draw = () => {
|
|
|
4217
4238
|
shader(flipper);
|
|
4218
4239
|
image(vid, -100, 150, 200, 150);
|
|
4219
4240
|
};
|
|
4220
|
-
//
|
|
4221
4241
|
*/
|
|
4222
4242
|
function createVideoShader(code: string): GPUShaderModule;
|
|
4223
4243
|
|