トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

React

Reactですりガラス、ジョイスティック、R3FでVRM表示などなど

前回WebAR/VRと2DUIを置くのをやった bibinbaleo.hatenablog.com 今回はVRM置いたり、ジョイスティック移動してみたりする。 VRM Drei ジョイスティック すりガラスエフェクト モバイル判定 ライセンス表記 S3アップロード 404ページ ファビコン 画像挿入 VR…

reactの勉強【ステップアップ】

入門編に続いて同じ人のステップアップ講座を受ける www.udemy.com 前回のメモ bibinbaleo.hatenablog.com ↑のを受けた後UI実装ちょっとした。 bibinbaleo.hatenablog.com コンポーネント作るとかpropsでコンポーネントに値を渡すとかはできたがページ遷移と…

ローカルでreactの環境構築~AntDesignの表示まで

今までUdemyではcodesandboxとか会社で用意されてたstorybook上でやっていたけど、自分で1からローカルに環境作る。 環境構築 編集 ページ遷移 ボタン押したらページ遷移 AntDesign使う 最後に 環境構築 どれもnpmをつかってるけどyarnでやっている記事はな…

react-three/xrのWebARの画面に2DUIを置けるのか→普通における

Three.jsのWebARをやったとき、画面に2DのUIを置けるのか。 vroid hub仮名に使っているかわからないが、WebARモードでは戻るボタンもない。 Googleのやつみたいにいろいろボタンを置けるのか ReactThreeFiberのXR 2DUIを出す EnterARボタンカスタム 寄り道:…

React+AntDesignでUI実装①

UIKitはAntDesignを使うことにした。Figmaで一通りAntDesignのFigmaのパーツを使いつつデザインした。 bibinbaleo.hatenablog.com 別途ReactのUdemyは受けているが、なんとなくReactでのAntDesignの使い方がわかったので軽く実装も並走しながらやっていく bi…

reactの勉強【初級】

講座 これ受ける。本当はUI実装だけできればいいからこんなに深くやらなくてもいい気はするけど・・・ www.udemy.com HTML/CSSもそんなにわからないからこれから受けたほうがいいのかも・・・ www.udemy.com 直近はstorybookを使うからこれを受けてもいいか…