プログラミング

JavaScript でスロットマシーンを作ってみました(Canvas版)

投稿日:2017年7月28日 更新日:

JavaScript でスロットマシーンを作ってみました。

前回 とは違い、今回は Canvas を使っています。

1. スクリーンショット

スクリーンショット

2. デモページ

以下のリンク先がデモページになっています。

3. 内容

  • [スタート]ボタンを押すと、7つの選択肢が回転を始めます。[ストップ]ボタンを押すと止まります。
  • 下にあるスライダーで、回転するスピードを変えることができます。
  • 7つの選択肢は画像になっており、Canvas に読み込ませています。

4. ソースコード

5. 参考情報

特にありません。

📂-プログラミング

執筆者:labo


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

Web

OpenID Connect の処理フロー

OpenID Connect の処理フローを図にしました。

MySQL

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

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

Web Components

Web Components のサンプルコード

Web Components を使ったサンプルコードを紹介します。

Redux

Redux の非同期処理サンプルページを作りました

Redux で非同期処理を行うサンプルページを作りました。 目次1. スクリーンショット2. デモページ3. 動作4. ソースコード5. 参考情報 1. スクリーンショット スクリーンショット 2. …

JavaScript

JavaScript で URL を扱う場合の処理

JavaScript で URL文字列に関する処理を行う場合、セキュリティの観点から、URL()コンストラクタを使うことが推奨されます。URL()コンストラクタによって URLオブジェクトを生成し、そ …