Content-Length: 310156 | pFad | https://b.hatena.ne.jp/taninsw/WebGL/
In July 2011, Apple released Safari 5.1 bringing WebGL to OS X users. WebGL advocates the world over rejoiced - except there was a catch. WebGL was disabled by default, hidden behind a flag buried deep within Safari's preferences panel. The general expectation was that a switch to 'on by default' could not be far behind. Almost 3 years on, it seems this view was seriously misjudged. But now, it se
Mozilla is Unlocking the Power of the Web as a Platform for Gaming Mozilla, a non-profit organization dedicated to promoting openness, innovation and opportunity on the Web, is advancing the Web as the platform for high-end game development. With Mozilla’s latest innovations in JavaScript, game developers and publishers can now take advantage of fast performance that rivals native while leveraging
32. <!doctype html> <html> //頂点 <head> var vertices = new Float32Array([ <meta charset="utf-8"> 0.0, 0.5, 0.0, <title>webgl demo</title> -0.5, -0.5, 0.0, <script> 0.5, -0.5, 0.0 document.addEventListener('DOMContentLoaded', function(){ var canvas = document.querySelector('#glcanvas'); ]); var gl = canvas.getContext('experimental-webgl'); // 頂点の数 var verticesLength = 3; var vShaderSource = [ // gl_
top THREE.PerspectiveCamera File doc/three.js/src/cameras/PerspectiveCamera.js Instance Variables fov aspect near far fullWidth fullHeight x y width height projectionMatrix Superclass THREE.Camera Examples (122) doc/three.js/examples/canvas_geometry_birds.html (source) doc/three.js/examples/canvas_geometry_cube.html (source) doc/three.js/examples/canvas_geometry_earth.html (source) doc/three.js/ex
皆さんTHREE.jsは単なるWebGLのラッパーと思っているかもしれませんが、実際はそれだけではなくて、テクスチャローダーや視点管理用コントローラーなんかの補助クラスに加えて、スプライトやパーティクルシステムまで付いていて、たぶん見たことない人が考えているよりいろいろできます。 ただ、いかんせんまともなドキュメントがないので、それらを実際に使うには、そのクラスを使っている例を見つけて、さらにそれらが使われている部分を検索して使い方を調べるしかありません。 正直面倒くさいので、ブラウザで少しだけ楽にソースを眺められるサイトを立ち上げました。 http://threejsdoc.appspot.com/doc/index.html ただしこれはあくまでもソース読むのを手伝うためのツールです。何やってるクラスなのかとか、どうやって使うかとかは、ファイル名やインスタンス変数から推測したり、サンプ
WebGL is a complicated API, and it's often not obvious what the recommended ways to use it are. This page tackles recommendations across the spectrum of expertise, and not only highlights dos and don'ts, but also details why. You can rely on this document to guide your choice of approach, and ensure you're on the right track no matter what browser or hardware your users run. General Topics Address
それでは3日目、WebGL Advent Calender書くよー! 1日目edvakfさんが基本的なWebGLの考え方について、2日目yomotsuさんがThree.jsでWebGLについて書かれています。 どちらもソースコードや図を交えての丁寧な解説なので是非読んでみてください! で、私の記事はThree D Libraryについて。 内容はWebGL経験者向けになるのでedvakfさんの記事を読んでから読むといいと思います! さて、WebGLを直接書くと「手続きが多いなー面倒だなー」と思われた方も多いと思います。 一方でThree.jsは手続きが少なく簡単ですが「俺はシェーダをガンガン書きたいんだよ!」という人には向いていないかもしれません。 そこで今回紹介するライブラリはThree D Libraryです(略してTDL。おや?だれかきたようだ)。 http://code.googl
- ホーム - このサイトでは、HTML5の3D機能「WebGL」を扱いやすくするラッパーライブラリ「PsychoVision3D(サイコビジョン・スリーディー)」と、それを使った3Dアニマンガの「VixarCartoonWebPlayer」や3Dゲームやサンプルを公開しています。 [HOME] このページです。更新履歴やニュースがあります。 [ABOUT] このサイトについて詳しく解説しています。 [DOWNLOAD] WebGLラッパーライブラリ「PsychoVision3D」がダウンロードできます。 [CARTOON] 3Dアニマンガをブラウザ上で見れる「Vixar Cartoon Web Player」があります。 [GAME] ブラウザ上で遊べるPsychoVision3Dゲームがプレイできます。 [TUTORIAL] ブラウザ上で動作するPsychoVision3Dのサンプルが
17日目の id:edvakf さんの「WebGLでライフゲーム」に続いて18日目担当のnakamura001です。 今回は最近目にした csg.js というちょっと変わったWebGLのライブラリを紹介します。 csg.js http://evanw.github.com/csg.js/ このライブラリは2つの3Dモデルを合成したり、差分を行った3Dモデルを作成する事が可能です。 簡単なプログラムを書きつつ解説しますのでみなさんも良ければ実際に入力して試しつつ見て下さい。 前準備 ライブラリにはサンプルも有るのですがちょっとだけボリュームが有るので実際に気にすべき箇所がちょっと分かりづらくなっています。その為、本当に必要な要素だけを含んだテンプレートとなるファイルを準備しました。実際に手を動かしながら読みたい方はこちらからDLしてから続きを読んで下さい。 動作確認 テンプレートのファイルを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: https://b.hatena.ne.jp/taninsw/WebGL/
Alternative Proxies: