質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.61%

  • JavaScript

    15966questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

[ Away3D TypeScript × JS ] 3Dモデルデータの質感(法線マップ等)の載せ方がわからない

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 2
  • VIEW 824

chocolate

score 5

JavaScript のライブラリ「Away3D TypeScript(WebGL版 Away3D)」を使って、ブラウザ上で「3ds Max」のモデリングデータ(.3ds形式)を動かそうとしています。
モデリングデータは、オブジェクト(部品)毎にテクスチャーと質感データ(法線マップ)、さらに環境反射マッピング用のテクスチャー等など、約30のパーツの集合で構成されていて、これらをブラウザ上でのリアルタイムレンダリングにより生成表示することになります。
 
現在、3Dモデルデータ本体とテクスチャーを載せる(表示させる)ことはできたのですが、質感データ(法線マップ)等など他のデータを載せることができず困っています。
3dsフォーマット用のパーサーを指定(記述)することで、多くのテクスチャーは付随して読み込まれたのですが、先にあげたように読み込まれないデータもまた多く残っています。この差はいったいどこにあるのでしょうか。そしてその解決法は...
※パーサー:away.library.AssetLibrary.enableParser(away.loaders.Max3DSParser);

結果、現在、メッシュ地や布地などは一切無視され(反映されず)、モデル全体がビニールフィギュアのようなテカッテカの質感になってしまっています。(ライティングは、JavaScript 上で記述)
3ds Maxでしっかり作り込まれたデータのクオリティを、ここで完全に毀損している状態にあります。

モデリングデータを載せる際に必要な手筈、記述及び考え方等について、アドバイスいただけませんでしょうか。よろしくお願いします。


■■ データ構成

・モデリングデータ(.3ds形式)
・テクスチャー 10枚強   ※貼り付いたもの
・法線マップ 10枚強
・その他テクスチャー 数枚   ※貼り付いていないもの
・環境反射マッピング用テクスチャー 1枚


■■ その他

オブジェクト(床面等)に1対1で法線マップを貼っているサンプルは間々見受けられます。
●テクスチャの凹凸と反射 ~法線マップとスペキュラマップ~
http://www.fumiononaka.com/Business/html5/FN1407002.html

マテリアル毎に?すべてJSに記述が必要な気もします。
●テクスチャはマテリアルと共に ~主なマテリアル情報~
http://marupeke296.com/FBX_No7_TextureMaterial.html


以上
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.61%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

  • 解決済

    javascriptのコンパイラー

    現在PHP・jquery等を使用してサーバサイドとフロントをやっています。 今後Javascriptのライブラリーを使用して開発をしたいのですが Javascriptを生書きする

  • 解決済

    Typescript - コンストラクタの引数に値を渡す時(enum? 辞書? インターフェイス?)

    パターン1とパターン2、どちらが適切なのでしょうか? 目的としていることとしては、コードを書く側の人間がTeratailクラスをインスタンス化する時に渡す引数であるurl文字

  • 解決済

    Class継承の実践的なサンプルが読みたい

    概念自体は理解できているつもりなのですが、 実践的に使うタイミングがいまいちわからない状況です。 Class継承を上手く使っているプロジェクトなどあれば教えて頂きたいです。

  • 解決済

    var x: number[] = [] この式の意味について

    Angularやtypescriptで var x: number [] = []; のような式をよく見かけます。 アレイなら var x: number =

  • 解決済

    cdn読み込まれない?

    前提・実現したいこと ページの読み込みが早くなると聞いて、CDNというものを利用しています。 発生している問題・エラーメッセージ ページの読み込みが早くなると聞いて、C

  • 解決済

    AngularでAPIのURL等パラメータのまとめかた

    前提・実現したいこと Angularからサーバに対してAPIコールを実施し、その結果を画面に描画をするとう実装をしています。 その際、APIのURLをべた書きで書いているのですが、

  • 受付中

    axiosでdeleteメソッドでParse Errorが発生する

    前提・実現したいこと AWS Lambdaからaxiosを利用してDELETEリクエストを送信したいと考えています。 発生している問題・エラーメッセージ axiosのdelet

  • 解決済

    typescriptでテキストボックスの初期値設定時にエラー

     前提・実現したいこと テキストボックスに初期値を設定する場合、javascriptだと設定できるのですが、 typescriptだとエラーが出ます。エラーが出ないようにするにはど

同じタグがついた質問を見る

  • JavaScript

    15966questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。