今一番JSで熱いゲームエンジン、RPGツクールMVのランタイムコードを読んでみた - Qiita
一昔前にCanvasが実用段階になった頃、JSのゲームエンジンが大量に出てきたことがありました。それらは大抵DOM/CanvasのFallbackを持っていたのですが、今現在の状況は、実際には非効率なメモリ消費やモバイルのブラウザのフラグメント化で実用に足るものがなかった、という辛い現状があります。 そんな中pixi.jsという描画ライブラリが台頭してきました。このエンジンは webglとcanvasの fallbackを持ち、(いくらかのバグはありつつも)DOMを切ったことで現実的なパフォーマンスの課題をクリアできるのでは？という期待感が高まっています。 Pixi.js - 2D webGL renderer with canvas fallback http://www.pixijs.com/ そして 2015年、RPGツクールMVが発表され、ブラウザ吐き出し対応がアナウンスされました
WebGLStudio
3D Development environment for the web. WebGLStudio (formerly known as WebGLStudio) is a platform to create interactive 3D scenes directly from the browser. It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app. Try WebGLStudio.js Example Source on GitHub Documentation Learn or you can use the latest version (more features and more bugs)
超弾幕も可能？ WebGL高速化のススメ
今日のテーマ WebGL高速化のススメ 今回はあくまでも WebGL 特有の高速化 TIPS です。 WebGL にあまりなじみのない方もいらっしゃると思うので…… そもそも WebGL って？ というところから簡単に解説します。
PlayCanvas - 今後のトレンド！HTML5/WebGLなゲームエンジン MOONGIFT
iOS 8からSafariがWebGLに対応することが発表されました。これによりスマートフォンにおいてもWebGLを使ったコンテンツが広がりを見せるでしょう。特に利用されると思われるのがゲーム分野かと思います。 そこで注目したいのがWebGLによるゲームエンジンを提供するPlayCanvasです。オープンソースなゲームエンジン、見逃す手はなさそうです。 PlayCanvasの使い方 数多くのデモが登録されていますので順番に見ていきます。 シンプルにキューブが浮かぶデモ。 モデルロード。回転しています。 光源を反映したデモ。 アニメーション。動きはスムーズです。 3D空間を走るデモ。 シェーダー。モデルが燃えながら消えていきます。 マウス、キーボード入力もサポートされています。 FPSデモ。マウスとキーボードで動き回れます。 iPod TouchなiOS 8であれば一部のデモが表示されました
WebGLを使った3Dマップ描画エンジン「Cesium」:phpspot開発日誌
Cesium - WebGL Virtual Globe and Map Engine WebGLを使った3Dマップ描画エンジン「Cesium」 スペックの低いマシンやブラウザ等では動かないと思いますが、なかなか凄いデモが実装されており、一見の価値有り。 色々とデモが公開されており、こうしたことが可能だと認知しておくといいのかも。 CSS3とかHTML5とかでどんどん進化していますが、WebGL等をうまくインタフェースに使ったサイトが未来では当たり前なのかも 関連エントリ 既にここまで出来るWebGLのデモ２２ WebGLではなくSVG、CANVASを使った迫力ある3D表現デモ「Flat Surface Shader」
覚えた、Android ChromeのWebGLを有効にする方法
Android 4.x Chrome だと WebGL が見れるとうわさが… 早速three.jsのexampleを見たけど、Browserは対応してるみたいだけどGraphic boardが対応してないよ、みたいなメッセージが表示されて真っ黒な画面のまま。 ガセだったかと思ったけど、Chromeなので設定いじればどうにかなるかな〜と思い、URLに chrome://flags と入力してみた。 見にくい画面をスクロールしていくと、あったあった「WebGL を有効にする Android」って項目が。 有効にして「今すぐ再起動」。 見れた！ 見たのはこれ。 http://threejs.org/examples/webgl_buffergeometry.html 15fps出てるなー WebGLえらいなー 機種は Galaxy SC-03D (LTE) Android 4.0.4 こんな面倒
WebGL and Three.js
Colin Barre-Brisebois - GDC 2011 - Approximating Translucency for a Fast, Che...Colin Barré-Brisebois
HTML5で近代的な3Dゲームを実現する第一歩になりそうなWebGLのデモ - Chrome Life
3Dグラフィックスをブラウザだけで表現できる「WebGL」は、HTML5が浸透してくることでますます期待されています。 今までもWebGLを使ったサンプルやアプリケーションが登場していますが、どちらかというと3次元で表現したものがブラウザで見れるといったレベルのものがほとんどでした。 ブラウザで表現するのにも限界があるのか？と思っていましたが、そんなことはないというサンプルを見つけました。 Team Fortress2が作ったthree.jsのWebGLを使ったデモです。 精密な3Dグラフィック表現、キャラクターのスムーズなアニメーション、微妙な影の重なり具合など完成度が高いサンプルになっています。 本当にブラウザで動いてるの？ と疑ってしまうほどです。 three.jsは、JavaScriptからWebGLを簡単に使えるようになるライブラリーです。 今までもthree.jsを使ったサンプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/hp0me/items/1c8d099bacbb5e068081
WebGLを使って画像にエフェクトを与える為のJavaScriptライブラリ・「glfx.js」
Goodboy Digital