ブラウザ上でリッチな3D表現を実現！ WebGL最新動向
HTML5時代に突入してから、3DCGを使ったWebコンテンツも一般的になってきた。プラグインを必要とせずブラウザのみで3D描画するための技術が「WebGL」で、最近ではより高度でリッチな3D表現が可能になってきている。ここではWebGLでどんなことができるのか、最新のサービスについて紹介していく。 ※本記事は月刊「CGWORLD + digital video」vol. 233（2018年1月号）からの転載となります TEXT＿長谷川雄介 / Yusuke Hasegawa EDIT＿藤井紀明 / Noriaki Fujii（CGWORLD）、山田桃子 / Momoko Yamada 2017 ©StudioGUFFAW All Rights Reserved. 本格的なWebGL時代が到来！ この潮流を見逃すな リッチな3DCGをふんだんに活用したコンシューマゲームが国内外から多数リリ
3DモデルをWebGLを使ってブラウザでプレビューする
3Dモデルをブラウザでプレビュー、マウス操作で拡大、縮小、視点変更でグリグリ回せるようにする手順を備忘録的にまとめてみます。 用意するもの ・CINEMA4D ・テキストエディタ ・ブラウザ ・Webサーバ CINEMA4Dでなくても出来ますが、私のメインツールがC4Dなのでこれ前提で書きます。 C4Dでオブジェクトを作成します。 細かいものまで作りこむと最終的に重くなるので、そのあたりはファイルサイズを見つつ調整する方が良いんでしょうね。 今回は、簡単なモデルです。 C4Dのライブラリにあるラプドルを使います。 ポリゴン数は5416です。 ポリゴン数は、オブジェクトを選択して 右クリック＞ オブジェクト情報 で確認できます。 さて、オブジェクトはobj形式でエクスポートします。 ファイル ＞ エクスポート ＞ Wavefront OBJ(*.obj) 保存場所とファイル名を指定すると、エ
WebGL開発に役立つ重要な三角関数の数式・概念まとめ （Three.js編） - ICS MEDIA
3Dコンテンツの制作において「三角関数は必須」とよく聞きます。ウェブサイト制作で三角関数を使う場面はほとんどありませんが、WebGLの勉強をすすめると3Dでは三角関数を使う場面が多いことに気づきます。本記事では3Dコンテンツ制作で使用頻度が多い基本的な数式と概念をまとめました。 今回解説する内容は地味ですが、ゲームやデータビジュアライゼーションを作る上でこの数式が基本となってきます。高校数学で学んだことをベースに、3つのサンプルを通して学習できるようまとめましたので、ぜひ最後までお付き合いください。WebGLの人気ライブラリの1つ「Three.js」を使って解説しています。 三角関数を使ったデモの紹介 まずは、本題に入る前に三角関数を使ったデモを作成したので紹介します。次のリンクをクリックしてご覧ください。 デモを別ウインドウで再生する ソースコードを確認する 地球をモチーフにしたサンプル
GLSL で暖を取るための準備をしよう！ GLSL お役立ちマニュアル - Qiita
はじめに 本稿は、WebGL で GLSL を使って暖を取るために個人的にまとめたもので、もしかしたら仕様と異なるような表記や勘違いがあるかもしれません。そういうの見つけたときはぜひ教えてください。🔥🔥🔥 GLSL やシェーダに気軽に触れてみてほしい、楽しく取り組んでみてほしいという観点からやや崩れた文体で、イメージのしやすさ優先で書いてます。そういうの苦手な人は公式の仕様を見ましょうね。 GLSL について知る GLSL がなんであるかは、たぶんこの記事を読んでいる方には説明不要かと思いますが、あえて簡単に説明します。 まず、PC などのコンピュータを用いて二次元、あるいは三次元のグラフィックスを描画するための世界標準の規格として OpenGL という API が存在します。その名のとおり、オープンな規格として策定されている OpenGL は、OpenCL や Vulkan などと
Poly - Google
What does this mean for you? The ability to download assets was disabled on June 30, 2021. The ability to upload new 3D models on poly.google.com was disabled on April 30, 2021. We want to thank you for joining us on this journey. We appreciate you trusting us to host your assets and provide a space where they can shine. The amazing work that our users have uploaded to Poly every day has surprised
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3D model - Sketchfab
https://www.khronos.org/files/webgl20-reference-guide.pdf
https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf
WebGLの今とこれから