WebGL開発に役立つベクトルの足し算・引き算 （Three.js編） - ICS MEDIA
みなさんベクトルをプログラムで活用していますか？ 学校で学んで以来、縁が無くなった方も多いかと思いますが、実は3Dコンテンツの制作においてベクトルは役に立つ概念なんです。本記事ではThree.jsとベクトルの基礎である足し算・引き算を使った座標の計算方法を紹介します。 ベクトルと聞くだけで拒絶するエンジニアもいると思いますが、心配いりません。Three.jsが煩わしい計算をすべておこなってくれるので、ベクトルの性質だけ覚えれば誰でも扱えるようになります。基本からおさらいし、実際にThree.jsでどのようにベクトルを扱っていくか学んでいきましょう。 ベクトルを使った3Dのデモの紹介 本題に入る前にベクトルを使ったデモを作成したので紹介します。今回は以下のような物体を追従するカメラをベクトルを使って実装しています。サンプルコードもGitHubにアップしているので参考ください。 デモを別ウイン
ブラウザで3Dグラフィックを扱うWebGL、最新版 2.0のドラフト版が公開
ブラウザで3Dグラフィックを扱うWebGL、最新版 2.0のドラフト版が公開 増井 雄一郎（FrogApps, Inc.） 2013/9/16、WebGL Working Groupはブラウザで3Dグラフィックを扱うWebGLの最新版 WebGL 2.0のドラフト版が公開しました。 WebGL 2 Specification WebGL 2の最大の特徴は、2012年10月に標準化された組み込み向け3DグラフィックAPIのOpenGL ES 3.0の機能をベースにしているところです。 OpenGL ESは3DグラフィックをサポートするためのAPIで、WebGLではこの機能をブラウザ内で使えるようにすることで、ゲーム機の3Dグラフィックのような高度な3D表現をJavascriptから操作することが可能になります。 既に多くのブラウザではWebGL 1をサポートしており、すでにゲームを中心に使わ
liquid_video
Client: KOKUYO Co.,Ltd. Project Management: Masato Yamaguchi (THE GUILD, Alpha Version Inc.) Art Direction: Chiharu Kodama (THE GUILD, ium inc.) / Yukiya Okuda (THE GUILD, Shouwakiden Inc.) Design: Konami Endo (THE GUILD, ium inc.) / Hana Ihara (THE GUILD, Shouwakiden Inc.) Development: Niwayama Naomoto / Kenji Wada (THE GUILD, Alpha Version Inc.) Illustration: SANDER STUDIO ルール？展 Organized by: 21
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fhtr opus
