老舗ベンチマークソフトメーカー 今回ご紹介するのは、オンラインで即座に実行可能なウェブベンチマークアプリケーションです。 ベンチマークに関しては大手と言って差し支えない企業、Basemark が提供しているウェブサービスで、ブラウザそのものがどの程度の性能を持ち、実行環境でどのような最大性能が発揮できているか、数値でベンチマーク結果を教えてくれます。 テスト項目はかなり多岐に渡りますが、CSS3 や WebGL に関するものが多めになっています。 ウェブの FREE バージョンを使ってみよう ページに訪れると、画面に大きくスタートボタンが配置されたページが出てくると思います。 このページに訪れた時点で、どのような OS で、どのようなブラウザを使い、どのようなモニターで閲覧しているのか、といった情報が既に表示されているはずです。 画面を一番下までスクロールしていくと、デモモードでの起動もで
【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の現状とその将来性について語られた。
こんにちは、Monacaチームで3Dモデリングを担当している浦本です。 three.js（ http://threejs.org/ ）とは、ブラウザベースでリアルタイムな3Dグラフィックス描画を可能とするJSライブラリです。FlashやUnityなどの外部プラグインに依存せずにWebGLを利用して描画が行われるため、HTML5アプリに手軽に3Dコンテンツを組み込むことができます！今回はMonacaを用いて、three.jsをモバイルアプリで利用してみたいと思います。 ■デモ 今回作るのは3Dモデルファイルを読み込んで表示するだけの簡単なサンプルアプリです。 マウスを動かすと、Monaca公式キャラクターであるモナカマンがぬるぬる動きます。 ■動作環境 WebGLの動作環境として、AndroidアプリであればAndroid 4.0以上、かつCrosswalkを有効にしていることが必要です。M
日本ではノベルゲームが人気です。激しいアクションや難解なパズルがある訳ではなく、会話を糸口として選択していくことで目標を達成できるゲームになります。 そんなノベルゲームをWebブラウザ上で表示しよう言うのがWebVNです。中国語製ですが、完成度は高いようです。 WebVNnの使い方 デモゲームを紹介します。 全然読めませんがノベルゲームというのは分かります。 背景画像をアニメーションさせることもできます。 キャラクターを追加表示したり消したりできます。 WebVNはノベルゲームとしての基本機能は押さえられています。WebGLを使っているので高い表現力が実現できるのが特徴となっています。 WebVNはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 滤镜和过渡效果 surunzi/WebVN
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)
世界最先端の気象レーダを使用し、3次元降雨データをリアルタイムで観測処理、データを配信することで雨雲の動きを3Dアニメーションで表示してくれるのが情報通信研究機構(NICT)と天気予報サービス「ライフレンジャー」が共同研究で実現したアプリ「3D雨雲ウォッチ」です。従来型レーダでは5分間隔だったところを30秒間隔で観測可能で、豪雨がやってくる5分前には通知でお知らせしてくれすばやく避難できるとのことなので、実際に使ってみました。 3D雨雲ウォッチ ～フェーズドアレイレーダ～ http://pawr.life-ranger.jp/ 3D雨雲ウォッチはAndroid向けアプリなので、まずはGoogle Playからアプリをインストールします。 3D雨雲ウォッチ～フェーズドアレイレーダ～ - Google Play の Android アプリ https://play.google.com/sto
MENU RENDERED IN DOM SLIDER BELOW IS RENDERED IN WEBGL, DRAG IT Select me with DevTools 7.8/10 Change me in DevTools 8.0/10 Breaking bad 9.6/10 Quantum of solace 6.7/10 Quantum of solace 7.4/10 Quantum of solace 7.4/10 Quantum of solace 7.4/10 Quantum of solace 7.4/10 Quantum of solace 7.4/10 Quantum of solace 7.4/10
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5になってWebの表現力は格段にあがっています。その表現力を担うのがCanvasやWebGLになります。特にWebGLはiOS8からようやく使えるようになったとあって、今後注目を集めるのではないでしょうか。 その一例として今回はTangramを紹介します。Open Street MapとWebGLを組み合わせた素敵な表現を行うソフトウェアです。 Tangramの使い方 例えば下のような画像です。地図部分はOpen Street Mapを使い、その上にWebGLで建物を3Dで描画しています。 視点の変更もできます。斜めにするとより立体的です。 アニメーションもサポートしています。ビルがにょきにょき。 こっちはマウスのドラッグに合わせてビルがせり上がります。 ウッディーな描画も
久しぶりの更新となりましたが、そろそろ自分の制作物でもちょろっと紹介しようかなと思います。 作成したのは2013年の各県庁所在地の日別の降水量を日本地図上に簡単な棒グラフでマッピングしたデモです。 デモのリンクはこちら ※WebGLが表示可能でないブラウザだと表示できません。また、GPUを使用するため、PCによっては重くなるかもしれません。 ソースコードはGitHubで公開してるので、こちらからどうぞ。 使用している技術について簡単に紹介します。 WebGL WebGLとは、Webブラウザ上でOpenGL ES 2.0のグラフィックAPIをHTML5のグラフィックスを描画するcanvas要素にJavaScriptを用いて使えるように開発された3次元コンピュータグラフィックスを表示するためのプラットフォームです。
機能充実のオンラインシェーダエディタ！ 以前、ブログで一度紹介したことがある WebGL のヘルパーライブラリである Kick.js。 こちらはデンマークのエンジニアによって開発されているものですが、以前に見たときよりもかなりいろいろな面で進化していたのでご紹介します。 特に今回は、シェーダエディタにフォーカスを当てて紹介してみます。 かなり豊富な機能が盛り込まれた本格仕様 シェーダエディタは私自身も自作したことがあるのですが、汎用的なつくりにするにはそれなりに手間が掛かります。 Kick.js のオンラインシェーダエディタは、その設定の豊富さなど、かなり意識して作られていて非常に素晴らしいです。 左上にレンダリング結果がリアルタイムに更新されて表示されます。 右側には、シェーダだけでなくテクスチャやその他の設定を変更するためのメニューが豊富に取り揃えられています。 またボタンを見るとわか
Tinkercad is a free, easy-to-use app for 3D design, electronics, and coding.
Typed arrays - Binary data in the browser Stay organized with collections Save and categorize content based on your preferences. Introduction Typed Arrays are a relatively recent addition to browsers, born out of the need to have an efficient way to handle binary data in WebGL. A Typed Array is a slab of memory with a typed view into it, much like how arrays work in C. Because a Typed Array is bac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く