A WebGL fluid simulation that works in mobile browsers.
BMWがラインナップする次世代スポーツカー「i8」は、エンジンとモーターの力でパワフルな走りと低燃費性能を実現するという文字どおり次の世代を示すスポーツカー。そんな先進的なスポーツカーをHTML5とWebGLを使ってブラウザ上に再現しているのがゲームエンジン「PlayCanvas」のデモサイトです。サイトではi8がフル3DCGで表示され、車体色や内装色を変更できるほか、特徴的な跳ね上げ式のドアをあけて車内に滑り込めるなどとにかく驚愕のデモを体験することができます。 BMW i8 - PLAYCANVAS http://playcanv.as/p/RqJJ9oU9 サイトを訪れ、ページのロードが完了すると3Dで表現されたi8が表示されました。実際に車輪が回転し、緩やかに前進している様子が再現されています。 車体はマウスを使って360度全ての角度に回転させることが可能。リヤのルーフからテールラ
Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: Draw on the water to make ripples Drag the background to rotate the camera Press SPACEBAR to pause and unpause Drag the sphere to move it around Press the L key to set the light direction Press the G key to toggle gravity Features: Raytrac
HTML5で燃えさかる炎の表現に挑戦！ WebGL対応のJSライブラリAway3Dはパーティクル機能がかなり魅力的 先日の記事で紹介したJavaScriptライブラリ「Away3D TypeScript」(WebGLに対応)ですが、燃え盛る炎の表現を作成してみました。 デモは以下から試せますので、ぜひWebGL対応のブラウザ(Chrome, Firefox, IE11)を使ってご覧下さい。 Demo (WebGL対応のブラウザでご覧ください) Source (TypeScript 0.9.5で作成) 移植元のFlash版のデモ マウスで画面をドラッグ＆ドロップするとアングルを動かすことができます。もしかしたら環境によっては動作が重たいかもしれないので、ブラウザのウインドウサイズを小さくしてみると滑らかに再生できるようになるかもしれません。 ▲右クリックするとFlash Playerではない
MMD on WebGL は GitHub では MMDGL.js というプロジェクトだったんですが、nyamadan さんの mmdgl-coffee っていうプロジェクトが既にあったことに気づいたので、名前を変えました。 幸い MMDGL.js という名前は宣伝して来なかったので、この際 MMD.js という直球な名前にしました。まあプロジェクト名は全面に押し出すつもりもないし、これまでどおり MMD on WebGL という呼び方をすると思うので。 https://github.com/edvakf/MMD.js 本当にあざとい Lat 式 衝撃の初音ミク3Dモデル 衝撃というよりは笑撃と変な当て字を使ってしまいたいぐらい、衝撃を受けてなんか笑っちゃいます。 こんな3Dモデル見たことなかったよ・・・。 衝撃の初音ミク3Dモデル: GA-j blog Lat 式は特殊だ、とよく言われま
LEGO® - Rendering test - WebGL(html5) Click and drag to spin. A test to render Lego in good looking way(Imho). With some postprocessing like SSAO(Screen space ambient occlusion) and FXAA(Fast approximate anti-aliasing), shadowmap and reflections. Might be a bit 'heavy' for weaker machines. Done using three.js. Note. You need a modern browser that supports WebGL for this to run the way it is intend
Three.js is a powerful JavaScript library for creating 3D graphics in a web browser using WebGL. It allows placing 3D objects into a scene, defining a camera to view the scene, adding lighting, and rendering the 3D graphics. The basics of three.js include setting up a scene, camera, lights, geometry for 3D objects, materials, and a renderer. Examples are provided of what can be created with three.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く