WebGL11agateはじめにどうも、19の11agateです。最近Web上のコンテンツなどで、インタラクティブという言葉をよく耳にします(しますよね?)こんな意味だそうです「対話」または「双方向」といった意味で、ユーザーがパソコンの画面を見ながら、対話をするような形式で操作する形態を指す。具体的には、コンピューターからの画像や音声によるメッセージに対して、ユーザーがマウスやキーボードを入力して操作を進めていく。ユーザーが積極的に参加できるため、コンピューターを利用した学習教材にも使われる。利用した高速で強力な描画性能をウェブにもたらします。OpenGLというのはざっくり言えばグラフィックスの高速描画に使うハードウェアのAPIですそれがインターネットブラウザでできるようになったのがHTML5とWebGLというわけですこのような技術によって上記のサイトは動いています。学習コストは正直高いです。そこでもっと簡単に触れられるツールを紹介しますThree.jsとはhttps://threejs.org/ぜひ上のリンクで飛んで色々触れてみてください!three.jsは見た通りjavascriptのライブラリの一つでWebサイトの一部として3Dコンテンツを表現できます。WebGLの登場で可能になりました実は上記の三つのサイトは全てthree.jsで実現されています19Bで3Qに図形科学を履修していた人は先生がちょっと触れていたので聞き覚えがあるかもしれません。CodePen.自身の環境でコピーして遊んでみてくださいライブラリのソースにはCDNのURLを用いたので手軽にいじれますここのサイトがチュートリアルとしてはかなり分かりやすいと思いますsceneと呼ばれる空間のようなものに作ったカメラ、オブジェクトを追加し、canvasにrendering(描画)します。