豪華講師陣が送る本格 WebGL スクール！ 第三期の募集を開始します！ - WebGL 総本山
基礎から応用までを網羅する 2014 年より開催している WebGL スクール。その第三期の募集を開始します。 これまでの WebGL スクールでは doxas こと私、杉本 雅広が講義を単独で行うスタイルが基本でした。今回はなんと WebGL や three.js、そして WebVR に熟練した特別講師が本スクールの講義に参加します。 これまでの WebGL スクールに比べ、より多くの刺激やインスピレーションを得られる環境を用意しました。 興味のある方は以下、概要等をよくお読みいただき参加をご検討ください。 WebGL 基礎スクール（本講義） 今回の WebGL スクールも、これまで行ってきた第一期、第二期同様に、WebGL を基礎からしっかりと身につける ことができるスクールとなっています。 スクールの講義は、wgld.org や、当サイトの運営を行っている杉本 雅広が責任を持って担当
WebGLStudio
3D Development environment for the web. WebGLStudio (formerly known as WebGLStudio) is a platform to create interactive 3D scenes directly from the browser. It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app. Try WebGLStudio.js Example Source on GitHub Documentation Learn or you can use the latest version (more features and more bugs)
WebGL による physically based rendering(PBR) チュートリアルのイントロ記事！ 今後に期待高まる！ - WebGL 総本山
top 2015 年 07 月 WebGL による physically based rendering(PBR) チュートリアルのイントロ記事！ 今後に期待高まる！ 物理ベースシェーディングの勉強に 今回ご紹介するのは、昨今、様々なところで目にする機会の増えた PBR（physically based randering）のチュートリアル記事……の第一弾となるイントロ記事です。 この記事自体は、WebGL だけでなく 3DCG の分野で有名な Marcin Ignac 氏のブログエントリです。氏は、WebGL を Node.js 環境で開発するための pex というライブラリを手掛けるなど、とても精力的に WebGL 関連の活動をしている方でもあります。 今回ご紹介するのは連載の第一弾となるイントロ記事なのですが、実行可能な WebGL サンプルへのリンク、また参考になりそうな多数のコン
WebGL が切り開く Web の未来
前説 時は遡り……このスライドを書き始めた頃 「3DCG Meetup は初参加だしな！」 前回の Meetup で登壇された西田さん(@knockknockjp)が公開してくれている、WebGL をテーマにしたスライドでも見てみるか……
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
たった3KBのコードで3DCGモデルが歌って踊ってアングルも操作できる！ jQueryベースのライブラリでMMDデータを活用したWebGLコンテンツを作ろう
はじめに 数あるHTML5の機能の中でも、特にビジュアルでインパクトのあるWebGL。GPUを駆使した高速3DCGレンダリングが可能なことで話題になったものの、今一つ普及しない背景には「実装があまりにも難しい」ことがあるのではないでしょうか。 three.jsの登場により、実装のハードルはだいぶ下がりました。しかし、JavaScriptに精通したプログラマでなければ使いこなすのは容易ではなく、ビジュアル要素の強いWebGLにあってデザイナーさんの参入は難しいのが現状です。 今回紹介する「jThree（ジェイスリー）」は、そんなWebGLをjQueryの記法で扱えるようにするための国産JavaScriptライブラリです。前述のthree.jsをラップしてjQueryで操作できるよう設計されており、jQueryを使ったことのある方なら、手軽にWebGLコンテンツを作ることができます。 本記事で
Bumpy Metaballs
Bumpy Metaballs | Click and drag to rotate, mouse wheel to zoom. Double-click to go fullscreen.Go fullscreen Isosurface created with Marching Cubes, and bump added with normal mapping. The metaballs don't have generated UV coordinates, and tangents can't be calculated with the usual method because it relies on texture coordinates. Following the triplanar mapping explained in this GPU Gems 3 articl
フラクタル地形 - ずっと君のターン
先日THREE.jsでのポリゴンとテクスチャの使い方を覚えたので、なんか面白い使い道ないかなと検索して「フラクタル地形」というのを見つけました。 Wikipediaによると 正方形を4つの同じ大きさの小さい正方形に分割し、その中心の点を無作為な値で垂直方向に変位させる。この過程を4つに分けられた各正方形についても繰り返し、再帰的に実施して必要な詳細レベルに到達するまで行う。 ということらしく、このたった2文とアニメーションGIFでだいたい理解できる程度には簡単そうだったのでやってみました（説明とアニメーションGIFが合ってないけどまぁ言いたいとは分かる・・・）。 おお、たしかに山っぽい。 もちろんリロードするとまた別の地形が生成されます。 ソース見てないけどTHREE.jsについてくるこれとかもたぶん同じ事やってるんじゃないかな。 ・・・ 今回特にTHREE.js的な見所はほとんどないんで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blender で作った3DCGをHTMLに出力するプラグイン「Blend4Web」 - 強火で進め