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><!-- #BeginLibraryItem "/Library/glossary_vertex_shader.lbi" -->
20<!-- 頂点シェーダー ( vertex_shader ) -->
21<p><em>頂点処理</em>とは、頂点バッファからの情報、<em><a href="../../../glossary/index.html#vertex_attribute">頂点属性</a></em>に対して頂点単位でライティングや陰影づけを行う処理のことです。</p>
22<p><em>頂点シェーダー</em>とも呼びます。</p>
23<!-- #EndLibraryItem --><p>頂点シェーダーの各処理についての詳細は、別途用意されている「CTR-グラフィックス入門」を参照してください。</p>
24    <!--<h2>頂点属性の種類</h2>
25    <p>頂点属性とは、頂点ごとに扱えるデータの種類のことで、1 つの頂点に対して頂点属性を 12 種類まで設定することができます。</p>
26    <p>頂点属性により、ポリゴンモデルが構成されています。</p>
27    <p>表 1 モデルの形状を構成する頂点属性の一部</p>
28    <table>
29      <thead>
30        <tr>
31          <th>頂点属性の種類</th>
32          <th>説明</th>
33        </tr>
34      </thead>
35      <tbody>
36        <tr>
37          <th>頂点座標</th>
38          <td>ポリゴン面を構成する各頂点の位置をあらわす座標情報です。 3 つ以上の頂点からポリゴン面を構成します。</td>
39        </tr>
40        <tr>
41          <th>法線ベクトル</th>
42          <td>ポリゴン面を構成する各頂点の方向をあらわす情報です。ライティングによる陰影処理に使用できます。</td>
43        </tr>
44        <tr>
45          <th>テクスチャ座標</th>
46          <td>ポリゴン面を構成する各頂点とテクスチャ画像の位置をあわせる為に使用する座標情報です。<br />
47            CreativeStudio では、テクスチャ座標を 3 つまで使用できます。</td>
48        </tr>
49        <tr>
50          <th>頂点カラー</th>
51          <td>頂点の色をあらわす情報です。 3D グラフィックスツールで直接色を指定したり、ライティングの結果の色を格納することができます。</td>
52        </tr>
53      </tbody>
54    </table>-->
55    <h3>頂点シェーダーの処理</h3>
56    <p>頂点シェーダーは、頂点バッファから入力された頂点属性に対して 3 つの処理を行います。</p>
57    <p>表 1 頂点シェーダーの役割</p>
58    <table>
59      <thead>
60        <tr>
61          <th>シェーダーの役割</th>
62          <th>説明</th>
63        </tr>
64      </thead>
65      <tbody>
66        <tr>
67          <th>座標変換</th>
68          <td>入力された頂点座標や法線ベクトルをもとに、画面へ表示する為のウィンドウ座標系に変換し、出力します。</td>
69        </tr>
70        <tr>
71          <th>テクスチャ座標の生成</th>
72          <td>入力された頂点情報をもとに、テクスチャマッピング用に頂点座標を生成、出力します。</td>
73        </tr>
74        <tr>
75          <th>頂点カラーの生成</th>
76          <td>入力された頂点情報をもとに、ライティング処理の結果から頂点カラーを生成、出力します。</td>
77        </tr>
78      </tbody>
79    </table>
80    <!-- InstanceEndEditable --> </div>
81  <div class="footer" />
82</div>
83</body>
84<!-- InstanceEnd -->
85</html>
86