Inigo Quilez :: computer graphics, mathematics, shaders, fractals, demoscene and more
Intro Warping, or domain distortion is a very common technique in computer graphics for generating procedural textures and geometry. It's often used to pinch an object, stretch it, twist it, bend it, make it thicker or apply any deformation you want. It works as long as your base color pattern or geometry is defined as a function of space. In this article I'm only going to show a very particular c
ラスタライザを作る人の古文書集 - ushiroad
SmallWorld3Dを作る際に集めた、ジオメトリエンジン+ラスタライザについての資料をここにまとめておきます。一応ジオメトリエンジンとラスタライザについての説明をしておくと、図1のように頂点の座標変換を行うものがジオメトリエンジン(Geometry Engine)、ベクタグラフィックスを画素の集合（ラスタグラフィックス）に変換するものがラスタライザです。3D対応を謳うビデオカードは、これらをハードウェアで実装しています。 1. The Geometry Engine: A VLSI Geometry System for Graphics James H. Clark, 1982 ラスタライザの前段のジオメトリエンジンに関する論文です。とはいえハードウェアの話なので、これを見なくても頂点変換のルーチンは書けます。ただ、GPUの開祖として外せないので紹介しておきます。あと、筆者のJim
Microfacet入門（１） - ushiostarfish’s diary
動機 現在リアルタイムレンダリング、およびオフラインレンダリングにて、マイクロファセット理論をベースにした材質の表現は幅広く使われています。また、それらをベースにした発展手法も数多く存在し、それらを追いかけていく上でも基礎理論を整理しておくことは重要のように思われます。しかしながら、マイクロファセットベースのBRDF&BSDFによく使われる式そのものの情報は数多くあるにも関わらず、それらの導出の部分に関する資料はかなり少ないように思いました。 そこで本稿ではマイクロファセット理論に関する論文である、 Eric Heitz "Understanding the Masking-Shadowing Function in Microfacet-Based BRDFs" Bruce Walter, Stephen R. Marschner, Hongsong Li, Kenneth E. Tor
JavaScriptにもクラスがやってきた！JavaScriptの新しいclass構文をマスターしよう
JavaScriptにもクラスがやってきた！JavaScriptの新しいclass構文をマスターしよう 高津戸壮（株式会社ピクセルグリッド） ECMAScript 2015（ECMAScript 6）で新たに追加された待望のclass構文について、その概要をサンプルコードを交えて紹介します。 これまでのJavaScriptにおけるクラス 多くのプログラミング言語はクラスを作れる機能を持っていますが、JavaScriptにその機能は用意されていませんでした。しかし、JavaScriptにはprototypeという柔軟な仕組みが存在しており、このprototypeを利用することで、他の言語で表現されている「クラス」と似たような振る舞いを再現することが可能でした。 それは例えば、こんなふうにです。 /* Cat雛形の作成 */ function Cat(name) { this.setName(
HTML5+Canvasで学ぶ物理アニメーションの基礎
HTML5+Canvasで学ぶ物理アニメーションの基礎 HTML5+Canvasを使用して物体が落下するという簡単な物理アニメーションを作成してみます。 投稿日2015年07月28日 更新日2019年04月13日 Canvasアニメーションの基礎については下記を参考にしてください。 この記事は下記をベースとして進めます。 HTML5で作るCanvasアニメーションの基礎 HTML5+Canvasでパーティクルっぽいのを作ってみる 基本となるオブジェクトを作成する 前回作成したParticleオブジェクトを少し編集します。 var Particle = function(scale, color, vx, vy) { this.scale = scale; //大きさ this.color = color; //色 this.vx = vx; //X速度 this.vy = vy; //Y速
【追記】iOS9でcanOpenURLを有効にする方法
openURLはどうなんだろうというPostがあったので、openURLについても追記しました。 iOS9でcanOpenURLが使えなくなった いろいろなところで話題になってますがプライバシーへの配慮(?)でiOS9からhttp等defaultで入っているアプリ以外のCustom SchemeでcanOpenURLを試すと下記のようにエラーメッセージが表示され必ずfalseが返るようになりました。 // 実装 NSLog(@"%s canOpenURL: %d", __FUNCTION__, [[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:@"scheme1://"]]); // ログ -canOpenURL: failed for URL: "scheme1://" - error: "This ap
OSStatus iPhone SDK Meanings - about:benjie
LOGGING_FACILITY1( sanityCheck == noErr, @"Problem adding private key, OSStatus == %d.", sanityCheck ); But you don’t know what the OSStatus value means, and you’re devving on iPhone, here’s the answers: OSStatus definition - what the different codes mean. enum { errSecSuccess = 0, /* No error. */ errSecUnimplemented = -4, /* Function or operation not implemented. */ errSecParam = -50, /* One or m
関数型プログラミングとは結局何なのか | 黒曜の吹き溜まり
この記事はドワンゴ Advent Calendar 2014の14日目です。 ちなみに前日は@erukitiさんでした。 他の方は「こんなもの作ってみた！」系の記事が多いのですが、技術系の話題であれば特に縛りはないようなので、今回はひたすら文章をつらつらと綴っていきたいと思います。 ここ数年、「マルチコア時代の主流は関数型だ」とか「Javaはもう古い！ 時代は関数型！」といった記事をよく見かけるようになった気がします。 大学でOCamlを学んできた自分としては嬉しい限りなのですが、なんだか関数型という言葉がバズワード的な使われ方をしている気がして、まるで「現在起こっている全ての問題を解決する銀の矢だ！」といわんばかりの雰囲気を感じるのが気になっています。 最近うちの部署でもにわかに「関数型っぽく書こう」みたいな機運が高まってることもあるので、この機に関数型プログラミングとはなにか、どのよう
ES6時代のJavaScript - クックパッド開発者ブログ
こんにちは会員事業部の丸山@h13i32maruです。 最近のWebフロントエンドの変化は非常に激しく、ちょっと目を離した間にどんどん新しいものが出てきますよね。そんな激しい変化の一つとしてES6という次期JavaScriptの仕様があります。このES6は現在策定中で、執筆時点ではDraft Rev31が公開されています。 JavaScriptはECMAScript(ECMA262)という仕様をもとに実装されています。 現在のモダンなWebブラウザはECMAScript 5.1th EditionをもとにしたJavaScript実行エンジンを搭載しています。 そして次のバージョンであるECMAScript 6th Editionが現在策定中で、略称としてES6という名前がよく使われます。 今回は、他の言語にはあってJavaScriptにも欲しいなと思っていた機能や、JavaScriptでよ
マイクロファセットの分布関数 D(m) について - OLD hanecci’s blog : 旧 はねっちブログ
この記事について この記事では, コンピュータグラフィックスのマイクロファセットの分布関数について簡単に説明します. 具体的には 6 種類のマイクロファセットの分布関数の長所と短所をざっとピックアップします. 元ネタは SIGGRAPH 2012 や 2011 の Cources です. 結論 : どのマイクロファセットの法線の分布関数D(m)がゲーム向けに良いか ? 無難なのは (a) Blinn-Phong NDF だと思います. もしシェーダの計算コストに余裕があるなら (c) Trowbridge-Reitz (GGX) NDF や (d) Generalized-Trowbridge-Reitz が良さそうです. マイクロファセットの法線の分布関数 D(m) とは ? 法線マップのように通常のマクロな法線を n としたときに, それよりも細かい表面をマイクロファセットと言い, そ
メソッド名をシンプルにするために、 知っておくと便利な英語のprefixとsuffix - codic ブログ
メソッド名などをネーミングする際に、知っておくと便利な、接頭辞と接尾辞をリストアップしてみました。どのように元の単語の意味が変わるかのルールを知っておくと、よく使う単語をベースにボキャブラリーを増やすことができるので、覚えておいて損はないと思います。 使う場合は、当たりを付けて実際の使用がないか、Googleなどで調べてみてください。 1. pre-, post- / 事前〜、事後〜 per-は、元の意味に “事前に、前に”、post-は “事後に”という意味が付け加わえます。汎用性が高いのでとても便利です。afterやbeforeの代替になるかもしれません。 // 事前テストする function testBefore(); ↓ function pretest(); // 事後処理する function executeAfter(); ↓ function postexecute();
t-pot『WebGL: 物理ベースレンダリング』
■はじめに 3Dのゲームの開発は、今ではほとんどが物理ベースレンダリングに移っているかと思います。 Unreal Engine を使っている人や、Unity5を使っている人はもちろんのこと、自分でエンジンを作っている人たちも物理ベースレンダリングに移っている事でしょう。 ここでは、軽いおさらいとして、WebGLで物理ベースレンダリング（主に物理ベースのシェーディング）をしてみました。 プログラムは下記のホスティングされた先から実行してください。 http://t-pot.com/PBR/ Metallic, rouphness, fresnelのパラメータを変えると、金属具合、表面の粗さ、正面から見た時のフレネル反射率の値が変わります。 ソースコードは、GitHubに上げています(式は、一部、下記の説明と違っています)。 https://github.com/t-pot/PBR ■PBR
Unity備忘録: Unityのshaderまとめ（Shader Lab）
2014年6月5日木曜日 Unityのshaderまとめ（Shader Lab） はじめに ShaderLabの構造 Fixed Function Shaders （固定機能シェーダ) Surface Shaders （サーフェイスシェーダ) プロパティ(少しだけ) CGPROGRAM サーフェスシェーダ宣言 プロパティへの参照 Input構造体 サーフェス関数 FallBack テッセレーション Vertex and Fragment Shaders （頂点/フラグメントシェーダ） 頂点シェーダ宣言 フラグメントシェーダ宣言 頂点シェーダ関数 フラグメントシェーダ関数 プロパティで宣言した変数へのアクセスについて インクルードファイルについて(特にUnityCG.cginc) UnityCG.cginc 組み込み変数、行列について Shader Labについて＜途中＞ 省略項目 はじめに
アロー関数が実装された - JS.next
概要 ES2015を象徴する機能である、アロー関数構文の実装がついにV8で始まった。 無名関数を短く書ける [3.28.31] アロー関数は無名関数の省略記法である。 今までこう書いていたのが、 var fn = function (a, b) { } こうスッキリ書ける。 var fn = (a, b) => { } 「=>」が矢のように見えることから「アロー」関数と言う。 更に短くできる これが、 [1, 2, 3].map( function (v) { return v * v } ) // [1, 4, 9] アロー関数だとこうなるが、 [1, 2, 3].map( (v) => { return v * v } ) // [1, 4, 9] 引数が一つの時には「()」を省略できるので、こう書ける。 [1, 2, 3].map( v => { return v * v } )
平方数かどうかを高速に判定する方法 - hnwの日記
平方数とは、ある整数の平方（＝二乗）であるような整数のことを言います。つまり、0,1,4,9,16,...が平方数ということになります。 ところで、与えられた整数が平方数かどうかを判定するにはどうすれば良いでしょうか。与えられた整数の平方根の小数点以下を切り捨て、それを二乗して元の数になるかどうか、というのがすぐ思いつく実装です。 <?php function is_square($n) { $sqrt = floor(sqrt($n)); return ($sqrt*$sqrt == $n); } しかし、平方根の計算は比較的重い処理です。もっと高速化する方法は無いのでしょうか。 多倍長整数演算ライブラリGNU MPには平方数かどうかを判定するmpz_perfect_square_p関数が存在します（PHPでもgmp_perfect_square関数として利用できます）。本稿ではこの実装
全能感UP! GLSLで進めレイマーチング « demoscene.jp
こんにちは。tomohiroです。 概要 最近の4k/64k introでよく使われているレイマーチング(Ray marching)法について説明する。 レイマチーングとはレイトレーシング法の一種である。 レイマーチングではレイの始点から少しづつ進みながらシーン内のオブジェクトとの交点を求める。 シーン内のオブジェクトはDistance functionという関数で記述される。 なぜレイマーチング, Distance functionを使うのか Distance functionは数行程度のコードによって実装できるので, 小さなデータで3D形状を表現する事ができる。 複雑な形状も関数をいくつか組み合わせる事によって作る事ができる。 しかし三角形ポリゴンほど汎用的に形状を表現するのは難しい。 レイマーチングを使うと Distance functionで表現された形状を少しのコードでレンダリン
NSLogのフォーマット指定子一覧 - その後のその後
ここにまとまってました。 Specifier Description %@ Objective-C object, printed as the string returned by descriptionWithLocale: if available, or description otherwise. Also works with CFTypeRef objects, returning the result of the CFCopyDescription function. %% '%' character %d, %D, %i Signed 32-bit integer (int) %u, %U Unsigned 32-bit integer (unsigned int) %hi Signed 16-bit integer (short) %hu Unsigned 16-bi
Xcode のコンソールにだって色をつけたい！
Xcode のコンソールには OS が出力したりと視認性がそこまでよくありません。 というわけで色付けできないかなと思ったらすぐにできたので紹介したいとおもいます。 robbiehanson/XcodeColors を clone してきて build するとインストールされます。 Xcode を再起動すると準備は万端です。 robbiehanson/CocoaLumberjack を使うとカラーリングやログレベルに応じた出力などが簡単にできて便利です。 みなさんよく使ってると思いますが、呼び出し元、行数を同時に出力するようなデバッグマクロを見やすくしてみようと思います。 これは自分で書いたメッセージをパっと見で分からないのがいけてないなと思ってました。 なのでカラーリングして見やすくしています。 結構みやすくなって個人的には気にいってます。 #define LOG(A, ...) \ N
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心者のためのWeb標準技術
https://docs.unity3d.com/Manual/execution-order.html