GitHub - bbc/VideoContext: An experimental HTML5 & WebGL video composition and rendering API.
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="../dist/videocontext.js"></script> </head> <body> <!-- A canvas needs to define its width and height to know how many pixels you can draw onto it. Its CSS width and height will define the space it takes on screen If omitted, the canvas dimensions will be 300x150 and your videos will not rendered at their optimal defi
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とWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て！（前編）
WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て！（前編） 西田慎吾（株式会社アイ・エム・ジェイ） 今回はHTML5JapanCup2014にてWebGL賞と優秀賞を受賞したオンラインレースゲーム、JS-Racingの技術解説を書かせていただきます。 このコンテンツはWebGLの3D表現を活かした3Dレースゲームです。 また、WebSocketを使用しサーバを介して、複数のクライアントでの同時走行が可能なオンラインゲームになっています。同時に、ソケット通信時に発行されるソケットIDをPCとスマートフォンで共有することで、スマートフォンからPC上の車を操作することも可能です。 クライアントサイドの使用技術 クライアントサイドの構築において、目的・用途に応じて使用した言語やライブラリに関して解説します。 TypeScriptによるクラス設計 クライアン
PlayCanvas - 今後のトレンド！HTML5/WebGLなゲームエンジン MOONGIFT
iOS 8からSafariがWebGLに対応することが発表されました。これによりスマートフォンにおいてもWebGLを使ったコンテンツが広がりを見せるでしょう。特に利用されると思われるのがゲーム分野かと思います。 そこで注目したいのがWebGLによるゲームエンジンを提供するPlayCanvasです。オープンソースなゲームエンジン、見逃す手はなさそうです。 PlayCanvasの使い方 数多くのデモが登録されていますので順番に見ていきます。 シンプルにキューブが浮かぶデモ。 モデルロード。回転しています。 光源を反映したデモ。 アニメーション。動きはスムーズです。 3D空間を走るデモ。 シェーダー。モデルが燃えながら消えていきます。 マウス、キーボード入力もサポートされています。 FPSデモ。マウスとキーボードで動き回れます。 iPod TouchなiOS 8であれば一部のデモが表示されました
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト
IBM Developer
