○ この記事で書くこと MMDLoaderを使ったMMDモデルの読み込み アニメーションの付け方 アニメーションの発火・切り替え three.jsの基礎はこちら：Hello three.js World 準備 この記事で使うmmdモデルとvmdのモーションファイルをダウンロードします：GoogleDrive モデルはLat様のものを拝借しており、無改変で使用させて頂いております。 モデルの使用、再配布、モーションの利用、再配布についてもそれぞれファイル内に同包されているRedeMeに従ってください。 〇 MMDLoaderを使ったMMDモデルの読み込み 細かい説明は基礎の記事を読んでください。 ここでは読み込み部分のみを中心に書きます。 ファイル構成 - index.html - js - main.js - three.min.js - TGALoader.js - mmdparser.
【three-vrm】せっかくなのでTypeScript+webpack+three.jsに入門して、Web上でVRMモデルを表示してみるthree.jsTypeScriptwebpackVRMVRoid どうも、にー兄さんです。 先月のVRoid公式ツイッターで、three.js用のVRMローダーが発表されましたね！ Webアプリケーションで3Dアバターモデルを簡単に扱える『pixiv three-vrm』をOSSとして公開しました！3Dモデルの専門知識がない開発者の方でも「VRM」ファイルをより簡単に扱うことができます！ #VRoid 詳細: https://t.co/psBwTYe3cy GitHubリポジトリ: https://t.co/j9IU2h2Zax pic.twitter.com/Fsp2VLbpkW — VRoid公式 (@vroid_pixiv) September
概要 ここにあるように簡単なTypescriptの環境設定を行った後、次にTypescriptからThree.jsの機能を使えるように設定して簡単な3Dプログラムを実行してみました。 その記録です。 今回もほとんどコマンドラインからの操作で作業を行っています。 WebGLの機能を使用しているので要WebGLです。 使用したPCの環境は64bit版のWindows7ですが、ここから先は主にnpmから使える機能とJavascript・HTMLといった技術しか使用していないので、他の環境でも参考になるかもです。 Typingsのインストールと、TypingsによるThree.jsのtsd設定 TypescriptからThree.jsを使用できるようにするためにThree.jsの型の定義を取得・設定しています。 Typescript用の型定義の取得･設定には、前は tsd というものが使用されてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
