[B! WebGL] littlefieldのブックマーク

話題になったウェブサイト事例【2016年夏〜秋】 - ICS MEDIA

私たちが毎日目にしているウェブサイトは、ユーザーの閲覧環境や使用する技術によって日々変化しています。今回は、2016年8〜10月に国内外のブックマークサイトで取り上げられた国内のリッチなウェブサイトを5つ取り上げ、どのような技術や表現手法が用いられているのかを解説します。 IJC MATSURI | IS JAPAN COOL? 別ウィンドウで開く ANAが運営する外国人向けのメディアサイト「IS JAPAN COOL?」で日本の祭りを紹介するスペシャルコンテンツ。サイトの背景一面に映像を表示し、迫力のある音で祭りの臨場感を表現しています。映像の他にもさまざまな演出が各所に用意されており、日本に訪れたことのない外国人でも日本の祭りを感じられます。 ▲デスクトップ版では、祭り独特の所作に似せたUIで映像（数枚のコマ画像）をパラパラアニメのように操作できます ▲360度の全方向を撮影できるカメ

littlefield 2017/01/30

リンク

仮想物理実験室構築のためのOpenGL, WebGL, GLSL入門／natural science Laboratory

特定非営利活動法人natural science は、知的好奇心がもたらす心豊かな社会の創造にむけて、現代社会では実感する機会の少ない科学や技術のプロセスを可視化・共有化する場づくりを通じて、科学を切り口とした地域づくりを目指す、若手主体の団体です。　|　More ≫ 本稿はコンピュータ内に仮想物理実験室を構築する上で必要不可欠なコンピュータ・グラフィックの定番である OpenGL（GUUT, GLSL）を学習することが目的です。とはいえ、OpenGL（GUUT, GLSL）に関してはこれまでに多くの有用な情報が存在するため（下記の参考リストを参照）、ここでは OpenGL そのものについての解説は行わず、物理シミュレーション結果の可視化に焦点を当てた構成にできればと考えています。また最新の技術である HTML5 の canvas 要素を使用した OpenGL のウェブ版である

littlefield 2016/03/31

リンク

glfx.js - An image effects library for JavaScript

Adjust photos in your browser in realtime with glfx.js, an image effects library powered by WebGL. It uses your graphics card for image effects that would be impossible to apply in real-time with JavaScript alone. There are two caveats to glfx.js. First, WebGL is a new techno logy that is only available in the latest browsers and it will be quite a while before the majority of users have it. Second

littlefield 2015/12/17

リンク

Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies

今月の 22 日に GTUG Girls のイベントで WebGL (Three.js) のハンズオンをやります。内容は初心者向けで、簡単な物体を表示してみたりして Three.js の基礎を学ぼうというものです。女性限定ですが、興味のある方はぜひご参加ください。【告知】第10回GTUG Girls Meetup 「キラリとひかるモノ作り！WebGL(Three.js)入門編」　募集開始！で、本日は宣伝も兼ねて WebGL を使ったデモやアプリケーションのまとめエントリを書いてみました。いずれも Web ブラウザで動くとは思えないほどインパクトのあるものばかり。 WebGL 対応のブラウザで（Chrome か Firefox の最新版が無難です）、おもいっきり堪能しちゃってください！長編デモ音楽に合わせてインパクトのある映像を展開していく、ちょっとしたストーリー性のあるデモなどを集

littlefield 2015/02/05

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に掛かる負荷が大きいので高いマシンス