Procedral Grid, a Unity C# Tutorial
In this tutorial we'll create a simple grid of vertices and triangles. This tutorial assumes that you are familiar with the basics of Unity scripting. See Clock for these basics. Constructing a Fractal provides an introduction to coroutines. This tutorial has been made for Unity 5.0.1 and up. Beneath complex appearance lies simple geometry. Rendering Things If you want to visualize something in Un
【Unity】マテリアルの描画がシェーダーのQueue順に処理されない原因と対策 - 神様は有休消化中です。
自作シェーダーなどを使用してレンダリングを行う場合、レンダリング順序をTagsのQueueで指定しますが、特定の条件でこのレンダリング順序が無視される現象が発生したので共有。 簡潔にまとめだけ まとめると 現象 ：シェーダーで指定したレンダリングキューが無視されることがある 原因 ：MaterialのCustom Render Queueに不正値が入っているため 発生条件：自作シェーダーを使用 ＆ 自作シェーダー設定前に、他のシェーダーを割り当てていた場合 対策 ：Custom Render Queueに-1を設定すればOK おさらい レンダリング順序について レンダリング順序は、シェーダーのTags Queueに設定された以下の順になります（なにも指定しない場合は"Geometry"）。 Tags{ "Queue"="Geometry" }・Background ・Geometry
Unity でスクリーンスペースのブーリアン演算をやってみた - 凹みTips
はじめに ブーリアン演算とは様々な形状を集合演算（足し合わせる（和）、一方から他方を引く（差）、一致する部分を抜き出す（積）など）によって作成する手法です。 ブーリアン演算 - Wikipedia Constructive Solid Geometry - Wikipedia いくつかの実装方法があると思いますが、スクリーンスペースで G-Buffer を加工することでこれを実現する Unity での実装を id:i-saint さんが作られており、実装も公開されていました。 playing with Unity 5's deferred shading pipeline - primitive: blog GitHub - i-saint/Unity5Effects G-Buffer 加工による利点は 3D ソフトなどで見られるメッシュ自体の変形に比べ、多数のオブジェクトを組合せ爆発しな
その13 OBBとOBBの衝突
ホーム＜ゲームつくろー！＜衝突判定編＜ OBBとOBBの衝突 3D衝突編 その13 OBBとOBBの衝突 衝突の本丸の1つ「OBBとOBB」の衝突です。大きさの違うお互いに3次元的に回転した直方体が衝突しているかどうかを調べるというのはやはり簡単ではありませんが、これができると多種多様な方面で役に立ちます。OBB同士の衝突として主流なのは「分離軸判定」と呼ばれる方法でして、ここでもそれについて見ていきます。ちょっと深呼吸してご覧下さい(^-^; ① 「分離軸」判定とは？ OBBの衝突には「分離軸」という物が登場します。これがいったい何なのか？まずは下の図をご覧下さい。 上のOBBは明らかに衝突していません。この時、両方のOBBを分ける直線が「絶対に」存在します。この直線は、ちょっと小難しい言葉で言うと分離超平面（Separating hyperplane）と呼ばれています。直線なのに平面と
WebGL Deferred Shading – Mozilla Hacks - the Web developer blog
WebGL brings hardware-accelerated 3D graphics to the web. Many features of WebGL 2 are available today as WebGL extensions. In this article, we describe how to use the WEBGL_draw_buffers extension to create a scene with a large number of dynamic lights using a technique called deferred shading, which is popular among top-tier games. live demo • source code Today, most WebGL engines use forward sha
エフェクト作成入門講座 Three.js編 RPGのセーブポイント風の魔法陣 - ICS MEDIA
昨今のWebサイトではWebGLを利用した3Dコンテンツをしばしば見かけるようになってきました。WebGLに対応した端末が普及してきていることや、Three.jsなどのライブラリが充実していることもあり、実案件での採用が現実的になってきているからです。 しかし、いざ3Dコンテンツを作ってみると、どこか味気のないものになってしまう事があります。そんな時はエフェクトの追加をオススメです。エフェクトを追加することで、コンテンツの見栄えが派手になったり、キャラやゲームの状態が伝わりやすくなります。今回エフェクトの例として、RPGのセーブポイントや回復ポイントで使用されそうなデモを制作してみました。 デモを別ウインドウで再生する ソースコードを見る ※このデモはThree.js r146とTypeScript 4.9によって書かれています。 本記事では、セーブポイント風なエフェクトの作成を通して、T
ゲームつくろ～質問箱 [One Topic All View / Re[4]: 球体にそった移動 / Page: 0]
はじめまして、sayuと申します。 今制作しているゲームで、球体にそった移動をさせようとしています。 イメージとしては地球と人間のような関係です。 （3Dです。） 前後左右の移動入力に対し、現在位置からその方向へ移動させたいと思っています。 『その16 オブジェクトを任意の平面に立たせる姿勢制御』と、 掲示板での『クォータニオンでの姿勢』を参考に色々と試したのですが うまくいきませんでした。 そこで、一旦0から考え直そうと思っています。 何か良い方法がありましたら教えて頂けないでしょうか。 よろしくお願いします。 sayuさん、ご質問頂きましてありがとうございます。 返信が遅れまして申し訳ありません。 平面ではなくて球面上でキャラクタを移動させるには少し特別な考え方をする必要があります。 平面の場合、キャラクタが立つ時の足がかりとなる「重力」はワールドのY軸の逆方向になります。球体の場合、
MDK : Curvy blues
I was looking in the past (and some more) at various solutions for efficient hardware-aided curve rasterization methods. Those ideas mostly focused on using the graphical hardware for accelerating the geometry generation process. But what happens, when we completely skip the geometry generation step? Even more blazing performance and totally resolution-independent rendering. Thanks to some tips by
Three.js 三角形(triangle)の作り方 - Three.jsを使って、作ってみた
今回は、Three.jsの「三角形オブジェクト」について書きます。 こんな形の三角形の作り方を書いていきます。 横から見ると、 こんなんです。 最初は、コードから書いていきます。 コチラです。 //ジオメトリ（形状）の宣言と生成 var geometry = new THREE.Geometry(); //頂点座標データを追加 geometry.vertices[0] = new THREE.Vector3(150,0,0); geometry.vertices[1] = new THREE.Vector3(0,150,0); geometry.vertices[2] = new THREE.Vector3(0,0,150); //面指定用頂点インデックスを追加 geometry.faces[0] = new THREE.Face3(0,1,2); //マテリアル（材質）の宣言と生成 va
遅延シェーディング - Wikipedia
拡散色GバッファZバッファ法線Gバッファ最終的な合成結果 遅延シェーディング (ちえんシェーディング、英: Deferred Shading、ディファードシェーディング、遅延レンダリングとも) は2次元のスクリーンスペース（画面空間）上でシェーディング（陰影計算）を行なう技術である。遅延と呼ばれるのは最初にジオメトリを処理する頂点シェーダーからピクセルシェーダーに至るまでの第1パスでシェーディングが実際に実行されていないからである。かわりにシェーディングは第1パスの結果を使ってレンダリングされる第2パスまで「遅延」される。 遅延シェーダーの第1パスでは、最終的なシェーディングに必要とされるデータがいったん収集されるのみとなる。各表面の位置や法線、マテリアルといった幾何学情報は、1組のテクスチャとしてジオメトリバッファ (英: Geometry Buffer, G-Buffer) にレンダリ
Unityのシェーダのお勉強開始、SHADOWGUNの旗のシェーダをちょっと見てみました - 強火で進め
hadr_01 という旗のオブジェクトに使われている MADFINGER-Lightmap-Unlit-Wind(ファイル名は MADFINGER-Lightmap-Unlit-Wind.shader )というシェーダの記述を見てみました。 Shader Shader "MADFINGER/Environment/Lightmap + Wind" {シェーダの選択時リストに表示される名前。 / で区切ると階層構造になります。 Properties Properties { _MainTex ("Base (RGB) Gloss (A)", 2D) = "white" {} _Wind("Wind params",Vector) = (1,1,1,1) _WindEdgeFlutter("Wind edge fultter factor", float) = 0.5 _WindEdgeFlu
ProcessingでDelaunay分割（解説篇）
今日は、前回実装した Delaunay 分割のアルゴリズムをわかりやすく解説したいと思う。 まずは、前知識として 『詳解 OpenCV』 の記述をふたたび引用しよう。 外部三角形を作り、その頂点の 1 つを開始点とする（これにより、必ず外側の点から開始されることになる）。 内部の点を追加する。その後、すべての三角形の外接円を探索し、追加した点を含むような三角分割を削除する。 今削除した三角分割の外接円の内部にある、新しい点も含めて、グラフを三角分割し直す。 追加する点がなくなるまで、ステップ 2 に戻って繰り返す。 これをいかに解釈し、ソースコードに落とし込んでいくか。 計算幾何に興味がある方はもちろん、普段ネット上のソースをコピペして『動きさえすればそれでよい』と思っている方にも、この記事がプログラミングの楽しみを知るきっかけになれば幸いである（偉そうなこと言ってごめんなさいごめんなさい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
