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

VR x KAYAC - カヤックVR部、加速。

最新の受託実績はこちら VRコンテンツならカヤックにお任せ！今まさに、VR時代の黎明期。VRの勢いは日に日に増す一方ですね！この流れをさらに加速すべく、カヤックと共にVRコンテンツをつくりましょう。そもそもVRって何？ヴァーチャル・リアリティ（仮想現実）の略語で、まるで別の世界に瞬間移動して、その場にいるような体験をすることを言います。Oculus Rift、PlayStation®VR、HTC Viveなど、2016年はこのVR体験をするためのデバイスがいくつも発売されます。相談してみるカヤックの一社合同説明会のためにカヤックの会社訪問をバーチャル体験できるコンテンツ、その名も「VRインターン」を開発しました。プレイヤーは、3Dモデルで再現されたカヤックオフィスを舞台に「残業している社員を武器で攻撃して帰らせる」というミッションにチャレンジします。 HTC Viveに対応した

iwasawa_c 2016/03/23

WebGL
vr

リンク

昔のCRTっぽい画面をWebGLで作る - ABAの日誌

マイコンをつないだテレビみたいな画面を作りたいと思ってLocatePrintっていうコードを書いた。こんな画面が作れる、し遊べる。locate, print, colorなどの命令でテキストを書けます。というかテキストしか書けない。こういうブラウン管っぽい画面を作るにはWebGLをポストプロセスとして使うのが便利。 WebGL Fake CRT Effect for HTML5 Games この記事に必要なことはほとんど書いてある。glfx.jsっていうWebGLのイメージエフェクトライブラリを使って、ブラウン管の丸みっぽく画面を歪ませ (bulgePinch)、ふちをちょっと暗くすれば (vignette)、昔懐かしのテレビっぽい絵になる。ただこの記事だとスキャンラインはPNGイメージを重ねることで実現しているけど、これもできればWebGLのシェーダーでやりたい。あとパピコンやAp

iwasawa_c 2015/09/16

WebGL

リンク

たくさんの有名な作例とそのソースコードを集約したリポジトリ！ WebGL Samples を活用しよう！ - WebGL 総本山

top 2015 年 07 月たくさんの有名な作例とそのソースコードを集約したリポジトリ！ WebGL Samples を活用しよう！有名なデモが大量に収録された作例集今回ご紹介するのは、WebGL が話題になり始めた初期の頃から存在する、有名な作例を多数収録したサンプル群です。このページ自体は、WebGL 界の著名なエンジニア、greggman 氏が管理しています。greggman 氏は、WebGL Fundamentals という WebGL の入門サイトや、TWGL.js という WebGL ヘルパーライブラリなどの作者の方です。今回ご紹介するページに掲載されているデモは、かなり有名なものが多いので見たことがあるという方のほうがもしかしたら多いかもしれません。WebGL 黎明期より存在する今もなお貴重な作例をぜひ楽しんでみてください。 3D や 2D の多彩な実装例 Web