【O3D】HTML5用 3D API WebGL 【Canvas:3D】

2011/06/23(木) 01:52:57.33
立ててみました。

Google　　O3D
Mozilla　　Canvas:3D

※ただし、マイクロソフトは否定的


競合技術
Papervision3D

関連スレ
むしろjavascriptでゲーム作ろうぜ
http://hibari.2ch.net/test/read.cgi/gamedev/1048171505/
2012/12/27(木) 23:06:22.15
政治問題以前に、サポートを拒否するのに十分な問題がWebGLにあるのは事実だろう
今IEが実装したら確実にIEネスケ戦争の二の舞になり、
古い仕様が未来永劫残り続けてWebGLにとっても有害
2013/01/12(土) 18:30:52.76
その観点でいうと現時点で完全に仕様が固まってないHTML5全体をを実装するのが間違いだろう
2013/01/13(日) 13:42:42.10
お薦めの本は？
2013/01/14(月) 00:11:45.85
C++でGLES使う本
2013/01/14(月) 11:59:06.40
しかし、GLESって中々試す環境が無くね？
amazonでwebglで検索すると幾つか出てくるから、それでいいんじゃない？
何がお勧めかは知らんけど。
2013/01/14(月) 16:53:47.15
FileReaderとDOMParserで簡単にCOLLADAを読み込めんじゃね？と思って
やってみたら、DOM化するのは超簡単に出来たけどCOLLADA自体のパースが
なんだこれ？っていうぐらい尋常でなく面倒くせー…めげそう…

つうか、デカいCOLLADAデータを読み込むと一時的に滅茶苦茶メモリ食いそう。
2013/01/15(火) 23:51:32.41
COLLADAっていろんなフォーマットの全部載せみたいなもんって聞いたなぁ
パーサ書くの大変そう
2013/01/17(木) 19:12:19.72
やっぱりWebSQLと同様、特定の実装技術を前提にした仕様は失敗するんだな
2013/01/20(日) 14:43:54.53
とりあえず、COLLADAのmesh要素だけのパースは思ったよりは簡単だったけど１つ問題が。
COLLADAは頂点座標と法線データがそれぞれ別個にインデックスが振られていたけど、
WebGLでどうやって表示するんだ？
例えば、座標は(0,1,2)とすると法線は(0,0,0)みたいな感じ。
drawElementsってインデックスは共通な事が前提だよね？

座標のインデックスに合わせて再構築しないと駄目かね。
2013/01/20(日) 23:49:07.72
Javascript特有のバグでハマったんで一応書き込んでおく。

var offset = dom.getAttribute('offset');
console.log(offset); // => 0 と表示されているのを確認
array[n * 3 + offset]; // 何か値がおかしい…

まぁようするにoffsetが文字列のままでarrayのインデックスが10倍されてた
って事なんだけど…
今に始まった事じゃないと思うけど、何か予防策とかあるのかな？
2013/01/20(日) 23:57:51.68
var offset = dom.getAttribute('offset') - 0;
2013/01/21(月) 05:27:50.75
parseInt() と 0+ はどっちがいいの？
2013/01/21(月) 09:35:01.84
>>502
もちろん最終的にはparseInt使って解決したけど、気付くまでだいぶ時間かかったよ
2013/01/21(月) 09:36:29.01
>>503
parseIntの方がソース見てIntに変換していることが明確なんでparseInt派だな
2013/01/21(月) 11:57:13.32
TypeScriptを使おう
2013/01/21(月) 12:03:47.07
確かにWebGL向きかもな
2013/01/21(月) 15:28:14.90
WebGL.d.ts
Three.d.ts
既にあるな
考えることはみんな同じなんだ
2013/01/21(月) 16:19:17.79
TypeScript - Wikipedia, the free encyclopedia
ttp://en.wikipedia.org/wiki/TypeScript

これか
2013/01/21(月) 16:20:23.60
ActionScriptみたい
2013/01/21(月) 16:32:20.66
as3は良いものだ。
2013/01/21(月) 17:01:06.05
TypeScriptはECMAScript6系だよ
そこそこ欲しい機能が揃ってる割には他の似たようなのと違って一切変なコード吐かないから
変な言い方だけどいつでもやめてJavaScriptに戻れる安心感が最大のメリットだと思う
2013/01/21(月) 17:15:43.91
それって JavaScript のままでよくね？
2013/01/21(月) 18:23:47.25
VBScriptが一番だよ
2013/01/21(月) 23:36:10.62
質問
drawElements(mode, count, type, offset);
のcountの最大値ってどうやって取得すればいい？
俺の環境だと255ぐらいだった。そんなもん？
2013/01/22(火) 04:45:36.98
>>513
オプショナルな静的型はIDEやコンパイラの支援が効いて便利よん。
オートコンプリートの打率が上がるし、大事なところは型つけて書けば実行時前に
静的検証出来るので堅牢にもなる。

あとprototypeを使ってクラス的なことをやる方法として何通りもの流儀が存在して
下手すればフレームワーク毎にクラス的な仕組みをバラバラに手作りしているJSとは
違って、言語仕様としてクラスを持っているのは車輪の再発明が無くてすっきり。
517500
垢版 |
2013/01/24(木) 02:50:23.34
>>500
他のサンプルとか見るとやっぱり全て展開(ようするに位置と法線の数を同じにする)してたんで、
同じようにして読み込みと表示が出来た。
>>515
これはどうしても分からないんで、drawElementsは使わずdrawArraysにする事で解決した。

両方の結果を踏まえると、インデックスは使わずにTRIANGLE_STRIP化したデータを
drawArraysで描画するのが最適な方法だね。
518デフォルトの名無しさん
垢版 |
2013/01/24(木) 12:34:09.34
TypeScriptは結局JavaScriptの問題を解決してないから萎えた。
ECMAScriptもだが、特にmodule、あれで大規模開発が可能だと本当に思ってるのか。

> 3. 次に挙げる ES4 の提案の一部はウェブでの利用において不適切と判断されたので、
> 今後二度と議題として取り扱わない。パッケージ、名前空間、早期束縛。この決定が
> Harmony の肝である。

つくづくバカな決定したなこいつら。
519デフォルトの名無しさん
垢版 |
2013/01/24(木) 12:35:35.19
正直、断言するけどActionScript＝ECMAScript 4ルーツのHaxeを使ったほうがいい。
2013/01/24(木) 12:42:09.83
TypeScript クイックガイド - phyzkit.net
http://phyzkit.net/typescript/

> この b2Vec2 クラスを使うときは、
>
> var v : Box2D.Dynamics.b2Vec2 = new Box2D.Dynamics.b2Vec2();
> のようにかけます。ただこのままではすべての場所で完全名でクラスを参照しなければならず、面倒です。
> そこでクラスのエイリアスが欲しくなるわけですが、JavaScript のように単なる変数としてエイリアスを
> 定義してもうまくいきません。
>
> // b2Vec2 のエイリアスのつもり……
> var b2Vec2 = Box2D.Dynamics.b2Vec2;
>
> // コンパイルエラー。b2Vec2 というコンストラクタはあっても b2Vec2 という型はない
> var v : b2Vec2 = new b2Vec2();
> コンストラクタの呼び出しだけならできるのですが、b2Vec2 は単なる変数で型の名前空間にあるわけではなく、
> 型注釈の位置では使うことができません。かと言って直接クラス名のエイリアスを定義する機能はないようです。
> このような場合、import キーワードでモジュールのエイリアスを定義することはできるので、これを使うと
> 少しは楽なのではないかと思います。
>
> import B2D = Box2D.Dynamics;
> var v : B2D.b2Vec2 = new B2D.b2Vec2();

これを読んでTypeScriptは却下した。アホだろ実際。癖のなくなったCoffeeScriptでしかない。
なおHaxeは普通にimportすればnew b2Vec2()でおｋ
2013/01/24(木) 12:44:35.91
あとはこれも萎え要因

https://sites.google.com/site/jun1sboardgames/programming/typescript_module
> 「/// <reference path="" />の参照指定はあくまでもコンパイル時のもので、
> 実行時の依存関係の解決は君自身の責務だよ」
2013/01/24(木) 12:47:25.05
そういうコンセプトなんだよ
・JavaScript互換
・綺麗なJavaScriptを吐く
JavaScriptを中間言語として使うんではないってことだ
2013/01/24(木) 18:26:57.38
Flasherはなぜか名前空間をありがたがるよな
あんな不便で不自由なものもねえよ
2013/01/25(金) 00:51:04.94
約3万頂点5MBのCOLLADAファイルのmeshの読み込みでも表示までに1秒かからん。
他にも色々と処理する事はあるけど、COLLADAでも十分実用的な速度で使えるよ。
ブラウザのDOMを処理する速度は恐るべしだな。
2013/02/02(土) 07:44:50.04
ハードの側で対応してなきゃ描画自体ブラックボックスに入れられてて
そもそも動かんからな
モバイルもブラウザ種類色々あるけどwebkit使っててもwebglまで対応してるのは少ないし
そう考えると米steam社のlinuxへのopenglで移植とか合理的だわな…win8入れたらﾀｯﾁﾊﾟﾈﾙになっちゃうって思ってるひと大石内蔵助なんだな
2013/02/02(土) 10:18:18.28
【日本】「5歳児が難病です。募金お願いします！」→嘘で韓国人逮捕ｗｗｗｗｗ募金総額1100万円ｗｗｗｗｗちょろすぎィｗｗｗ
http://blog.livedoor.jp/crx7601/archives/23626625.html
2013/02/02(土) 16:59:27.83
あとはマイクロソフトがWebGLをサポートしてくれればな・・・
今までも、そしてこれからも、ブラウザシェアはIEがトップだろうし。
まあ、無理っぽいけどさ。
2013/02/02(土) 22:59:02.46
冒険しないからこその価値もあるんだよ
IEはただのブラウザじゃなくて膨大な業務クライアントを動かす超重要なプラットフォームなんだから
2013/02/02(土) 23:11:49.02
何この人、複数のスレに同じレス書いて気持ち悪い
2013/02/04(月) 23:37:21.50
なんだややこしいな
へんな事すんなよ
2013/02/09(土) 17:44:01.82
http://www.chromeexperiments.com/detail/webgl-cubes/?f=webgl
WebGLってこういうデモが簡単に見れるようになった事が最大の存在意義だよな

今までは得体の知れないexeを運任せで実行するか、ソースを落としてうまく行く事を
祈りつつビルドするしかなかった(大抵はうまく行かないか、やたら苦労する)
2013/02/11(月) 11:16:48.74
ブラクラ注意
2013/02/12(火) 00:25:09.84
>>532
そりゃおまえPCがショボイだけだろw
2013/02/12(火) 00:30:03.92
ごめん
firefoxで見てた
あかんわこいつ
2013/02/12(火) 22:24:09.43
Firefoxは駄目だよね・・・
WebGLやるなら、やはり最強のHTML5ブラウザIE10だよ
2013/02/12(火) 23:15:53.90
>>535

>>531はIE10ではサポート外だそうだ。
2013/02/12(火) 23:18:50.91
結局Chromeでしか動かない事実上の独自規格
昔のMSと変わらんな
2013/02/13(水) 01:16:37.29
"chrome"experimentsだからね。firefoxで動作確認してないものばかりだから仕方ない
俺はFirefoxで普通に動いたが
2013/02/15(金) 05:41:03.54
QtWebKit bundled with Qt 4.7
https://github.com/QupZilla/qupzilla/issues/650
https://lists.webkit.org/pipermail/webkit-qt/2012-July/002972.html
>After that you have to run QtTestBrowser with the following switches:
>
> -graphicsbased -gl-viewport -tiled-backing-store -viewport-update-mode
BoundingRect -webgl <page name>

Qtwebkitも4.7までは簡単にテストできたけど4.8以降はこれだけ準備しないと
あかんからなぁ…まぁQtならopenglのほう使うほうがパフォーマンスもいいし
セキュリティホール空ける方向に進まなくて済むしでそっちのほうがいいんだろうけど。
2013/02/15(金) 18:43:08.92
レスリング五輪除外の裏に韓国マネーか
http://blog.livedoor.jp/osmay/archives/24479795.html
2013/02/19(火) 12:41:47.41
googleの絵が太陽系儀の円盤みたいになってますね
一応ケプラーの法則に従っているようですが
これはWebGLで描かれているんでしょうか？
2013/02/19(火) 13:54:32.54
canvas2dです
2013/02/22(金) 00:22:56.04
すんません。
CANVASでドットって打てるんでしょうか？マニュアル見た感じ命令無いみたいなんですが。

やりたいことはマンデルブロ図形を描くことです。
おすえてエロいチト。
2013/02/22(金) 05:28:30.25
>>543
ドットを打つならfillRectでも良いかな
マンデルブロ集合みたいな画像生成なら、ピクセル単位で直接画像データにアクセスするImageDataを使うと効率的

http://www.programmingmat.jp/soft_dev/mandjs.html
2013/02/22(金) 07:15:03.34
swf みたいにソースの暗号化とあとi3よりレガシーなcpuとグラボ性能の
要求がなければもう少し開発者に受けそうだが使いどころは限られそうではあるか
2013/02/22(金) 18:31:50.88
>>543
ドットでやると遅くなるから
メモリに描いてバッファ転送の方が良い
2013/02/25(月) 15:50:26.88
回答有難う御座います。ImageData見てみます。

ついでにもう一つ質問なのですが、CANVASで線を引くとアンチエイリアスが
かかってにじむんですけど、アンチエイリアスかけないことはできるんでしょうか？
2013/02/25(月) 15:54:33.30
環　境　依　存
549デフォルトの名無しさん
垢版 |
2013/02/25(月) 17:45:53.35
>>547
ttp://ex.osaka-kyoiku.ac.jp/~fujii/OJ/wz_jsgraphics.html
2013/02/26(火) 23:35:47.38
【泥棒大国】対馬から盗まれた仏像、日本に返還してはならない-韓国の地裁が仮処分
http://news.harikonotora.net/r/26308/
2013/02/27(水) 07:54:23.58
巣にカヘレ
2013/02/28(木) 19:53:02.80
NHK中央番組審議会が韓国のスパイ機関と判明 駒崎のお陰でNHKのヤバ過ぎる実態が次々と明らかに
http://asianews2ch.livedoor.biz/archives/24983834.html
553デフォルトの名無しさん
垢版 |
2013/03/04(月) 13:27:04.61
658 デフォルトの名無しさん [sage] 2013/03/04(月) 06:20:23.67 ID: Be:
    >>624
    > JavaScriptってうまく持ち直したよな。

    最近はやっぱりJavaScriptクソじゃんって流れになってると思うｗ
    Hacker Newsあたり最近そういう米ばっかだし、国内でもはっきり言うプログラマが増えてきた。

    だいたい、仮にも高級言語であるにもかかわらず
    CoffeeScript、Dart、Haxe、TypeScriptと
    変換言語が次々と出てくる時点でそのままで使えないと証明されたようなもの。
    「そこまでしてJavaScript書きたくないのか」と言うJSerがいるんだが、

    　　　そ の 通 り だ

    そこまでしてでもJavaScriptを書きたくないんだ。

659 デフォルトの名無しさん [sage] 2013/03/04(月) 06:23:50.67 ID: Be:
    ついでにECMAScript 6はさらにクソ言語化が進むようだし
    将来にも期待できないという。
    根本的にJavaScriptは関わってる連中全員がクソ
2013/03/09(土) 10:06:56.66
【朝日捏造＆慰安婦】ついに国会で真実が語られる
http://alfalfalfa.com/archives/6347789.html
555デフォルトの名無しさん
垢版 |
2013/03/11(月) 17:40:48.87
消されたぬ
2013/03/15(金) 17:55:20.97
消すと増える法則が発動中
2013/03/20(水) 00:46:08.84
MSとAppleに拒否られてる時点で未来はない罠
2013/03/20(水) 00:58:15.73
わざわざセキュリティリスク冒すほど特にメリットないからな
ゲームならどうせ長時間動かすんだからプラグイン方式かネイティブで十分なんだし
2013/03/20(水) 04:05:40.28
天下のGoogleが推してるってだけで未来ある
2013/03/20(水) 08:50:42.30
GoogleはWeb SQLとかも推してたけどな
2013/03/21(木) 09:53:56.97
HTML5デモ「日本全国花粉飛散マップ」を作って分かった
CreateJSとTypeScriptでの効率的な開発手法
ICS LAB
http://htn.to/7m1sEe5
2013/03/22(金) 17:18:17.90
韓国議員５３人が対馬訪問！領有権主張へ！
http://crx7601.com/archives/25907369.html
2013/03/24(日) 19:28:04.95
operaはシェーダー内の関数に対応してないのか
2013/03/29(金) 11:01:26.63
Mozilla、Epicの「Unreal Engine 3」をウエブに移植
http://news.mynavi.jp/news/2013/03/28/143/
2013/03/29(金) 11:09:07.71
独自に組み込んだ中間言語を使って速くしました、って…
結局オレオレプラットフォームじゃないですか
2013/03/29(金) 11:35:01.30
>564
動画見ると10年前のゲームみたいなクオリティなんだが
2013/03/29(金) 11:44:37.39
10年前と言えばPS2とPS3の間か
Webでそこまで出来る様になったんだな
2013/03/29(金) 11:48:54.02
>>567
Unity3Dとか前から普通にブラウザで動くじゃん
webでwebでというなら純粋に標準技術だけで作ることに意味があるのに
asm.js使うとか本末転倒
2013/03/29(金) 23:28:17.74
WebGLも標準じゃねぇし
2013/03/30(土) 04:07:45.45
flashは標準(キリッ
2013/03/30(土) 10:16:56.92
プｗ
いつものアポー信者がファビョりだした＾＾；
2013/03/30(土) 15:59:53.07
>>566
どんだけJSを早くしても、WebGLの仕様上それぐらいの表現が限界だろうね。
WebGL2.0(?)＝OpenGL ES3.0になれば、PS3ぐらいの表現が出来そう。
2013/03/30(土) 21:36:40.33
その前に回線とサーバーが悲鳴を上げる
2013/03/30(土) 22:40:51.99
アレー
2013/04/02(火) 22:33:17.24
SL#（えすえるしゃーぷ）とは、GPUで実行されるプログラマブルシェーダーを、超高級言語である
C#で書けてしまうという夢のようなオープンソースのフレームワークである。
http://monobook.org/wiki/SL_Sharp
2013/04/03(水) 00:01:44.55
WebGLなんてJavascriptで書けるんだぜ
夢のようですか？
2013/04/03(水) 12:55:20.36
かなり悪夢のようです
2013/04/03(水) 12:55:32.15
簡単なオブジェクトをお手軽にＨＰに乗せる方法教えて
2013/04/03(水) 18:41:49.38
オブジェクトをお手軽にＨＰに乗せる簡単なお仕事です
2013/04/03(水) 18:44:13.97
ドラッグ＆ドロップ汁
2013/04/04(木) 16:40:00.45
>>578
https://docs.google.com/presentation/d/1ZRIQbUKw9Tf077odCh66OrrwRIVNLvI_nhLm2Gi__F0/embed?start=true&;loop=true&delayms=9000#slide=id.p
582デフォルトの名無しさん
垢版 |
2013/04/11(木) 20:31:42.72
IE11の対応が確実になった
おめでとう
2013/04/12(金) 00:30:16.66
↑レジストリ書き換えないと使えないとかかなり微妙だろ・・・
2013/04/12(金) 00:55:08.45
IEに載るってことはこの先10年は仕様変更できないどころか
初期バージョンの実装のクセが大事にずっと保たれ続けることを意味するわけだ
585デフォルトの名無しさん
垢版 |
2013/04/12(金) 06:22:59.07
その前にIEもwindowsもMSも無くなってそう

http://uni.2ch.net/test/read.cgi/newsplus/1365638811/
米調査会社ＩＤＣは１０日、今年１〜３月期の世界のパソコン出荷台数が前年同期比１３・９％減の７６２９万台になったと発表した。
７・７％減の予想を超す減少幅で、１９９４年に四半期ごとの調査を始めて以来、最大の落ち込みとなった。減少は４四半期連続。

消費者の関心がタブレット端末やスマートフォン（多機能携帯電話）に向かっているほか、
米マイクロソフトが昨秋発売した新基本ソフト（ＯＳ）「ウィンドウズ８」の人気が振るわないことが主な要因。

ＩＤＣのオドネル氏は「ウィンドウズ８はパソコン市場を活性化するどころか、足を引っ張っているようだ」と指摘した。
http://www.47news.jp/CN/201304/CN2013041101000904.html
2013/04/12(金) 09:19:14.01
だからって他のが伸びてるか? Windowsのシェアはどうなってる?
さらに業務PCも含めるとどうだ?
現実の数字見るのって大事よ
2013/04/13(土) 03:03:41.64
asm.jsとかparallels.jsとか皆気になる？
もしかするとOpenCLではなくてこういう方向性で進んでいくんだろうか

実際にそういう方向で進んで行った場合、ネイティブの半分のパフォーマンスってどう？
最近のCG作品ってCPUは実際そんなにフルに使うこと無いのかな

つうか何でネイティブで行列の演算関数用意しないのかとても不思議
2013/04/13(土) 12:12:11.05
どうせシェーダに投げるだけだからな
2013/04/13(土) 12:50:22.06
アプリは全部シンクライアントになるからネイティブに回帰するだろ
2013/04/13(土) 16:36:33.90
valarrayの二の舞になるのがオチ
2013/04/27(土) 17:00:12.72
>>553
> だいたい、仮にも高級言語であるにもかかわらず
> CoffeeScript、Dart、Haxe、TypeScriptと
> 変換言語が次々と出てくる時点でそのままで使えないと証明されたようなもの。

なかまがふえたよ。Zynga製のPlayScript

playscript/playscript-mono ・ GitHub
https://github.com/playscript/playscript-mono

JavaScriptどんだけ嫌われてるんだよ・・・

>>566
Epic Citadelだね。ずっと前に作られたFlash版↓と同じものだ。

Flash Game Development Engine by Unreal | Epic Citadel
http://www.unrealengine.com/flash/

一方、これが最新Unreal Engine 4のデモなのでやっぱり差はあるよな

Unreal Engine 4 "Infiltrator" Real-Time Demo - YouTube
http://www.youtube.com/watch?v=dO2rM-l-vdQ

あとJavaScript相変わらず遅すぎﾜﾛﾀ

Box2d Revisited
http://j15r.com/blog/2013/04/25/Box2d_Revisited

つか最近やっぱHTML5だめじゃね？って人が海外どころか国内でも急激に増えてる感あるし
控えめに言っても前途多難そうだね。
2013/04/27(土) 17:04:32.78
今のJSはネイティブ並みの速度が出るなどと寝言ほざいてた連中の感想を聞きたい
ttp://j15r.com/blog/2013/04/25/graph0.png
新着レスの表示
レスを投稿する

5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況