エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
2D 描画でも WebGL を使うべきか? スペクトラムウォーターフォール最速決定戦 | tech - 氾濫原
上のように、スペクトラムのウォーターフォール表示ではよく下に1行追記して全体を上にスクロールさせて... 上のように、スペクトラムのウォーターフォール表示ではよく下に1行追記して全体を上にスクロールさせていくみたいな見せかたをするが、全体の再描画が必須なため、かなり描画負荷が高い処理となる。 いくつか実装を書いてどのぐらい差がでるかを検証してみた。 毎回 canvas の内容を全部描く http://cho45.stfuawsc.com/spectrum-performance/canvas-redraw-whole/ ctx.putImageData( ctx.getImageData(0, 1, canvas.width, canvas.height - 1), 0, 0 ); 上のようなコードで canvas 全体を 1px ずらして、最後の一行に新しいデータによる putImageData() をさらに行う。 ピクセルデータを直接シフトさせるやりかただと、一番ナイーブで実装が簡単だが実
2015/10/05 リンク