Hackery, Math & Design — Acko.netSub-pixel Distance Transform High quality font rendering for WebGPU
超簡単に3DCGできるJavaScriptライブラリ作った - aike’s blog
ブラウザでWebGLが使えるようになって3DCGプログラミングはずいぶん身近なものになりました。と書いてるそばから違和感を感じるくらい生のWebGLをJavaScriptで書くのは敷居が高かったりします。できなくはないけど前提となる知識がかなり必要な感じ。 three.jsが登場したときは、これで普通に3DCGができるということで一気にひろまりました。とはいえ、それでもまだやることは多く、画面に四角い箱を表示する場合以下のようなプログラムを書くことになります。 ・シーンを作成 ・ライトを作成、位置と向きを設定、シーンに追加 ・カメラを作成、位置と向きを設定、シーンに追加 ・マテリアルを作成、色を指定 ・BoxGeometryを作成、サイズを指定 ・メッシュを作成、位置と向きを設定、シーンに追加 ・レンダラーを作成 ・レンダリングループ処理 これらのひとつでも間違えたりパラメーターが適切でな
WebGL 開発支援サイト wgld.org
次なる Web を見据えて 来たるべき WebGL2 の時代へ 2011 年、最初のバージョンである 1.0 が勧告された WebGL は、ウェブブラウザ上で OpenGL ES に相当するグラフィックス API の機能を利用することができる JavaScript の API です。 そして 2016 年、WebGL の正当な後継バージョンとなる WebGL2 (もしくは WebGL 2.0) がいよいよ本格的に利用できる段階になりつつあります。 当サイトでは、2012 年の開設以来、WebGL 1.0 系の API を用いるための技術解説を掲載してきました。そして今後は、時代の変遷に合わせて WebGL 2.0 系の解説記事も公開していく方針です。 WebGL 2.0 が登場するとは言っても、後方互換を保つという意味もあって 意図的に有効化 しない限りは WebGL 1.0 相当の AP
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞ 小山田 晃浩（株式会社 ピクセルグリッド） WebGLはとても高度な技術である一方、APIは低レベルであるためそのまま使うにはどうしても冗長な準備を行う必要があります。一方で、JavaScriptライブラリーを通して高レベルなAPIとしてWebGLを利用する方法があります。こうしたJavaScriptライブラリーとしてはthree.js、Away3D.js、Babylon.jsなどが有名です。その中でも特に人気があるthree.jsを通して、WebGLを利用する方法を解説します。(three.jsのリビジョンは執筆現在の最新であるr65を利用します) three.jsを手に入れる three.jsはhttp://threejs.org/から手に入れることができます。downloadから、zipファイルを手に入れま
マウスで簡単に間取り図を作成しWebGLで立体化して中を動き回れる「Wanaplan」
家を購入したり、新しい土地へ引っ越す時に、不動産屋を訪ねて物件を回るのはなかなか骨が折れるもの。そんな時に便利な、クリックしていくだけで簡単に3D間取り図を作成＆立体化させて「この間取りの部屋に住むとどういう感じになるのか？」ということを体験できるのが「Wanaplan」です。WebGLで作られており、平方メートル単位で細かく間取りを設定することもでき、家具や扉などの小物を配置して自分の理想のおうちを仮想体験することもでるようなので、実際に使用してみました。 Wanaplan - WebGL application to create 2D/3D plans http://www.wanaplan.com/en/plan/ 3D間取り図を作成するには、「Try Wanaplan」をクリック。 すると2Dの間取り図が開きます。 壁のラインをドラッグして移動させると間取りの拡大・縮小が可能。
ブラウザーの3D表現もここまで来た！WebGLを使った驚きのWebサイト
ブラウザーで3次元コンピュータグラフィックスを表... / WebGLを使った3D表現 / SculptGL他...全13件 ブラウザーで3次元コンピュータグラフィックスを表示させるための標準仕様「WebGL」。Microsoftも重い腰を上げ、次期バーションの「IE11」からWebGLを標準サポートすることが決定しています。これからますます目にする機会が増えそうです。 そんな、圧倒的な3D表現が可能なWebGLを使った驚きのWebサイトを集めました。
［SIGGRAPH］ついにDirectX 11を凌駕した!? Khronosに聞く「OpenGL 4.2」の正体
［SIGGRAPH］ついにDirectX 11を凌駕した!? Khronosに聞く「OpenGL 4.2」の正体 ライター：西川善司 Khronosに属するメンバー企業を示したスライド Khronosが規格策定に携わっているオープンスタンダードAPI群がこのスライドに示されている Khronos Group（クロノスグループ，以下Khronos）は，組み込み機器向けのオープンスタンダードAPIワーキンググループとして2000年に発足した団体である。活動初期においては，組み込み機器向けのOpenGL ESの規格策定に注力していたが，2006年に本家OpenGLの規格策定を行っていたOpenGL ARB（Architecture Review Board）と統合することになった。その結果，Khronosは，クロスプラットフォーム対応のオープンスタンダードAPIの規格化団体として，最も大きなもの
WebGL and Three.js
Colin Barre-Brisebois - GDC 2011 - Approximating Translucency for a Fast, Che...Colin Barré-Brisebois
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Making WebGL Dance
二次元イラストがぬるぬる動く！ Live2DでWebGLアドベンチャーゲームを作ろう
Engadget | Technology News & Reviews
http://clockmaker.jp/blog/2014/01/away3d-typescript-fire/
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/