触れて楽しいユーザーインターフェイスを開発している、個人事業主のホームページです。
ブログ

ウェブアプリ

九九を覚えるミニゲーム

九九の計算を覚えるためのミニゲーム https://muid7989.github.io/calc-game-nine/ 操作方法 左右の矢印でカードを選択 SELボタンでカードを決定 計算式が正しくなるように2枚のカー …

動画のコマ送りアプリ

MP4の動画ファイルを読み込んで、コマ送りやコマ戻しを自由にできるようにするアプリ https://muid7989.github.io/video-seek/ アプリの目的 ダンスの振付やスポーツなどのフォームの確認 …

p5.jsのタッチイベントとマウスイベントについて

p5.jsと、その後継のq5.jsにおいて、タッチやマウスに対するイベント発生の挙動が気になったので、テストアプリを作成して調べてみた。 https://muid7989.github.io/touch-mouse-te …

ドローンでお掃除ゲーム

ドローンを操縦してゴミを吹き飛ばし、掃除をするミニゲーム https://muid7989.github.io/drone-game/ 操作方法 画面上のジョイスティックをタッチで動かしてドローンを操縦する ドローンは回 …

お掃除ゲーム

掃除機でゴミを吸い取っていくミニゲーム https://muid7989.github.io/vacuum-game/ 操作方法 掃除機は自動で前進 ジョイスティックを操作して掃除機の方向を変える ゴミをすべて吸い取った …

射的ゲーム

射的のミニゲーム https://muid7989.github.io/shooting-game/ 操作方法 画面上のジョイスティックを左右に操作して銃身の向きを変える SHOOTボタンで発射 残弾数が0になったら終了 …

片づけゲーム タッチ操作バージョン

ランダムに置かれたボールをタッチ操作で片づけるミニゲーム https://muid7989.github.io/put-away-touch/ 操作方法 startで開始 ボールをタッチ操作で赤丸まで移動する

ジャグリングアプリ

簡単にジャグリングを楽しめるアプリ ボタンをタップしてタイミングよくボールを投げ上げる 片手2ボール https://muid7989.github.io/jaggling-game-single/ 両手3ボール(カスケ …

写真並べ替えゲーム

画像ファイルを読み込んで、細かく切ってバラバラにしたものを正しく並べ替えるミニゲーム https://muid7989.github.io/sort-game-photo/ 操作方法 画面上のボタンをタップして操作 ファ …

徳川将軍並べ替えゲーム

徳川将軍を覚えるために、正しい順番に並べ替えるミニゲーム https://muid7989.github.io/sort-game-tokugawa/ 操作方法 画面上のボタンをタップして操作 startで開始 白枠を移 …

1 2 »
PAGETOP
Copyright © 松原UIデザイン All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.