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

TYK id:TYK

WebGLに関するTYKのブックマーク (18)

早稲田大学演劇博物館収蔵品3Dデータベース
TYK 2016/03/28
3DCG

WebGL

archive

database
リンク
three.jsでジェネラティブアートっぽいことするのに必要な知識 - Processing中毒者の嘔吐物
タイトルの通り。去年末くらいからWebGLというかthree.jsの勉強始めて、ある程度複雑な作品が作れるようになった。現在7つほどhttp://p5aholic.me/で作品を公開している。点と線が繋がってごにょごにょするやつとか、近い点で面作ってごにょごにょするやつとか、そういうのをthree.jsで作るにはどんな知識が必要かというのを書いておく。本当はthree.jsの入門サイト作って体系的に解説したいところだけど、入門サイトはP5 Code Schoolで手一杯です。入門サイト運営するのくっそ面倒なんですわ。大前提 JavaScriptはオブジェクトとか含めてしっかり理解していること。 three.jsの基礎知識当たり前だけど、three.jsの基礎は押さえてないといけない。僕はLearning Three.js読んだ。英語だけどすごい読みやすいのでオススメ。 Learni
TYK 2016/03/21
processing

three.js

js

WebGL

generativeart
リンク
A-Frame – Building Blocks for the VR Web
Make 3D worlds with HTML and Entity-Component On any headset, mobile and desktop
TYK 2015/12/24
WebVRフレームワーク

VR

oculus

WebGL
リンク
GPU本来の性能を引き出すWebGL頂点データ作成法 - Qiita
この記事はWebGL Advent Calendar 2015の９日目の記事です。ご注意本記事は2015年当時に書いた記事なのですが、GPUがGeForce 8x00シリーズ以降、SIMDからSIMTという並列実行形式に切り替わった頃から状況が大きく変わりました。以前は本記事でも紹介するインターリーブ形式の頂点データの方が高速だったのですが、現在のGPUでは多くの環境で非インターリーブの方が高速とされています。 AMD GPUにおいても、GCNアーキテクチャ（PS4以降の世代）から（それまでのVLIWから）SIMTに切り替わり、非インターリーブを推奨されているようです。 WebGLは基本的にネイティブ3D APIへのマッピングに過ぎないため、この傾向はおそらくWebGLでも同様と考えられます。とはいえ、インターリーブ(AoS)や非インターリーブ(SoA)はCGをやる上でいずれ避けて
TYK 2015/12/10
WebGL
リンク
WebGLと3D物理演算ライブラリの組み合わせを試してみる - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
TYK 2015/10/05
WebGL

map
リンク
WebGL Water
Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: Draw on the water to make ripples Drag the background to rotate the camera Press SPACEBAR to pause and unpause Drag the sphere to move it around Press the L key to set the light direction Press the G key to toggle gravity Features: Raytrac
TYK 2015/03/18
WebGL
リンク
The Book of Shaders
by Patricio Gonzalez Vivo and Jen Lowe This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders. Contents About this book Getting started What is a shader? “Hello world!” Uniforms Running your shader Algorithmic drawing Shaping functions Colors Shapes Matrices Patterns Generative designs Random Noise Cellular noise Fractional brownian motion Fractals Image
TYK 2015/03/18
Shaderシェーダーの解説本

programming

WebGL

OpenGL
リンク
Making WebGL Dance
Making WebGL Dance or How I Learnt to Stop Worrying and Love Linear Algebra Steven Wittens unconed http:// acko.net How to DrawWhere to DrawWhat to Draw
TYK 2015/03/05
WebGL

3D

3DCG

presentation
リンク
Cesium: The Platform for 3D Geospatial
今回ご紹介するのは、大阪公立大学の金子健作博士による挑戦です。金子氏は建築物の耐震工学を専門とし、最近では、AIを活用した構造ヘルスモニタリング (SHM) を研究されています。SHMとは建物内に加速度センサを設置して、大きな地震の発生直後に建物の安全性を自動的に判定する技術です。このSHMの新たな展開に関して、金子博士はこのSHMシステムの普及を進めるために、3DのWeb GISで建物の安全性を可視化する新たなアプローチに挑戦しています。
TYK 2015/01/18
地図ライブラリ

map

WebGL
リンク
Unity 5 の WebGL で外部からテクスチャを与える方法について調べてみた - 凹みTips
はじめに Unity 5 の WebGL 出力で、外部（自分で書いた JavaScript のコード）からテクスチャを与えたいと思い、色々調べてみましたので情報を共有したいと思います。通常の画像をテクスチャとして指定する方法と、base64 エンコードした画像をテクスチャとして指定する方法の２つを紹介します。 Unity 5 の WebGL については以前の記事をご参照ください。 Unity 5 x WebGL について詳しく調べてみた - 凹みTips デモ後述の「base64 エンコードした画像を与える」の内容になります。Canvas に描いた絵をテクスチャとしてゲーム内で利用する事ができます。 1. 画像をテクスチャとして利用する自分のサーバに置いてあるテクスチャを反映以下の様なコードを書いたスクリプトを Cube にアタッチします。 using UnityEngine; us
TYK 2014/12/27
unity

WebGL
リンク
Best Under Sink Water Filters - 33rd Square
Are you shopping for water filtration systems? Check out our list of the best under sink water filters, expertly selected to meet your household needs. Access to clean and safe water is a basic human need. By now you know that water plays a central role in the life of any organism, humans included. The need for clean and safe water for human consumption cannot be overem phasized. No matter the sour
TYK 2014/12/09
水没シミュレーション

WebGL

map
リンク
Unity 5 x WebGL について詳しく調べてみた - 凹みTips
はじめに本エントリは Unity Advent Calendar 2014 8日目の記事になります。 Unity 5 からは Build ターゲットに WebGL が追加されます。Unity 5 プリオーダ向けベータ版で現在試すことが出来ます。 Unity 2020.2b - Unity 今年の 3/18 に行われた GDC2014 で Unity 5 が発表されたタイミングで WebGL 対応が発表されました。日本でも 4/7、8 で行われた Unite 2014 においても WebGL についての講演があり、その動画や講演資料を公式サイトから閲覧することが出来ます。 http://japan.unity3d.com/blog/press/unity5 http://japan.unity3d.com/unite/unite2014/schedule Unity と Web デプロイメ
TYK 2014/12/08
unity

WebGL
リンク
HTML5Experts.jp
ブラウザ上で3DCGプログラミングを実現できる技術「WebGL」。その基礎知識やthree.jsを通してWebGLを利用する方法を、ピクセルグリッド・小山田晃浩さんが解説します。
TYK 2014/12/07
WebGL

three.js
リンク
[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（１） - Qiita
まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などのツール、あるいはマインクラフトのようなゲーム、またはモデリングソフトなどでもシェーダを自分で記述することができるような世の中です。きっとシェーダに触れた経験は無駄にはならないでしょう。すぐに業務で活かすとか、そういう壮大な話はさておいてまずは気軽
TYK 2014/10/18
WebGL
リンク
WebGL が切り開く Web の未来
前説時は遡り……このスライドを書き始めた頃「3DCG Meetup は初参加だしな！」前回の Meetup で登壇された西田さん(@knockknockjp)が公開してくれている、WebGL をテーマにしたスライドでも見てみるか……
TYK 2014/09/28
WebGL
リンク
SPECIAL.T by Nestlé
other countries SPECIAL.T is not available yet in other countries and can currently only be delivered to a physical address in the listed countries. Thank you for your understanding.
TYK 2014/09/28
WebGL

three.js
リンク
超弾幕も可能？ WebGL高速化のススメ
今日のテーマ WebGL高速化のススメ今回はあくまでも WebGL 特有の高速化 TIPS です。 WebGL にあまりなじみのない方もいらっしゃると思うので…… そもそも WebGL って？　というところから簡単に解説します。
TYK 2014/09/07
WebGL

javascript
リンク
http://plus.appgiga.jp/masatolan/2014/06/03/52535/
TYK 2014/06/04
3DCG

3D

WebGL

javascript
リンク
1