javascript

ScratchでVRM(Scratch拡張機能)

VRMファイルのキャラクタを表示・動作させるScratch拡張機能の説明です(BVHモーションが動きます). 下記に置いています. https://social-exp.site/scratch-gui/2023March1/ 下記の動画では,VRoid Studioのエクスポートから説明しています.(エクスポート…

ScratchでMMD(Scratch拡張機能)

MMD(PMX/PMD)ファイルを閲覧するScratch拡張機能の説明です. ここにScratch拡張機能をつけた版を置いています(ブラウザのみで動作します). https://social-exp.site/scratch-gui/2023March1/ ※ 別途透明化ツールと組み合わせることでデスクトップ上で動…

「指で2進数を数える方法」を画像認識で

指をビットに例えて,カウントしていく方法です.(二進指数え法) 画像認識を使って,2進数を10進数で表示します.授業のデモで使ってました. 開始時ライブラリを読むときに,時間がかかる(数秒,画面が止まったような状態になる)ことが欠点です. gith…

ブラウザ上で動作するLinux

ブラウザ上で動作するLinuxを使った実習の動画の一部を紹介. www.youtube.com v86 https://copy.sh/v86/ を用いています.Linux(Buildroot)を用い,授業用にカスタマイズしました.構築方法は下記(去年2月)https://l-expanse.hatenablog.com/entry/2022/0…

binary_practice_dot_matrix.js 2進数の勉強用

2進数の勉強用 10進数で入れると,2進数(4ケタ)に相当する部分の色が変わります github.com ここで試せます https://social-exp.site/binary_practice_dot_matrix.js/sample0.5.html

BinaryFingers-JavaScript

WEBカメラを使って,"指で示す2進数",を認識するサンプル github.com

VRMのキャラクタを読み込んで,アニメーション(BVH)の動作をさせる

VRM_BVH_loader.js でテストができます github.com

JavaScriptで制御(MESHのセンサ)

revActionは, ローカルにあるテキストファイルの情報が更新されたとき,その情報をサーバ経由でjavascriptで使うのための初心者用?の関数です.PHPなど他のプログラムも必要になります(PHPのサンプルも用意されています).MESHのセンサからの情報がロー…