プログラミング

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

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

「JavaScript でスロットマシーンを作ってみる」の3回目です。

今回は ゲームっぽくしてみました。

1. スクリーンショット

スクリーンショット

2. デモページ

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

3. 内容

  • 干支の画像が順番に回転します。
  • 3つとも同じ干支で止めることができると、「Excellent!!」と表示されます。

4. ソースコード

5. 参考情報

特にありません。

📂-プログラミング

執筆者:labo


  1. emanon より:

    一カ所ストップで止めた後
    同じストップを押すと他が止まるバグがあるようです。
    また、それで止めた場合、次回スタート時に
    内2つが同じタイミングで絵柄が変わります。
    →実質2つあわせればよくなってしまう。

comment

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

関連記事

JavaScript

JavaScriptで画面上の文字列をクリップボードにコピーする方法

目次1. はじめに2. Clipboard API and events を使う方法3. Selection API を使う方法(1) 基礎知識(2) プログラムの書き方(3) サンプルページ4. お …

Web Programming

ソフトウェアにおける日付・時刻フォーマット

目次ソフトウェアにおける日付・時刻フォーマット参考情報ISO 8601RFC 5322RFC 7231Common Log Format ソフトウェアにおける日付・時刻フォーマット ソフトウェア(特に …

WordPress

plugin-update-checker を使って WordPress のテーマに自動更新機能を実装する

目次1. はじめに2. テーマディレクトリに対する準備作業3. テーマを更新する手順3-1. テーマ提供者側3-2. 利用者側4. おわりに 1. はじめに plugin-update-checker …

Web Workers API を使ったサンプル

Web Workers API を使ったサンプルページです。 目次1. デモページ2. 画面イメージ3. ソースコード4. 参考 1. デモページ デモページ 🔗 Web Worker …

web development

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

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