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

matsu_wp

本のナンプレをスマホでできるようにする

本のナンプレの問題を手軽にスマホに取り込んで解けるようにするためのウェブアプリを作ってみた。 本に書き込まずに問題を解ける 候補数字の書込みでごちゃごちゃしない ミスがあったときにすぐやり直せる 使い方 まずこちらのアプ …

p5jsでカメラを使うときの解像度の設定

p5jsでカメラを使うアプリを使うにはcreateCaptureでカメラ映像を取得できる。 createCaptureではwidthとheightの値を指定することでカメラの解像度を設定することができるようになっているが …

大きい数字の桁の名前を覚えるためのゲーム

大きい数字の桁の名前を覚えるために、順番を正しく並び替えるミニゲーム https://muid7989.github.io/sort-game-number/ 操作方法 画面上のボタンをタップして操作 startで開始 …

九九を覚えるミニゲーム

九九の計算を覚えるためのミニゲーム 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で開始 ボールをタッチ操作で赤丸まで移動する

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