プログラミング

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

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

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

前回 とは違い、今回は Canvas を使っています。

1. スクリーンショット

スクリーンショット

2. デモページ

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

3. 内容

  • [スタート]ボタンを押すと、7つの選択肢が回転を始めます。[ストップ]ボタンを押すと止まります。
  • 下にあるスライダーで、回転するスピードを変えることができます。
  • 7つの選択肢は画像になっており、Canvas に読み込ませています。

4. ソースコード

5. 参考情報

特にありません。

📂-プログラミング

執筆者:labo


comment

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

関連記事

WordPress

WordPressのソースコード。HTMLにPHPを埋め込むスタイル。

WordPress本体のPHPソースコードや、テーマに含まれているPHPのソースコードを見ると、やたらと PHPの開始タグ(<?php)と終了タグ(?>)が埋め込まれています。 例えば、こ …

web development

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

目次1. はじめに2. Lesson 2: Introduction to GitHubIntroductionCode managementWorking on projects with othe …

Web Programming

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

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

Web Components

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

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

React Redux

React + Redux のチュートリアルをやってみた

目次1. はじめに2. Redux について2. Action と Action CreatorActionAction Creators関連ソースコードactions/index.jscontain …