マガジンのカバー画像

JavaScript入門

48
本
JavaScript関連のノートをまとめました。
運営しているクリエイター
npaka

Meta Quest Pro で WebAR による3Dモデル表示を試す

「Meta Quest Pro」で「WebAR」を試したので、まとめました。 1. 開発環境の準備 開発環境の…

npaka
npaka
1年前
10

SkyWay 入門 (2) - ビデオ会議

「SkyWay」のRoomIDで接続するビデオ会議の作り方をまとめました。1対多の会話ができます。 …

npaka
npaka
2年前
4

SkyWay 入門 (1) - ビデオ通話

「SkyWay」のPeerIDで接続するビデオ通話の作り方をまとめました。1対1の対話のみとなります。…

npaka
npaka
2年前
7

three.js 入門 (13) - Colladaファイルの読み込み

Colladaファイルの読み込み方法をまとめました。 前回1. モデルの準備今回は、three.jsのexam…

npaka
npaka
2年前
6

three.js 入門 (12) - OBJファイルの読み込み

OBJファイルの読み込み方法をまとめました。 前回1. モデルの準備今回は、three.jsのexamples…

npaka
npaka
2年前
7

WebXR入門 (4) - ハンドトラッキング

「three.js」を使って「WebXR」のコンテンツを作り、「Oculus Quest 2」のハンドトラッキング…

npaka
npaka
2年前
3

WebXR入門 (3) - Oculus Quest 2でのブラウザのデバッグ

Oculus Quest 2でのブラウザのデバッグ方法をまとめました。 前回1. Oculus Quest 2でのブラウザのデバッグ「Oculus Quest 2」でのブラウザのデバッグ手順は、次のとおりです。 (1) Oculus Quest 2とPCをUSBで接続。 「Oculus Developer Hub」と同様に、開発者モードの有効化とADBドライバ（Windowsのみ）が必要になります。 (2) PCのChromeで以下のURLにアクセス。 「DevTool

npaka

WebXR入門 (2) - コントローラでの操作

「three.js」を使って「WebXR」のコンテンツを作り、「Oculus Quest 2」のコントローラで操作…

npaka
npaka
2年前
2

three.js で VRM を表示する (6) - BVHファイルのアニメーション再生

「three.js」を使って「VRM」を表示し、「BVHファイル」のアニメーションを再生する方法をまと…

npaka
npaka
2年前
15

WebXR入門 (1) - 事始め

「three.js」を使って「WebXR」のコンテンツを作り、「Oculus Quest 2」で実行する方法をまと…

npaka
npaka
2年前
11

three.js 入門 (11) - 画像テクスチャと動画テクスチャ

「three.js」で動画テクスチャを使う方法をまとめました。 前回1. 画像テクスチャの実装「thr…

npaka
npaka
3年前
7

three.js 入門 (10) - 環境マッピング

「three.js」で環境マッピングを行う方法をまとめました。 前回1. 環境マッピング環境マッピ…

npaka
npaka
3年前
1

Web Speech API の使い方

「Web Speech API」を試してみました。 ・Chrome 89.0.4389.128 1. Web Speech APIWebブラウ…

npaka
npaka
3年前
11

webpackのプロジェクトの準備

「webpack」のプロジェクトの準備手順をまとめました。 (1) 「npm」「live-server」のインストール。 (2) プロジェクトフォルダの準備。 $ mkdir helloworld$ cd helloworld$ npm init -y (3) 「webpack」のインストール。 $ npm i -D webpack webpack-cli (4) 「package.json」の「scripts」を以下のように編集。 "scripts": { "

npaka