HTML5Canvasを使用してノートブックページのティアアニメーション効果を作成することを計画しています。HTML5 Canvasは初めてですが、Javascriptは初めてではありません。それほど複雑ではないようです。たくさんのチュートリアルを閲覧した後、PhotoshopのFreeTransformWarpのような同様の機能を取得する方法がわかりませんでした。私のアイデアは、ページ全体をペイントしてから、アニメーションフレームごとに、ある種のワープを使用してこれを異なる方法で変換することでした。これは変換メソッドで可能ですか、それとも独自のメソッドを作成する必要がありますか？私がすぐに描いたワープのこのスクリーンショットを参照してください。
二次曲線を使用してカスタム形状をペイントしてみませんか？さて、グラデーションパターンもラップして欲しいです。だから私はプレーンなページをペイントすることを考えていました、そしてその後、ある種のワープを使用してそれを変換し、グリッドをウェルとしてワープします。