社内研修にて WebGL と Iframe Player API を用いて3DCG上のモデルに動画を再生させる学習しました。

社内研修にて WebGL と Iframe Player API を用いて3DCG上のモデルに動画を再生させる学習しました。

皆様、いかがお過ごしでございますでしょうか?
冬も終わり春のこの頃、午後2時になると気温が高まる時期となりました。
スーツの上着はハンガーにかけさせていただき、社内研修に参加させていただいております北山です。

本日は社内研修で、WebGLの学習をしました。

目的はWebGLとYoutubeのAPIである IFrame Player API を用いて、3DCG上の平面体のモデルの表面に、Youtubeの動画を再生する事がまず1つ、そして次にYoutubeではなく自社動画のWebページをiframeとして引用して動画を再生する事を目的とした社内研修です。


その際に、WebGL上では経験のない継承を用いたソースコードの学習させていただく機会があり、残念ながら私のスキルでは本日中には終わりませんでした。

上の画像は継承を用いたスクリプトのソースコードの一部を撮影したスクリーンショットですが、このスクリプトだけで、完成の手本のソースコードも約300行程度の為、膨大なソースコードという訳ではありません。

反省点として、完成の手本のソースコードは継承を用いており、他のスクリプトが呼び出して扱うソースコードである理解がまだ浅く、なるべく記述の意味を理解するのに努めようとする事により時間がかかってしまった点にあります。

自習で継承やプロパティの復習をし、理解を早める必要があります。

今回は完成しませんでしたが、明日には下の状態になっている3DCG上の平面体の表面に動画を再生できるように頑張ります。

 

 

今後はnode.jsを活用していくとのご指導もいただいており、継承やプロパティと同時にnode.jsの復習、並びにnode.jsで自習した事のない分野についても学習していきたいと考えております。

明日は引き続き Iframe Player API を用いて平面体の表面に動画を再生する社内研修の経過報告や、その他に追加の内容があれば、その都度共有していければと思います。

何卒、宜しくお願い申し上げます。

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

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