1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> 3<!-- InstanceBegin template="/Templates/default_template.dwt" codeOutsideHTMLIsLocked="false" --> 4<head> 5<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6<meta http-equiv="Content-Style-Type" content="text/css" /> 7<!-- InstanceBeginEditable name="CSS の相対パス指定" --> 8<link href="../../../common/manual.css" rel="stylesheet" type="text/css" /> 9<!-- InstanceEndEditable --> 10<!-- InstanceBeginEditable name="ページのタイトル" --> 11<title>ミップマップ</title> 12<!-- InstanceEndEditable --> 13</head> 14<body> 15<div> 16 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 17 <h1>ミップマップ</h1> 18 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 19 <p>ここでは、ミップマップについて説明します。</p> 20 <p>ミップマップとは、テクスチャが縮小して表示される場合に、あらかじめ用意した解像度の低いテクスチャを適用する手法です。</p> 21 <p>ミップマップの詳細については、別途用意されている「CTR-グラフィックス入門」を同時に参照することをお奨めします。</p> 22 <p class="new_hint">補足：<br /> 23 ミップマップテクスチャの作成は Photoshop プラグインを使用して行います。<br /> 24 Photoshop プラグインの詳細は、以下の場所にある Photoshop プラグインのドキュメントを参照してください。<br /> 25 " %NW4C_ROOT%/documents/DccPlugin/Photoshop/PhotoshopPlugin.html "</p> 26 <h2>ミップマップ用テクスチャの作成</h2> 27 <p>ミップマップ用のテクスチャは、<a href="../../../glossary/index.html#power_method">2 のべき乗</a> で作成する必要があります。</p> 28 <p>図 1 ミップマップ用テクスチャ</p> 29 <img class="user_guide_chart" src="assets/mipmapping_making.png" alt="ミップマップ用テクスチャの作成"/> 30 <p>上の図は、テクスチャの最大サイズが 128 × 128 で、ミップマップレベルが 4 段階のミップマップ用テクスチャの作成例です。</p> 31 <p>この場合、実際には使用しない右端の部分は空けてテクスチャを作成し、テクスチャデータを出力する際にプラグインの設定でミップマップレベル数を指定します。</p> 32 <h3>ミップマップレベル</h3> 33 <p>ミップマップレベルは、レベル 0 を最初のテクスチャの大きさとして、レベルが 1 上がるごとに、テクスチャの幅と高さがそれぞれの半分のサイズになります。</p> 34 <p>縦横どちらかが、テクスチャフォーマットの最小サイズに到達するまで、最大 8 段階のミップマップを使用できます。</p> 35 <!-- ★テクススチャフォーマットへリンク --> 36 <p>図 2 ミップマップレベルと解像度の関係</p> 37 <img class="user_guide_chart" src="assets/mipmapping_level.png" alt="ミップマップレベル"/> 38 <p>ミップマップレベルは<em>ミップマップの LOD（ Level of Detail ）</em>によって適用するレベルの解像度が決まります。</p> 39 <h3>LODバイアス</h3> 40 <!-- #BeginLibraryItem "/Library/glossary_mipmaplodbias.lbi" --> 41 <!-- ミップマップ LOD バイアス( mipmap lod bias ) --> 42 <p><em>ミップマップのLODバイアス</em>とは、ミップマップのLODが、期待した解像度と異なるレベルを参照したとき、ミップマップの LOD レベルをずらすことで、適用されるミップマップレベルを調節する機能です。</p> 43 <!-- #EndLibraryItem --> 44 <p>図 3 LOD バイアスの調整例</p> 45 <img class="user_guide_chart" src="assets/mipmapping_bias.png" alt="ミップマップLODのバイアス"/> 46 <h2>ミップマップの特徴</h2> 47 <p>ここでは、ミップマップを使用した際の特徴を説明します。</p> 48 <h3>処理負荷の軽減</h3> 49 <p>ミップマップを使用すると、画面に映る面積に応じた解像度でテクスチャが表示されます。</p> 50 <p>画面の小さい領域に大きいテクスチャを貼る場合は、テクセル処理による負荷を軽減できます。</p> 51 <p class="new_hint">補足：<br /> 52 ミップマップを使用した場合でも、ミップマップレベル間のフィルタリング方法を滑らかに補間する設定にすると負荷が増加します。</p> 53 <!-- ★マテリアルパイプラインへリンク --> 54 <h3>モアレの軽減</h3> 55 <p>ミップマップを使用すると、モアレによる見た目の不自然さを軽減することができます。</p> 56 <p>図 4 ミップマップを使用した比較</p> 57 <img class="user_guide_chart" src="assets/mipmapping_comparing.png" alt="ミップマップ使用/未使用での比較"/> 58 59 <!-- #BeginLibraryItem "/Library/glossary_moire.lbi" --> 60 <!-- モアレ( moire ) --> 61 <p><em>モアレ</em>（干渉縞）とは、規則的なパターンを縮小したときに発生する縞模様のことです。<br /> 62 実際に画面に映る面積より大きな解像度のテクスチャを使用したときに、画面の最小単位 1 ピクセルに収まらないことによりモアレが発生し、ちらついて見えます。</p> 63 <!-- #EndLibraryItem --> 64 65 <!-- InstanceEndEditable --> </div> 66 <div class="footer" /> 67</div> 68</body> 69<!-- InstanceEnd --> 70</html> 71
