プログラミング

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

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

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

1. スクリーンショット

スクリーンショット

2. デモページ

以下のURLで実際のページを見ることができます。

3. 内容

  • [スタート]ボタンを押すと、7つの選択肢が回転を始めます。[ストップ]ボタンを押すと止まります。
  • 下にあるスライダーで、回転するスピードを変えることができます。
  • 実際には 7つの div 要素が用意してあり、それらが回転しているように見せかけています。
  • Canvas は使っていません。

4. ソースコード

5. 参考情報

特にありません。

📂-プログラミング

執筆者:labo


comment

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

関連記事

web development

Web Development for Beginners を読む:レッスン4と5

目次1. はじめに2. Lesson 4: JavaScript Basics: Data TypesVariables(変数)Constants(定数)Data Types3. Lesson 5: …

web development

User Timing API を使って、特定の処理に掛かった時間を計測する

目次1. User Timing API について2. サンプルコード3. デモページ4. 参考仕様MDNブラウザの対応状況 1. User Timing API について User Timing L …

WordPress

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

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

Web

OpenID Connect の処理フロー

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

no image

Pug(旧Jade)テンプレートファイル内で、npmでインストールしたモジュールを使う方法

Pug(旧Jade)というJavaScriptのテンプレートエンジンがありますが、このテンプレートファイル内では JavaScriptが使えるので、複雑なHTMLを生成することができます。 但しデフォ …