search

illegalinstruction / spe321_mhis

This was an interactive piece about mental health, made for Oregon Tech's SPE 321 course. Leaving it here as a monument to us having beaten Twine into submission.
1 stars 0 forks source link

Proof-of-concept: dynamic static, blur, vignette, and desaturation in an HTML 5 canvas embedded inside a Twine story. #2

Closed illegalinstruction closed 2 years ago

illegalinstruction commented 2 years ago

Sorta kinda addressed in e8c10c5a799323f9d10067cba4a572cb4ee7c3db, but performance isn't where it needs to be.

I need to investigate either using a half-height internal canvas or switching to webGL here and using a shader.

I am leaning towards the latter approach (in part because it'll be nicer on mobile devices).

illegalinstruction commented 2 years ago

https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL

illegalinstruction commented 2 years ago

https://www.shadertoy.com/view/fl3Gz8, a variation of what I checked in earlier today. With custom imagesd and rotation, it's going to look much better.

Unless there are objections, calling this feature done; please reopen if you feel the need.