プログラミング

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

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

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

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

1. スクリーンショット

スクリーンショット

2. デモページ

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

3. 内容

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

4. ソースコード

5. 参考情報

特にありません。

📂-プログラミング

執筆者:labo


  1. emanon より:

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

comment

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

関連記事

docker

Docker を使って特定のバージョンのPHPコマンドを実行する方法

PHP: Supported Versions を見てみると、現在サポートされているPHPのバージョンは、7.2系統、7.1系統、7.0系統、5.6系統の4種類であることが分かります。PHP: Dow …

web development

Web Development for Beginners を読む:レッスン8, 9, 10

目次1. はじめに2. Lesson 8: Terrarium Project Part 1: Introduction to HTMLIntroductionTaskThe DocType and …

web development

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

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

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

JavaScript でスロットマシーンを作ってみました。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情報 1. スクリーンショット スクリーンショット 2. …

Web Components

Web Components: Shadow DOM に HTML と CSS をセットするいろいろな方法

Web Components の Shadow DOM を使う場合のファイル構成やコードについて、いろいろなパターンを紹介します(最小限のコードのみです)。