プログラミング

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

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

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

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

1. スクリーンショット

スクリーンショット

2. デモページ

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

3. 内容

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

4. ソースコード

5. 参考情報

特にありません。

📂-プログラミング

執筆者:labo


  1. emanon より:

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

comment

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

関連記事

no image

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

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

Web Programming

サーバーからブラウザを通じてデスクトップ通知する方法(Push API を利用)

Push API を使ってサーバーからブラウザにメッセージを送る方法について説明しています。

Python

定期的にツイートするbotをPythonで作る方法

Twitterでツイートを行う botプログラムを Python(プログラミング言語)で作ります。 このプログラムは、CentOS(Linuxの一種です)上で定期実行します。 スポンサードリンク 目次 …

web development

Web Development for Beginners を読む:レッスン6と7

目次1. はじめに2. Lesson 6: JavaScript Basics: Making DecisionsA Brief Recap on Booleans(ブール値の簡単な要約)Compar …

プログラミング

Rubyのように書け、Cのように速いプログラム言語 Crystal の基本的な使い方

Crystal というプログラミング言語の基本的な使い方について紹介します。 実際に「使ってみたい」「試してみたい」といった方に向けて、コードを書き始めるまでの導入方法について書きました。文法の説明な …