注目される「WebGL」--プロが示すHTML5でのフロントエンド演出の勘所 - builder by ZDNet Japan
ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu データドリ
HTML5 Conference に登壇します――GLSL や Blender に関するハンズオンもやるよ！！ - WebGL 総本山
まもなく開催！ HTML5 Conference ! 2015 年 1 月 25 日に、北千住で開催される HTML5 Conference に登壇します。 今回は「【ハンズオン】やってみたら実は簡単！ WebGLで開ける新しい表現」と題し、WebGL にあまり馴染みのない方にも楽しんでいただけるような、ハンズオン形式のセッションになる予定です。 私が全編しゃべるわけじゃなくて GLSL に関する発表の部分だけ、一部担当します。 事前の準備が必要な部分もあるので注意！ HTML5 Conference は残念ながら参加募集が既に満員御礼状態…… 参加者枠は 1200 人でしたが既に数百人のキャンセル待ちが発生している状態です。 これだけの人数が一堂に会することになるため、当日は Wifi など、通信関係はほぼ使えない状態になることが予想されています。 そこで私たちのセッションでは、ハンズオ
WebGL+Retina の落とし穴！？ Retina ディスプレイで WebGL のレンダリング結果を正しく表示する tips - WebGL 総本山
今後は対応すべき場面が増えそうな高解像度設定 今回ご紹介するのは、Apple 社の製品で使われている Retina ディスプレイなどの、高解像度のディスプレイを搭載した端末用の tips です。 スマートフォンを中心に高解像度化がどんどん進んでいる現代。 今後はこういった高解像度端末への対応が必要になる場面もきっと増えていくと思います。高解像度ディスプレイでの WebGL の扱いについて検証してみます。 ※本記事の執筆には @Stocker_jp さんに多大なるアドバイスをいただきました。ありがとうございます！ 高解像度ディスプレイに潜む WebGL に科せられた罠とは iPhone や最新の iMac など、最近の Apple 社の製品の多くに Retina ディスプレイと呼ばれる高解像度ディスプレイが採用されています。 本来なら 1 ピクセルとして表示される色の情報が、Retina デ
NASA 公式の様々な宇宙に関するデータがダウンロード可能！ 3D モデルデータや画像が多数！ - WebGL 総本山
あの NASA が提供する 3D モデルデータ！ 今回ご紹介するのは、宇宙に関連する多くのデータを、あの NASA が公開している NASA 3D Resources です。 3D のモデルデータはもとより、テクスチャとして利用できる画像なども公開されていて、しかも種類が結構あります。 これは宇宙ファンならずとも気になるところです。 モデルデータの形式などに統一性は無し データを提供しているのは必ずしも NASA だけではないようなので、データの形式やサイズにはあまり統一感はありません。 ライセンス周りは統一されている(基本ライセンスフリーっぽい)ようですが、モデルデータの形式などはそれぞれ事前にチェックしたほうがよさそうです。 3ds、fbx、obj などが多そうな印象。 とにかく配布されているデータの種類が豊富なこのサイト。 3D モデルがアルファベット順に並んでいます。 ラインナップ
WebGL + pex で実現した Deferred Rendering のチュートリアルが秀逸！ - WebGL 総本山
遅延レンダリングを WebGL で！ 3D プログラミングの分野には、いわゆる遅延レンダリングと呼ばれている手法があります。 英語で表記すると Deferred Rendering ですね。 この方法は、MRT(Multi Render Target)と呼ばれる技術を用いて実現するのが一般的であり、WebGL は MRT をサポートしていません。今回紹介する方法はそれとは違ったアプローチで、同様の結果を実現しているサンプルです。 実際に実行できるデモへのリンクもありますので、ぜひチェックしてみてください。 そもそも Deferred Rendering とは？ 遅延レンダリング、または遅延シェーディングと呼ばれる技法は、従来の WebGL の一般的なレンダリング技法とはちょっと違います。 誤解を恐れずにものすごくざっくりと説明するなら、遅延レンダリングとはポストエフェクトのようなもので、ジ
WebGL と GLSL で気軽にレイトレーシングに挑戦してみよう！ - Qiita
はじめに 全国 8,120 万人のレイトレファン の皆様こんにちは！ WebGL でレイトレがどうしてもやりたいんだというお便りがついに 1,021 万通を超えたので、そろそろ WebGL で簡単なレイトレーシングの実装について解説する頃合いかなと思い立ち筆を執った次第です。 今回はあくまでも 基本に忠実 に、簡単なレイトレーシングの実装を GLSL だけで行ってみましょう。全国のレイトレファンの皆さんの声援に応えてがんばって解説記事を書いていこうと思います。 前置き 私は幸運なことに WebGL について解説する機会がそれなりにあります。 そういった席ではよく、数学的な知識はとりあえず後回しにしてまずはやってみることからスタートしましょうという話をします。たとえば行列やクォータニオンについて、その数学的な詳細にまで勉強するのは大変です。ですから、まずは使い方から覚えようという促し方をする
生WebGL入門:初音ミクの美麗3Dモデルを表示する(前編)
Special Thanks to @hagat and @teehah for reviewing my articles! 近年、WebGLに流行の兆しが出てきました。WebGLとは、ブラウザに何らプラグインをインストールすることなく、JavaScriptよりGPUを使用した3Dの表示を可能とする技術です。プラグインのインストールが必要ないとはいえ今までは対応ブラウザが少なくあまり実用的ではありませんでしたが、先日のiOS8で正式に対応されたことでモバイルブラウザにおいて対応率が跳ね上がり、スマートフォンにおいてブラウザベースで3Dのゲーム等を作れる可能性が急激に高まりました。 今回WebGL Advent Calendarの一環として、生WebGLで3Dのオブジェクトを表示するところまで挑戦してみます。WebGLにはthree.jsを始めとして有用なライブラリがたくさんあり、大抵の場
リアルタイムポストエフェクトで描く油絵風シェーダが見事！ - WebGL 総本山
リアルタイムにポストエフェクト WebGL ではシェーダが利用できることもあり、ポストエフェクトによる実装も比較的簡単に行えます。 今回ご紹介するのは、3D シーンにリアルタイムにエフェクトを加える油絵風のスケッチシェーダです。 作者の方は、先日ご紹介したクリスマス企画にも参加されている方で、本当に多彩な才能をお持ちのようです。 モノクロでもカラーでも ページが表示されると、あの有名なスタンフォードバニーがレンダリングされています。 もちろん、最初からポストエフェクトが掛かった状態になっていて、リアルタイムにエフェクトが加えられている様子を見ることが可能です。 マウスカーソルの位置に応じたインタラクティブな視点の変更、さらにクリック操作に反応してカラーとモノクロが切り替わるようになっています。 静止画ではわかりにくいですが、動く様子は非常におもしろいのでお勧めです。 作者の方の別の作品です
これまでの無料フィルターアプリに飽きた人へ。「FILTERS」が写真の加工をもっと楽しくする - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
スマホの写真をキレイにするフィルターアプリ。まるでプロが撮った写真のように加工できて楽しいですよね。しかし、最近のフィルターアプリは似たものが多く、どこかつまらない……と感じている人も多いのではないでしょうか？ 先日、誰かが作ったフィルターを使ったり、自分でフィルターを作ったりできるユニークなフィルターアプリがリリースされました。その名も「FILTERS」。早速、見ていきましょう。
![これまでの無料フィルターアプリに飽きた人へ。「FILTERS」が写真の加工をもっと楽しくする - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/20979808f6c5ae936c0a5f04c42f7d3c29fb2078/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47500825.jpg)
WebGLで伝わる立体地図コンテンツ。 御嶽山噴火時の証言を集めた『NHK 御嶽山「噴火の証言」』開発秘話 - WebGL 総本山
御嶽山噴火時、その場にいた人たちの証言を集めたコンテンツ『NHK 御嶽山「噴火の証言」』。 Three.jsの利用やDOMとの連携など、製作者の立場から、WebGLでコンテンツを作る利点や注意すべき点について語ります。 ※本稿は実際にサイト作成に関わった面白法人カヤックのフロントエンドエンジニアのごんさんからご寄稿いただきました！ ありがとうございます！ 50名以上の方が亡くなり、戦後最悪の火山災害となった2014年9月27日の御嶽山噴火。 『NHK 御嶽山「噴火の証言」』は、御嶽山の噴火時、その場にいた人たちの証言を集めたWebサイトです。 3Dモデル上にプロットされた証言をクリックしたり、カメラを自由に動かして、御嶽山を眺めることで、噴火当時の状況を見ることができます。 今回は、開発を担当した面白法人カヤックのフロントエンジニアが、全面WebGLで制作した本サイトの内容について、制作面
iPhone とリアルタイムに連動する GLSL シェーダコーディングを楽しもう！ Filters がリリース開始！ - WebGL 総本山
GLSL とカメラアプリのコラボレーション Filters は先日リリースされたばかりの iphone アプリ。 GLSL を用いたシェーダコーディングとカメラアプリをうまく組み合わせた今までにない新しいタイプのカメラアプリになっています。 今回はこの Filters について簡単にご紹介します。 独自のフィルターを作り出そう！ Filters では、iphone と連動して動作することによって、PC 側で記述したシェーダがリアルタイムに iphone にも反映されるような仕組みになっています。 PC 側で書き換えたコードがリアルタイムに反映されるというのはなかなか斬新です。 上図は Filters の公式サイトからの引用ですが、PC の画面と iphone が同期している様子が描かれています。 実際に動かしてみた感じもまさにこんな雰囲気で、リアルタイムに反映される様子はなかなか面白いです
Filters | 面白法人カヤック
「Filters」は、カメラフィルターを自作して投稿・共有できるカメラフィルターのプラットフォームアプリです。 コーディングしたオリジナルのカメラフィルターをアプリに投稿し、他のユーザーと共有することができます。投稿されたフィルターはアプリ内に蓄積されるため、常にオリジナリティある新しいフィルターが無限に増えていき、これまでにないスマートフォンカメラの楽しみ方が体験できます。 ●フィルターをつかおうモザイク、ミラー、アート、3D、ソフト、ビンテージ、マンガ風など、すでにつくられたフィルターや、毎日新しくつくられるフィルターを使って、写真や動画を撮りましょう。 ●フィルターをつくろうエンジニアの方は、専用PCサイト上（http://filters.kayac.com/edit）でコーディングしてオリジナルのフィルターをつくりましょう。開発言語はGLSL（OpenGL Shading Lang
WebGL開発者必見！ Flash Stage3Dとの比較から見えてくるWebGLのあり方について - ICS MEDIA
12月といえばアドベントカレンダー。今年はWebGLのアドベントカレンダーに私も表明しましたので、テーマ「Flash Stage3Dとの比較から見えてくる WebGLのあり方について」をテーマとして記事を書いてみます。長文ですが、WebGLとStage3Dのそれぞれの技術について特徴をまとめていますので最後までお付き合いくださいませ。 WebGLとStage3Dとは Stage3DとはFlash(Flash PlayerやAdobe AIR)からOpenGL/DirectXを利用することのできる技術です。2011年にリリースされたFlash Player 11 / Adobe AIR 3に搭載され、多くの商用コンテンツで利用されてきました。 Nissan Stage Juke (Flash Stage3D 事例) http://nissan-stagejuk3d.com WebGLはプラグ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
US Open Sessions - Motion Demo
WebVR と WebGL を本格的に利用したデモがオンライン配信中！ 夢が広がる Oculus Rex - WebGL 総本山
Santa Maps Dive
Filters〜世界一面白いカメラフィルターが、ここから生まれる。〜
http://yobi3d.com/
御嶽山 噴火の証言｜NHKオンライン
日本で three.js といえばこの人！ 見事な three.js 実装を多数公開中 ヨモツネット - WebGL 総本山