WebGLで、3D空間上に置かれたオブジェクトをクリックしてアニメーションをさせて、更に別タブでWebページを開く処理の社内研修をしました。

WebGLで、3D空間上に置かれたオブジェクトをクリックしてアニメーションをさせて、更に別タブでWebページを開く処理の社内研修をしました。

暑さがどんどん増していく今日この頃、皆様どうお過ごしでしょうか?
新しい課題の社内研修に参加させていただきました北山です。

本日、午前中は社内の年末の大掃除があり、私も大掃除に参加させていただき社内のフロアの一画がとても綺麗になりました。
大きめの机などを運ぶ事もありましたが、怪我人などは発生せず終わりました。

本日は午前の半分程は大掃除となりましたが、それ以降は予定通り社内研修にてWebGLの課題を行いました。
先週から続くWebGLの3D空間上に配置したオブジェクトをクリックして判定を取得し、アニメーションを実行するというものです。

この課題については複数の判定を取得する方法があり、今回は2種類の判定の取得による課題と相成り、先週は1種類目の判定の取得によるアニメーションを行わせる処理が成功しました。

 

 

そして本日も2種類目の判定の取得の方法が成功しました。
2種類目の処理については以下のイメージです。

 

 

また、2種類目については追加で、クリックがされたというアラートを通知するのと、オブジェクト毎に関係性を持たせたURLを用いて別タブでWEBページを開く処理を実装する運びとなりました。

今回、其方についても完了し、アラートと別タブでWEBページを開いた際には以下のイメージで処理が行われます。

1種類目の判定の取得については、比較的感覚的に分かりやすいソースコードでしたが、2種類目のソースコードについては1種類目よりもAPIを調べる事が多かったと個人的に感じました。

今後の開発において、必要に応じて用いる手法が異なるとの事の為、この必要な時の見定めが早期にできるようになりたいと思います。

ここまでご一読いただき誠にありがとうございました。

 

現在
株式会社チョモランマ
株式会社シェルパ
3Dmodeljapan株式会社
ではスタッフを大募集しております!!
UNITY、Unreal Engine4、AI、プログラミングや建築パースに興味がある方!
ぜひご応募下さい!!
初心者の方、未経験の方やインターンを受けてみたい方々でも大歓迎です!!〔企画運営〕株式会社シェルパ 
公式HP https://sherpa-cg.com/
【福岡本社】〒810-0042 福岡県福岡市中央区赤坂
      1丁目13-10赤坂有楽ビル7F
tel 092-717-6800 / fax092-717-6801