エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Canvasで斬!っと画面が斬れるようなエフェクトを書いてみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Canvasで斬!っと画面が斬れるようなエフェクトを書いてみた - Qiita
<!-- Canvasサイズは画像サイズの比率に合わせている --> <canvas id="myCanvas" width="500" height="3... <!-- Canvasサイズは画像サイズの比率に合わせている --> <canvas id="myCanvas" width="500" height="333"></canvas> /* 変数定義 */ var cs = document.getElementById('myCanvas'); var ctx = cs.getContext('2d'); var csWidth = cs.width; var csHeight = cs.height; /* 画像を生成し、読み込み後にエフェクト実行 */ var baseImg = new Image(); baseImg.src = 'img.jpg'; baseImg.onload = function() { zangeki(); }; /** * 斬撃エフェクト * Canvasの画像の比率が違うと、画像が変形されるのに注意 *