Skip to content

Ported the stroke shader to WebGPU renderer #7915

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
davepagurek merged 20 commits into from
Jun 16, 2025
Merged

Ported the stroke shader to WebGPU renderer #7915

Changes from 1 commit
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
77a9733
added stroke shader, currently not working
lukeplowden Jun 14, 2025
5db2d33
changed drawbuffers to draw stroke and fill buffers depending on curr…
lukeplowden Jun 16, 2025
a116e6f
fixed uViewport uniform (uniform problem fixed in upstream)
lukeplowden Jun 16, 2025
ddfeb05
remove console log
lukeplowden Jun 16, 2025
14f1857
remove unused variable
lukeplowden Jun 16, 2025
2c19cdc
remove hardcoded viewport (uniform issue fixed upstream)
lukeplowden Jun 16, 2025
e7696f0
fix stroke shader bugs from porting process)
lukeplowden Jun 16, 2025
ed88f91
stroke test
lukeplowden Jun 16, 2025
186f423
Merge remote-tracking branch 'upstream/webgpu' into webgpu
lukeplowden Jun 16, 2025
1e9b308
Merge remote-tracking branch 'upstream/webgpu' into webgpu
lukeplowden Jun 16, 2025
4dc493d
add stroke to preview
lukeplowden Jun 16, 2025
d88fba9
change stroke shader constants/ preprocessor to be compatible with we…
lukeplowden Jun 16, 2025
c48977a
rename fillHooks to populateHooks (ambiguous with fill/stroke)
lukeplowden Jun 16, 2025
f0875d7
add strokes back to WebGL mode
lukeplowden Jun 16, 2025
e8bedfc
add strokes back to WebGL mode
lukeplowden Jun 16, 2025
0b50257
missing }
lukeplowden Jun 16, 2025
0af8df9
typo in string
lukeplowden Jun 16, 2025
f120ad9
typo in string
lukeplowden Jun 16, 2025
1474c97
Merge branch 'webgpu' of github.com:lukeplowden/p5.js into webgpu
lukeplowden Jun 16, 2025
468b638
multiply alpha after hook
lukeplowden Jun 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
remove hardcoded viewport (uniform issue fixed upstream)
  • Loading branch information
@lukeplowden
lukeplowden committed Jun 16, 2025
commit 2c19cdcaa0abaf05476e8413ec9130d1392f14de
3 changes: 1 addition & 2 deletions src/webgpu/shaders/line.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,6 @@ fn lineIntersection(aPoint: vec2f, aDir: vec2f, bPoint: vec2f, bDir: vec2f) -> v
fn main(input: StrokeVertexInput) -> StrokeVertexOutput {
HOOK_beforeVertex();
var output: StrokeVertexOutput;
let viewport = vec4<f32>(0.,0.,400.,400.);
let simpleLines = (uniforms.uSimpleLines != 0.);
if (!simpleLines) {
if (all(input.aTangentIn == vec3<f32>()) != all(input.aTangentOut == vec3<f32>())) {
Expand Down Expand Up @@ -219,7 +218,7 @@ fn main(input: StrokeVertexInput) -> StrokeVertexOutput {
if (sideEnum == 2.) {
// Calculate the position + tangent on either side of the join, and
// find where the lines intersect to find the elbow of the join
var c = (posp.xy / posp.w + vec2<f32>(1.)) * 0.5 * viewport.zw;
var c = (posp.xy / posp.w + vec2<f32>(1.)) * 0.5 * uniforms.uViewport.zw;

var intersection = lineIntersection(
c + (side * normalIn * inputs.weight / 2.),
Expand Down