はじめに こんばんは、代表の堂前です！ 前回はStatic Batchingの処理の流れと中身について書いてみました。 今回はDynamic Batchingについて書こうかな〜と思っていたのですが、facebookにて一部不明点が挙がっていたので、カリングとStatic Batchingの兼ね合いの話を書こうと思います。 ※検証したのはMacのUnity5.5.2f1になります。 まずはUnity上で検証 今回も前回と同じシチュエーションで、8つのオブジェクトを同一マテリアルにし、それを全てStaticとしてバッチングを確認する状況にしています。 この状態でカメラを横方向にシフトし、一部オブジェクトを見えない状態にしてみます。 通常だとオブジェクト単位でカリング（見えないオブジェクトを早期に処理から外す）が掛かるのですが、Static Batchingで事前にまとめられたと思われるメッシ
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 5.4から搭載されるGPU Instancingで遊んでみます。 docs.unity3d.com GPU Instancingは、複数の「同一メッシュ」かつ「同一マテリアル」なオブジェクトがあった場合に、GPU側で一括で描画してくれる技術みたいです。 扱いにかなりクセがありますが、上手く使えば面白い事が出来るかもしれません。 似たような技術にバッチングがありますが、あちらはCPU側で纏めて描画するのに対し、GPU InstancingはGPU側で纏めて処理を行う事に違いがありそうです。 上の左の絵はGPU Instancingを使用せず色違いのメッシュを大量に配置した場合。右はGPU Instancingを使用した場合です。SetPass Callの数が明らかに異なります。 GPU Instancingを試す GPU Instancingを試してみます。 まずはGPU Ins
2015 - 07 - 12 DrawCall はなぜ重いのか？ 「最適化を行うには、DrawCall を削減すると良い」 という事は良く聞きますが、なぜ DrawCall は重いのかという理由が良く知らなかったので調べてみました。 GPU は描画時に何をしているのか、グラフィックス API の振る舞いと、CPU のオーバーヘッドについてまとめます。 ※ OpenGL と DirectX 、あるいはデスクトップとモバイルについては、特に分けていないので留意して下さい。 ■ そもそも DrawCall とは何か GPU を使用して画面に描画する際に呼び出す命令の事 を DrawCall と呼びます。 モデル描画時に設定されるレンダーターゲット( フレームバッファ )の情報やモデルの頂点情報などはこの DrawCall 命令を一つの基準として処理されます。深度への書き込みが有効か無効か、あるい
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
本日「3DCGツールとUnityによるゲーム開発実践セミナー」に参加してきました。 そこで講演されたセガさんのUnityを使ったiPhoneアプリのグラフィックの最適化の話が、大変濃かったのでレポートします。 2012 / 02 / 24 07:40 追記 Game Watchさんにレポートが上がりました。写真が豊富でわかりやすいです！ http://game.watch.impress.co.jp/docs/news/20120223_514183.html 講師 株式会社SEGA チーフデザイナー 築島智之 概要 セガさんで走っている、Unityを使ったiPhoneアプリのプロジェクトから出てきた、グラフィック最適化のノウハウの総括 レジュメ iPhone4で3Dを快適に動かす方法 iPhone4の特徴 最適化の方法 シーンの管理方法 ゲームエンジンとコンテンツ工学 環境 Maya 2
はじめに JKコンバットオンラインを作る際に、ゲームの舞台となる校舎のアセットがモバイル用では無かったため、なんとか軽くしようとしてみました。 JKコンバットオンライン 予約トップ10 iOS JKコンバットオンライン 予約トップ10 Android 結果、劣化はあるもののそれなりにモバイル用ではないアセットも使うことができました。 Japanese School Buildings Kit 実際にJKコンバットオンラインに使った校舎のアセットは以下のJapanese School Buildings Kitです。 Japanese School Buildings Kit | 3D Urban | Unity Asset Store 見ての通り、高クオリティなのですが、その分かなり重い… でもこれで$30は安い…！ Draw Calls Japanese School Buildings
![Mesh Bakerを使ってメッシュをまとめ、Draw Callsを1306から6にしてみた【Unity】【アセット】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c50d9d49a851c9fee415a44117e7dfdf1244dce/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fb5a695cf0b0a5e2191ef3bf1a6751d6a4cfa3095%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkan_kikuchi%252F20141214%252F20141214101258.jpg)
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速
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ ( via. Behind the magic of AKQA Winterlands ) #WebGL Performance Tuning WebGLコンテンツ／プログラムの速度をコツコツと速くするための、 パフォーマンスチューニング観点をまとめました。 まずはプロファイリングが重要。 闇雲にチューニングしても、あまり速くならない場合もあります。 また、最初の設計や、ハードウェア性能を知った上でのデータ量の見積もりも重要です。 ■WebGLプロファイリングのコツ ●グラフィックスパ
【リンク】 ◆解説系ＴＯＰ◆ とりあえず、境界球生成プログラムを作りました。 自分は３Dモデルの当たり判定を境界球で行う予定なのですが、 そのためには まず境界球を生成して、可視化するプログラムを 作っとかないと駄目かなーと思い、作ってみました。 ↓こんな感じで、座標と半径を指定してやれば 後は勝手に頂点や法線を算出後、 描画してくれます。 ------------------------------- Sphere tS; D3DXVECTOR3 t(0,0,0); tS.Create(t,1); //描画部分// tS.Draw(); ------------------------------- ※(0,0,0)が中心の、半径１の球を描画。 【参考画像】 ※上が半径１、下が半径３の球です。 明日（土曜日）あたりに、 境界球の生成法と具体的なプログラムを追記してみようと思います（｀・ω
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
Note: It is implied that all functions and symbolic names are methods and properties on a WebGL context object Buffers Object createBuffer void Create a buffer object void deleteBuffer Object buffer Delete a buffer object. void bindBuffer ulong target, Object buffer Bind a buffer object. Accepted values for target are: ARRAY_BUFFER ELEMENT_ARRAY_BUFFER void bufferData ulong target, Object dta, ulo
This should be a diagram! If you don't see it you need Javascript enabled Intro A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by websequencediagrams.com, who offer a serverside solution. We use Jison to parse the text, and Snap.svg to draw the image. Examples
This is an explanation of the boids algorithm explained with the use of pseudocode. It is mostly the standard algorithm as described by Reynolds [1], with a few of my own tweaks thrown in. It should be enough to get you started with programming your own boids simulation and making up your own extra routines. If you have any queries regarding this or have difficulty understanding any parts of the e
今日の内容 高度なアニメーション表現を身につける 物理法則を用いたアニメーションの表現 ばね 万有引力 「ばね」を定義する 「ばね」を数学的に定義する 「ばね」を数学的に定義する フックの法則 バネの伸びが x のとき、それによって生じる力を F とすると F = -kx ( k：ばね定数) 「ばね」の公式 フックの定理は以下のように書き直すことができる springForce = -stiffness * stretch バネの力 = -バネの硬さ x バネの伸び さらに「バネの伸び」の部分を解釈する springForce = -stiffness * (position – restPosition) バネの力 = -バネの硬さ x (現在位置 – ばねの静止位置) 式を整理 springForce = stiffness * (restPositon – position) バネの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
