HTML5＋WebGLでBMW i8の3Dモデルをブラウザでグリグリと動かしまくり＆カラー変更＆中も見えるPlayCanvasのデモがすごい
BMWがラインナップする次世代スポーツカー「i8」は、エンジンとモーターの力でパワフルな走りと低燃費性能を実現するという文字どおり次の世代を示すスポーツカー。そんな先進的なスポーツカーをHTML5とWebGLを使ってブラウザ上に再現しているのがゲームエンジン「PlayCanvas」のデモサイトです。サイトではi8がフル3DCGで表示され、車体色や内装色を変更できるほか、特徴的な跳ね上げ式のドアをあけて車内に滑り込めるなどとにかく驚愕のデモを体験することができます。 BMW i8 - PLAYCANVAS http://playcanv.as/p/RqJJ9oU9 サイトを訪れ、ページのロードが完了すると3Dで表現されたi8が表示されました。実際に車輪が回転し、緩やかに前進している様子が再現されています。 車体はマウスを使って360度全ての角度に回転させることが可能。リヤのルーフからテールラ
安定しないフレームレートに効果的！ WebGLのカクつき対策まとめ（Three.js編） - ICS MEDIA
ウェブコンテンツで3Dを扱える技術としてWebGLがあります。WebGLを利用すればブラウザ上で華やかな表現を実現できます。しかし、コンテンツの内容によっては処理負荷が高くなり、カクつきが生じる場合があります。カクつきはコンテンツの見栄えを損なわせ、作り手の想定とは異なる体験を与えてしまう可能性があります。そのような場合の対策として、本記事ではWebGLのカクつき解消方法をいくつか紹介します。 解説用にカクつきの起こりやすい高負荷なデモを用意しました。本記事で紹介するカクつき解消方法はこのデモで実際に体験できるので、読み進めながら同時に触れておくとイメージがしやすいと思います。 デモを別ウインドウで再生する ソースコードを確認する ※このデモはThree.js(r141)とTypeScript 4.7とwebpack 5で作成しました。開発環境の構築は記事「最新版TypeScript+We
【CEDEC 2015】ブラウザゲーム新時代の幕開けか？ "WebGL"が可能にしたブラウザと3DCGの新たな道 | ファミ通App【スマホゲーム情報サイト】
【CEDEC 2015】ブラウザゲーム新時代の幕開けか？ ”WebGL”が可能にしたブラウザと3DCGの新たな道 新時代を切り開く武器となるか2015年8月26日から8月28日までの3日間、パシフィコ横浜で開催されるコンピュータエンターテインメント開発者向けカンファレンス“CEDEC 2015”。ファミ通Appではスマホ関連のセッションを中心にリポート！ ここでは初日にあたる8月26日午前11時20分から実施された、“WebGLとモバイルウェブの「これまで」と「これから」 そして来るべきWebGL 2.0へ向けて”の講演の模様をお届けする。 本講演では、WebGL開発支援サイト”wgld.org“の運営やWebGLスクールの主催などもされている、まさにWebGLのスペシャリストである杉本雅広氏が登壇。WebGLの現状とその将来性について語られた。
圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 最近バランスボールで仕事してます。エンジニアののびすけです。 最近はHTML5が何かと話題になっていますね。今までWebブラウザの標準機能で実現できなかったことができるようになるということで注目されています。でも大抵の場合、HTML5とは広義で、JavaScriptやCSSも含めた意味合いのことが多いです。 今日は、そんなHTML5のAPIの1つであるWebGLを使ったサイトやデモを紹介したいと思います。WebGLはWebブラウザ上でプラグインなどのインストールなしで3D表現を行える技術です。 ※WebGLはPCブラウザではIE10以前のバージョンに未対応、そしてスマートフォンブラウザでも閲覧できないので、それ以外のブラウザで見てください。 特にこだわりがなければGoogle Chromeでの閲覧が好ましいです。また、WebGLの描画はPCに掛かる負荷が大きいので高いマシンス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
