search

okathira / scoobie-doobie-effector

It's a scoobie oobie doobie, scoobie doobie webcam effector. https://youtu.be/Hy8kmNEo1i8?t=170
https://okathira.github.io/scoobie-doobie-effector/
2 stars 0 forks source link

グレイスケールの処理をCSSで置き換える #15

Closed okathira closed 3 years ago

okathira commented 3 years ago

https://github.com/okathira/scoobie-doobie-effector/blob/d69abf651428af93c67fd1bb31ec1edf94781375/src/canvasFunctions.ts#L9-L22 https://github.com/okathira/scoobie-doobie-effector/blob/d69abf651428af93c67fd1bb31ec1edf94781375/src/App.tsx#L26-L28

グレイスケールだけなら CSS の filter で高速に処理できる。 CSS は、 <canvas> となる <Konva.Stage> ごとにしかかけられないため、構造を考える必要がありそう。

okathira commented 3 years ago

今回は Context 2d やテーブル・メモ化の技術を試したい