プログラミング

フレームレートを指定して Canvas に描画するサンプルページを作りました

投稿日:2017年8月4日 更新日:

フレームレートを指定して Canvas に描画するサンプルページを作りました。

1. スクリーンショット

スクリーンショット

2. デモ

以下のURLでデモを見ることができます。

3. 説明

  • 1フレーム内にCanvasへの描画処理を実行します。
  • フレームレートを指定することができます。
  • 1フレームあたりに実行する描画処理の回数も指定することができます。
  • 描画処理の回数を増やしていくと、1フレームに想定された時間内に処理が終わらなくなることが分かります。

4. ソースコード

📂-プログラミング
-

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

C言語のポインタを理解するためのお勧め書籍を紹介します

例え話をしないC言語のポインタの説明 | 右や左の旦那様 C言語のポインタについての記事が、はてなブックマークのトップページに載っていました。 私は業務・趣味のどちらにおいても C言語は使いません。し …

Web Programming

サーバーからブラウザを通じてデスクトップ通知する方法(Push API を利用)

Push API を使ってサーバーからブラウザにメッセージを送る方法について説明しています。

web development

Web Development for Beginners を読む:レッスン18, 19, 20

目次1. はじめに2. Part 4: レーザーと衝突検知を追加する(1) 衝突検知のための「オブジェクトの四角形表現を返す関数」を用意する(2) 衝突検知の判定関数を追加する(3) レーザー発射機能 …

MySQL

MySQL に新たにデータベースと専用ユーザを追加するSQLステートメント

目次1. 本ページに記載する SQLステートメントを使用するシチュエーション2. 前提3. SQLステートメント1. データベースの作成2. ユーザーの作成3. このユーザーに、先ほど作成したデータベ …

WordPress

WordPress のテーマ、プラグイン開発のためのデバッグ設定

WordPress のテーマ、プラグイン開発のためのデバッグ設定や Tips について、ここにまとめていこうと思います。 目次1. wp-config.php の設定WP_DEBUGWP_DEBUG_ …