【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に掛かる負荷が大きいので高いマシンス
食べ物を出力する3Dプリンターが一家に1台置かれる未来
3Dプリンターの大衆化は産業のありかたを大きく変えましたが、今後、食料問題や食べ物のあり方を大きく変えると見られているのが食べ物を出力する3Dプリンター。かつてスター・トレックではレプリケーターが分子を材料として食べ物を作り出していましたが、そのような未来がやってくるのか、Digital Trendsがまとめています。 3D Food Printers: How They Could Change What You Eat | Digital Trends http://www.digitaltrends.com/cool-tech/3d-food-printers-how-they-could-change-what-you-eat/ 一言で「食べ物の3Dプリンター」と言っても、その種類はさまざまです。例えば、水・砂糖・フレーバー・着色料を投入することで、さまざまな形・色・風味のキャンデ
友人をスマホで撮影して3Dモデル化してUnityで動かしてみた
3d model from photos](http://cdn.123dapp.com/wp/wp-content/uploads/2014/09/catch-for-android.jpg) 上記のビデオにもありますが、基本的には周囲をぐるぐると回りながら20枚前後の写真を撮影、123Dのサイトにアップロードすることでモデルデータ化されます。 今回、友人の小島さんが撮影した友人の伊藤さんは次のようなデータになりました。iPhone5での撮影です。 試行錯誤の結晶 2014-07-27-18-27-10 3D Model Made with 123D 123D Catch なかなか綺麗な仕上がりです。背景になっていた壁や道路、カフェもモデル化されており妙な迫力があります。そしてモデルデータは.obj形式か.3dp形式でダウンロードできます。このままでも一応、Unityへ持っていく事が可能
3Dで雪を降らせるJava Script「Snow in 3D」を設置してみた
【この記事を読むのに必要な時間は約 10 分です。】 JavaScriptで雪を降らせる「Snowstorm」をクリスマスシーズンなので、ブログやサイトに雪を降らせるSNOWSTORMを設置してみたで、また、Jqueryプラグインで雪やら色々降らせる「Snowfall」をブログやサイトに雪やら色々降らせるJQUERYプラグイン「Snowfall」の設置で、紹介した。 もう、いいだろうと思ったが、「Snowfall」の時に参考にしたぷらすぶろぐさんの今年は迫力の3Dでワードプレスに雪を降らすで紹介されているJavaScript「Snow in 3D」を、実際に設置してみたので、説明する。 「Snow in 3D」のダウンロードとサーバーへのアップロード 必要ファイルのダウンロード こちらが「JavaScript HTML5 Canvas Snow in 3D」のホームページ。 必要ファイルは
3D CSS Tester
Parent container Perspective "Cube" container Preserve 3D Automatic rotation X Y Z Cube Coordinates Cube x Cube y Cube z Cube rotation Cube rotate x Cube rotate y Cube rotate z Front logo (MDN) Front logo Coordinates Front x Front y Front z Front logo Rotation Front rotate x Front rotate y Front rotate z Front Backface visibilily
日本発の3Dプリンター銃「Defender Mk.II」など所持容疑で逮捕、一体どのようにして銃を作ってしまったのか？
「インターネットの動画投稿サイトに、樹脂などから立体的に物を作り出す３Ｄプリンターを使って製造したとみられる拳銃を撮影した動画を投稿していた」ということで銃刀法違反の疑いで警察に逮捕された27歳の男性は一体どのような銃をプリントアウトしてしまったのでしょうか？ まず、実際にどのような銃が押収されたのかが下記NHKニュースのサイト内にあるムービーで確認できます。 ３Ｄプリンターで拳銃製造か 所持容疑で逮捕 NHKニュース http://www3.nhk.or.jp/news/html/20140508/k10014286831000.html これがその押収された銃 既にネット上では「インターネットの動画投稿サイト」ということで、「ニコニコ動画」であることが判明しています。 yoshitomoさんのユーザーページ - niconico http://www.nicovideo.jp/user
音楽を視覚化して｢AR彫刻｣を作ったら異常にクールだった（動画あり）
これ、レコードとかCDの特典でついてきたら絶対買うなぁ。 音楽を聴くなんてクールじゃない。と言われたら、何がクールなのか分かりますよね？ そう、音楽を｢見る｣んです。インタラクション・デザイナーLukazs Karlukさんは、デジタル処理によって音楽を視覚化し、AR彫刻に変形させるという試みを発表しました。 今回の｢HoloDecks｣は、音を異なるメディアへと変化させる研究群の包括的プロジェクト。早速そのAR彫刻づくりのプロセスを追っていきましょう。 まず曲をかけます。今回使われているのはWarp Recordsに所属するワンオートリックス・ポイント・ネヴァー（Oneohtrix Point Never）の｢Zebra｣という曲。もうこの時点ですでに期待が高まってきました。わくわく。 曲をかけたら、openFrameworksで構築されたカスタム・アプリケーションを使い、音楽を幾何学波
3Dプリンターで10年以内に本物の心臓を作れるようにする研究が進行中
by Mandalina 3Dプリントの技術は単にフィギュアなどのオブジェクトを作るだけではなく、食糧問題の解決手段として考案されたり、家の建設を行うほか、生体組織と似た機能を果たす組織も作られていますが、新たに本物の心臓を作る研究が行われており、それによると今後10年で3Dプリンターを使った心臓が完成・臓器移植が可能になると言われています。 Lab-Made Heart Represents 'Moonshot' for 3D Printing | LiveScience http://www.livescience.com/41280-3d-printing-heart.html Louisville Researcher, Stuart Williams, Ph.D., is Closing in on Printing 3-D Hearts « Cardiovascular Inn
3D Math Primer for Graphics and Game Development
This is the home page of the book 3D Math Primer for Graphics and Game Development. You can now read the entire book for free! GDC Talks NEW! GDC 2021. Getting There in Style: Intro to interpolation and Control Systems. Some supplemental materials are available here. GDC 2018. Denial-of-Service Mitigation. FAQ Where can I get a physical copy? The book is now out of print, but you can probably find
手と指の動きを感知して奥行きまで含めた立体的な操作ができる「Leap Motion」は一体何がすごいのかまとめ
コンピューターへの入力装置と言えばマウスやキーボードが一般的ですが、新たなスタイルのデバイスとして注目を集めているのが「Leap Motion」です。Leap Motionは、ユーザーの手と指の動きを感知することでコンピューターを直感的に操作することが可能なデバイスです。マウスが上下左右という平面的な操作しかできないのに対し、Leap Motionは奥行きまで含めた立体的な操作が可能であり、百聞は一見にしかず、まずはLeap Motionを実際に操作したムービーを見ればどのようなものなのかというのがよくわかります。 Leap Motion https://www.leapmotion.com/ Introducing the Leap Motion - YouTube こちらがLeap Motion本体(Leap Motion Controller)。縦30mm、横80mmで厚みはわずかに
3Dプログラミング基礎知識(1) - Tech-Sketch
3Dプログラミングの基礎知識(1) はじめに 主にiPhone/AndroidからOpenGL ESを使って3D表現を行う場合に必要となる基礎知識についてまとめていきたいと思います。 基礎の基礎から説明して行くため、言語や3Dライブラリ(DirectX/OpenGL)に依存しない情報が多くなります。OpenGLに限らず「C++ + DirectX」などの環境で開発を行う人もどうぞ。 内容 5回ぐらいに分けて以下のような内容を書いていきたいと思います。 モデルを構成する頂点情報、面情報 画面に描画されるまでの流れ、平行移動・回転・拡縮行列（ワールド変換） カメラ、Zバッファ 法線、ライティング 頂点シェーダ、ピクセルシェーダ（フラグメントシェーダ） 座標系 3D表現を行う為には3次元の座標系をどのように定義するか決める必要があります。 2Dの場合はX軸、Y軸で座標系を表しますが、3Dの場
仮想物理実験室構築のためのOpenGL, WebGL, GLSL入門／natural science Laboratory
特定非営利活動法人natural science は、知的好奇心がもたらす心豊かな社会の創造にむけて、 現代社会では実感する機会の少ない科学や技術のプロセスを可視化・共有化する場づくりを通じて、 科学を切り口とした地域づくりを目指す、若手主体の団体です。 | More ≫ 本稿は コンピュータ内に仮想物理実験室を構築する上で必要不可欠なコンピュータ・グラフィックの定番である OpenGL（GUUT, GLSL）を学習することが目的です。とはいえ、OpenGL（GUUT, GLSL）に関してはこれまでに多くの有用な情報が存在するため（下記の参考リストを参照）、ここでは OpenGL そのものについての解説は行わず、 物理シミュレーション結果の可視化に焦点を当てた構成にできればと考えています。 また最新の技術である HTML5 の canvas 要素を使用した OpenGL のウェブ版である
JavaScript 3DレンダリングエンジンのThree.jsを試す
こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ
なぜ3Dプリンターはどんどん安くなっていくのか？ついに2万円以下のものも登場
By killbox 1984年に3Dプリンターが発明されてから約29年、3Dプリンター市場では約4万5000円で購入可能である安価な製品がどんどん登場しています。一時は高価であり一般人が手を出しにくかった3Dプリンターが、なぜ急速に安くなっているかの理由をArs Technicaが探っています。 Why basic 3D printers are crazy cheap now | Ars Technica http://arstechnica.com/business/2013/06/why-basic-3d-printers-are-crazy-cheap-now/ アメリカでは既に2つの3Dプリンター専門オフラインショップがオープンしており、人々の3Dプリントに対する興味が増してきているようです。人々の3Dプリントに対する興味に呼応するように、300ドル(約2万9000円)で発売さ
HTML5 Rubik's cube (CSS3 + JS) - Tutorial
Rubik's Cube ® used by permission of Seven Towns Limited. | Published in 2012 Rubik's cube Tutorial: Rubik's cube with HTML5 (CSS3 + JavaScript) : Motivation : Perspective3D : Modeling the cube : The movements : Rotation : JavaScript cross-platform : Introduction This webpage was built entirely using only HTML5, basically CSS3 and JavaScript (with the power of YUI Library). With this project, I wa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Experiment 1,000 by Google Data Arts Team - Experiments with Google
Projects | Hello Monday
「インタラクティヴ映像」の新時代を切り拓く、24歳のアーティスト