プログラミング

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

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

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

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

1. スクリーンショット

スクリーンショット

2. デモページ

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

3. 内容

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

4. ソースコード

5. 参考情報

特にありません。

📂-プログラミング

執筆者:labo


  1. emanon より:

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

comment

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

関連記事

Database

データベース(MySQL)とは?

目次1. データベースとは?2. レンタルサーバーにおけるデータベース2-1. データベースソフトウェアそのものを「データベースと呼ぶ」場合2-2. データベースソフトウェア内でデータを保存する単位と …

web development

Web Development for Beginners を読む:レッスン3

目次1. はじめに2. Lesson 3: Creating Accessible WebpagesTools to useScreen readersContrast checkersLightho …

Web Programming

ブラウザがウェブサーバーに送っている情報を表示するウェブページを作ってみよう(HTML/CSS/JavaScript/PHP)

目次1. はじめに2. この記事の対象とする人3. 今回の題材となるWebページとファイル3-1. 作成するページ3-2. 今回の題材となるファイルファイルのダウンロードファイルを閲覧する4. 利用す …

JavaScript

WebSocket を使ったサンプルプログラムを作りました

目次1. はじめに2. スクリーンショット3. 動作4. 大まかな動作イメージ 1. はじめに WebSocket を使ったサンプルページを作りました。Node.js を使っています。 ソースコードは …

Web Programming

アクセス元のグローバルIPアドレスが表示されるだけのWebページを作る (Content-Type を変えた2種類)(PHP利用)

目次1. はじめに2. 手順(HTMLバージョン)(1) ウェブサーバー上にディレクトリを用意します(2) index.php ファイルを作成します(3) この Webページにアクセスします3. 手順 …