WebGLで3DCGのワールドにプレイヤーキャラを配置して動かす社内研修に参加いたしました。 2日目

WebGLで3DCGのワールドにプレイヤーキャラを配置して動かす社内研修に参加いたしました。 2日目

本日は早朝と午前との寒暖差が激しい日となり、気を付けないと風邪をひきそうな日でしたが皆様、ご健勝でしょうか?
WebGLを用いて3DCGのワールドにプレイヤーキャラを配置して動かす社内研修2日目に突入した北山です。

前日に引き続き課題を進め、残りの目的である水平方向への視点回転の機能の実装が完了しました。

今回、参考にさせていただいたソースコードを元に記述した際に、一つ問題が発生しました。
ワールド内に配置したプレイヤーキャラの背中をカメラが映して、カメラはプレイヤーキャラに追従するという形の機能で、前日まではその通りに機能していたのですが、本日、記述箇所を追加してから、背中ではなくプレイヤーキャラの前方からカメラが映す状態となっており、この調査に少し時間がかかりました。

ソースコードを見直した結果、問題点はカメラの配置箇所に問題がある事が分かり、その配置箇所を修正した結果、プレイヤーキャラの背中をちゃんと映す様に修正されました。

※最初は起動時に左の状態でしたが、修正後は右の画像の状態になりました。

カメラが映す位置については改善が比較的早く済み、僥倖でした。

ただ、今回、水平で視点を回転する機能については実装が難しかったです。
理由として、3Dモデルの位置情報や角度の情報だけを更新するのではなく、それと親子関係にある情報や、カメラが参照している情報、物理シュミレーションの情報なども同時に更新しなくてはプレイヤーキャラが動かない為、最初は自力のみで実装を目指しましたが、進捗が悪かった為、完成品のソースコードを参考にさせていただき、実装する運びとなりました。

3Dモデルの位置情報や角度だけでなく、物理シュミレーション上の情報も一緒に更新する必要性を学べた点は、今回、個人的には価値ある成果だったと思います。

明日は引き続き社内研修の予定で、新しい課題(厳密には上記の実装をした状態に、次に新しい実装を重ねる課題)を行う予定との事です。

新しい課題についても引き続き、本ブログにて情報を共有していければと思います。
ここまでご一読いただき誠にありがとうございました。

 

現在
株式会社チョモランマ
株式会社シェルパ
3Dmodeljapan株式会社
ではスタッフを大募集しております!!
UNITY、Unreal Engine4、AI、プログラミングや建築パースに興味がある方!
ぜひご応募下さい!!
初心者の方、未経験の方やインターンを受けてみたい方々でも大歓迎です!!

〔企画運営〕株式会社シェルパ 
公式HP https://sherpa-cg.com/
【福岡本社】〒810-0042 福岡県福岡市中央区赤坂
      1丁目13-10赤坂有楽ビル7F
tel 092-717-6800 / fax092-717-6801