書籍情報―JavaScriptとWebGLによる 画像処理プログラミング
「WebGL」は、Web上で3Dグラフィックスを動かすためのAPIですが、そのベースとなっている技術は、「組み込み機器」用の「OpenGL」として策定された、「OpenGL ES 2.0」です。 この「WebGL」の最大の利点は、「メモ帳」などの「テキスト・エディタ」でプログラミング可能であり、特別なプラグインなしで実行できることです。 「OpenGL」をベースにしているので、これまで「OpenGL」を利用したユーザーであれば、容易に習得できます。 本書では、「JavaScript」と「WebGL」を使って、「2D」および「3D」の画像処理 ――「加工」「解析」「合成」の仕組みを分かりやすく解説します。 第1章 「2次元 図形」と「画像」の作成 ［1-1］ JavaScriptによる図形作成 ［1-2］ 「図形」の「線形変換」 ［1-3］ アニメーション ［1-4］ 画像の作成 第2章 基
初めてのThree.js 第2版
JavaScript 3DライブラリThree.jsの解説書。実用的なサンプルを例示しながら、Three.jsによるウェブ3Dコンテンツ作成のすべての側面を解説します。対象読者は、初中級のウェブ開発者。JavaScriptとHTMLの基礎知識があれば数学やWebGLに詳しくなくてもかまいません。本書では、光源や影、マテリアル、ジオメトリ、パーティクルなど3Dシーンの作成に必須の基本的な内容から、カスタムシェーダーや物理エンジン、立体音響の利用といった応用的な内容までをわかりやすく丁寧に解説します。日本語版では、モバイルVRアプリの開発と、MikuMikuDanceモデルデータをブラウザ上で扱う方法についての解説を巻末付録として収録しました。 本書のサンプル 訳者まえがき まえがき 1章 初めての3Dシーン作成 1.1 Three.jsを使用する要件 1.2 ソースコードの取得 1.2.1
たくさんの有名な作例とそのソースコードを集約したリポジトリ！ WebGL Samples を活用しよう！ - WebGL 総本山
top 2015 年 07 月 たくさんの有名な作例とそのソースコードを集約したリポジトリ！ WebGL Samples を活用しよう！ 有名なデモが大量に収録された作例集 今回ご紹介するのは、WebGL が話題になり始めた初期の頃から存在する、有名な作例を多数収録したサンプル群です。 このページ自体は、WebGL 界の著名なエンジニア、greggman 氏が管理しています。greggman 氏は、WebGL Fundamentals という WebGL の入門サイトや、TWGL.js という WebGL ヘルパーライブラリなどの作者の方です。 今回ご紹介するページに掲載されているデモは、かなり有名なものが多いので見たことがあるという方のほうがもしかしたら多いかもしれません。WebGL 黎明期より存在する今もなお貴重な作例をぜひ楽しんでみてください。 3D や 2D の多彩な実装例 Web
日本MS、アニメ「翠星のガルガンティア」を高品質3Dゲームとして再現しWeb技術の限界に挑戦
アニメ本編の繊細な外観と雰囲気を、リアルタイムできめ細かく再現しており、レドとサーフカイトのシルエットやライティングは、高度なトゥーンシェーダーと影のレンダリングによって表現する。また、Internet Explorer 11を使ったタッチ操作に最適化されているが、マウスとキーボードを使ったプレイにも対応している。 開発は、イギリスのゲームデベロッパーであるTurbulenzとともに、オープンソースのゲーム開発エンジン「Turbulenz Engine」を使用して行った。「Turbulenz Engine」は、JavaScriptとTypeScriptで実装した2D/3Dゲーム開発のためのエンジンで、ハイパフォーマンス物理エンジンや高品質なビジュアルエフェクト、パーティクルシミュレーション、アニメーションエンジンなど豊富な機能を搭載し、ゲーム技術の幅広い範囲をカバーする。 なお、「翠星のガ
WebGLことはじめ
WebGL Tokyo Meet upで話したスライドです。 WebGLのセットアップからGLSLなどの、Hello Worldをざっくりと解説しています。
web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
6OS対応の土台とWebGL／Three.jsで動くFirefox OS／Tizenアプリを作成
WebGLで動く3Dテトリス：Firefox OSとTizen編 前回の「6つのモバイルOS向けにアプリを作るための基礎知識」では、急増するさまざまなモバイルOSに対してマルチプラットフォームで動くHTML5アプリを作成するための基本的な情報を書きました。 今回は、実際に動作するサンプルアプリを使って各開発環境のうち、Firefox OSとTizenにおけるアプリの作り方と汎用的に使える「ベースパッケージ」の作り方を説明します。 HTML5によるアプリ作成はNativeアプリと比べて覚えやすいと思いますので、今までモバイルアプリを開発していない方もぜひ、この連載を通して体験してください。 エディタと開発環境 アプリを作成するためには、まずプログラムコードを読み書きするための開発環境が必要です。HTML5のアプリはHTML／CSS／JavaScriptで作るため、極論をいってしまえば、ただの
JavaScriptとWebGLベースの3Dゲーム構築ツール「Voxel.js」 | OSDN Magazine
JavaScriptおよびWebGLを利用する3Dゲーム制作ライブラリ「voxel.js」が公開された。2012年末にスタートしたプロジェクトで、「Minecraft」のようなブロックゲームを容易に作成できるという。現在活発な開発が行われている。 voxel.jsはMax Ogden氏とJames Halliday氏が開始したプロジェクト。Ogden氏もHalliday氏もともにゲーム開発者ではなく、楽しく、シンプルに、容易にゲームを作成できることを目指しているという。 voxel.jsではJavaScriptベースの3Dレンダリングエンジン「three.js」やWebブラウザ上で3Dグラフィックの表示を行うWebGLなどを利用する。メインモジュールとなる「voxel-engine」やボクセルデータなどを生成する「voxel」、3Dメッシュとしての表示を行う「voxel-mesh」といった
多彩な表現力のWebGLを扱いやすくする「Three.js」
多彩な表現力のWebGLを扱いやすくする「Three.js」：Webグラフィックをハックする（5）（1/5 ページ） Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎 本連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する「WebGL」です。ただし、これまでと違ってAPIを直接は触れず、「Three.js」を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し
Google、全世界の検索状況を視覚化したSearch Globeを公開
米Googleは2011年5月5日、世界中のGoogle検索の利用状況をビジュアルに表現したツールSearch Globe （サーチ・グローブ）を公開した。 Google Search Globeは世界の1日の検索利用状況を地球儀上にグラフィカルに表現した。検索のエリアとボリュームを表しており、グラフのバーが高いほど検索数量が多いことを意味する。たとえば欧州各国は異なる色のバーが全体的に表示され、一方のアジアでは日本は全体的に、首都圏を中心にバーが伸びている（検索されている）ことがわかる。一方、インターネットアクセス環境が十分に整っていない、アフリカ地域などは真っ黒になっている。Googleは、やがてインターネットへのアクセス環境が広がり、人々が質問を投げかけるようになれば、このSearch Globeがもっと輝くだろうと述べている。 Google Search Globeは最新のブラウザ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
【Unite Japan 2014】ブラウザで動くUnity。魔術的WebGL対応の技術が明らかに！ 「Unity Web Player」はいずれ消滅？HTML5で完璧なブラウザインテグレーションを目指す
JSModelerで簡単3Dモデリング
IE11の目玉機能は、WebGL、新しい開発ツール、そしてSPDY
「Windows 8.1」プレビュー版が公開、IE11ではWebGLをサポート 「スタートボタン」似のボタンを搭載、3Dプリンターに対応
Microsoftがセキュリティを理由にWebGLを拒否