日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
レガシーなブラウザにも高度なグラフィックを。JavaScriptによるOpenGL実装·JSGL MOONGIFT
JSGLはJavaScriptによるOpenGL実装です。 HTML5の新機能の一つにWebGLがあります。しかしまだまだ最近のWebブラウザでしか実装されていない機能になります。そこでWebGLに対応していないWebブラウザに対して3Dモデリングを行うライブラリがJSGLです。JavaScriptを使ってOpenGLを実装しています。 デモです。オブジェクトが回転しています。FPSはかなり高い数値が出ています。 実装サンプルです。コードはかなり分かりやすいのではないでしょうか。 JSGLには多彩なAPIが作られており、細かくモデリングができるようになっています。元々はJSOS向けのグラフィックスAPIとして開発されているとのことです。 JSGLはJavaScript製、MIT Licenseのオープンソース・ソフトウェアになります。 MOONGIFTはこう見る JSGLのAPIはWebG
ちょっと他とは毛色の違うライブラリ「csg.js」の紹介 - 強火で進め
17日目の id:edvakf さんの「WebGLでライフゲーム」に続いて18日目担当のnakamura001です。 今回は最近目にした csg.js というちょっと変わったWebGLのライブラリを紹介します。 csg.js http://evanw.github.com/csg.js/ このライブラリは2つの3Dモデルを合成したり、差分を行った3Dモデルを作成する事が可能です。 簡単なプログラムを書きつつ解説しますのでみなさんも良ければ実際に入力して試しつつ見て下さい。 前準備 ライブラリにはサンプルも有るのですがちょっとだけボリュームが有るので実際に気にすべき箇所がちょっと分かりづらくなっています。その為、本当に必要な要素だけを含んだテンプレートとなるファイルを準備しました。実際に手を動かしながら読みたい方はこちらからDLしてから続きを読んで下さい。 動作確認 テンプレートのファイルを
GPUを使ったライトマップの作成も可能なライブラリ「lightgl.js」 - 強火で進め
ライトマップのデモはこちらで試せます。 キューブを表示するだけならHTMLも含めて、これだけの記述でプログラム可能みたいです。 <!DOCTYPE html> <html><body> <script src="lightgl.js"></script> <script> var angle = 0; var gl = GL.create(); var mesh = GL.Mesh.cube(); var shader = new GL.Shader('\ void main() {\ gl_Position = gl_ModelViewProjectionMatrix * gl_Vertex;\ }\ ', '\ void main() {\ gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);\ }\ '); gl.onupdate = function(s
MD2ファイルをthree.jsで実行出来る形式に変換 - 強火で進め
MD2ファイルを three.js で実行出来る形式に変換するサイト作られた方が登場しました。 こちらの方は以前、WebGLでアニメーション付きのMD2ファイルを再生するデモなども作られています。 変換については詳しくはこちら書かれています。 Md2 to json converter « OutsideOfSociety http://oos.moxiecode.com/blog/2012/01/md2-to-json-converter/ 簡単に使い方を説明するとこのページにMD2ファイルをドラッグすると変換されてそのままプレビューが行われます。 MD2ファイルだけだとテクスチャは表示されません。テクスチャ付きでプレビューしたい場合はテクスチャも続けてドラッグして下さい。 「Save」ボタンを押すとJSONファイルとして保存出来ます。 関連情報 JSON Model format 3.
WebGLで2Dの処理を行う入門記事「WebGL Fundamentals」 - 強火で進め
HTML5 Rocks - WebGL Fundamentals http://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/ サンプルコードはこちらからダウンロード出来ます。 /www.html5rocks.com/content/tutorials/webgl/webgl_fundamentals/static/webgl/ - html5rocks - ...see why.html5rocks.com - Google Project Hosting http://code.google.com/p/html5rocks/source/browse/www.html5rocks.com/content/tutorials/webgl/webgl_fundamentals/static/webgl/?r=daa158
THREE.jsで3D入門してみた - ずっと君のターン
先月Mr.doobに会えたので、せっかくだからTHREE.js使ってなんか作りたくなりました。ただ、3Dはほぼ未経験なのであんまりアグレッシブなものを作ろうとしても挫折必至。何か簡単かつ楽しそうなものないかな・・・と考えてて以前見たこれを思い出しました。 これなら基本平面だし、（ちゃんとやると大変なのかもしれないけど）単にドラッグした部分のZ値を増減するだけなら簡単そう。 ということでやってみたのがこれです。 http://photo-anvil.appspot.com/ マウスドラッグして写真の上に色を塗ると （画像だとわかりにくいけど）色を塗った部分が浮き出します。 EDITモードでLOW-HIGHを一番HIGHにするとわりと変化が分かりやすいです。なかなか楽しいと思うので、お暇な方はぜひ。 3D童貞の自分にもこのくらいなら簡単に実装させてくれるTHREE.js、かなりおすすめ！
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
WebGLでライフゲームしてみた - by edvakf in hatena
JavaScript Advent Calendar 2011 WebGL駅伝17日目になります。ほぼ独走状態でやってきましたが、明日から数日は書けそうにないと思うので、もしよかったら誰か代わりに書きませんか？ id:ultraist さんとか id:ndruger さんとかいかがでしょうか（チラッ）。とりあえず明日は id:nakamura001 さんに書いていただけることになりました。 さて、表題のライフゲーム（Conway's Game of Life）というのは、ゲーミフィケーションやソーシャルゲーム的な意味のゲームではなく、ゲーム理論的な意味のゲームです。ある条件に添って個々の構成単位がほぼ独立に振る舞うことによって、全体として何らかの現象が観測できる、という遊びです。 白マスを死んだセル（細胞）、黒マスを生きたセルとして、それぞれのセルはある時刻の次の時刻に以下のような状態に変
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScript Advent Calendar/WebGLコース9日目・テクスチャーの使い方 - by edvakf in hatena
JavaScript Advent Calendar 2011 WebGL駅伝9日目、独走2日目になります。今からでも参加したい方がいましたらぜひ教えてください。 さて、今日は昨日の内容を発展させて、画像を貼ってみたいと思います。 WebGLのテクスチャーとして使える画像は、通常は辺の長さが2の累乗である必要があります。ただし、やり方によってはどんなサイズの画像でも使えます。 今回は256x256で用意したこの画像を表示してみます。ただ表示するだけではおもしろくないので、色を反転させてみます。 Learning WebGLのLesson 5に似た内容です。 http://jsfiddle.net/tdUNW/1/ シェーダー 今回用意したシェーダーはこんな感じです。昨日と比べてみてください。 <script type="text/x-vertex-shader" id="vs"> // 頂
JavaScript Advent Calendar/WebGLコース8日目・二次元図形を描く - by edvakf in hatena
JavaScript Advent Calendar 2011 WebGL駅伝参加者の方々、ありがとうございました。めでたく（？）最後のランナーまで辿り着きましたので、ここからは一人で走ってみたいと思います。（気力の続く限り…） もし僕の代わりに何日か書いてもいいよという人がいましたらコメントで教えてください。 とりあえず、これまでの方々の記事へのリンクを貼っておきます。 JavaScript Advent Calendar 2011/WebGLコース初日、WebGLの基本的な考え方 - by edvakf in hatena THREE.js で WebGL | ヨモツネット 空が狭い: WebGL Advent calender 3日目 PhiloGLでのカメラの移動処理 - 強火で進め 3DCG Arts: THREE.js での輪郭線表示 ステレオ3Dビュー解説 JavaScrip
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
JavaScript Advent Calendar 2011/WebGLコース初日、WebGLの基本的な考え方 - by edvakf in hatena
JavaScript Advent Calendar 2011 参加者募集！ - by edvakf in hatena ↑まだまだ参加者募集中です。 WebGL駅伝は、もし25人に満たなかったら、最後の人の次の日から僕が一人で走りたいと思います。ネタと時間的余裕が続く限り… なんてことを言っておきながら、実は僕自身はWebGLも3Dプログラミングも初めて2ヶ月の初心者なので、自分がWebGLを始めるときにどういう解説が欲しかったかということを考えながら入門編を書いてみたいと思います。（WebGL駅伝の他の参加者の方々にはつまらない内容だと思いますが） WebGLプログラムの流れはおおまかに言ってこれだけです。 シェーダーを用意する 頂点座標をシェーダーに投げる フレームごとにパラメータを変えてシェーダープログラムを走らせる シェーダーは頂点（vertex）シェーダーとフラグメント（fra
Virtual Globe and Terrain Rendering: WebGL in Internet Explorer
Monday, October 17, 2011 WebGL in Internet Explorer Posted by Patrick Cozzi Currently, even Internet Explorer 10 will not support WebGL. Meanwhile, all the other major browsers support this new standard. I'm still confident that Microsoft will add WebGL support to IE, but as WebGL developers what can we do in the meantime? Chrome Frame - an IE plugin that uses the Chrome engine to render web-pages
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オンライン3DCGツール「ThreeFab」 - 強火で進め
C/C++のプログラムをJavaScript+WebGLにコンパイルするツール「Emscripten」 - 強火で進め
WebGL on wakufactory