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="en-US" lang="en-US"> 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 --> <!-- InstanceBeginEditable name="ページのタイトル" --> 10<title>Camera animation</title> 11<!-- InstanceEndEditable --> 12</head> 13<body> 14<div> 15 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 16 <h1>Camera animation</h1> 17 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 18 <p>This page describes how to configure camera animations using the sample data, ToyMobile.</p> 19 <h2>Loading sample data</h2> 20 <p>Use CreativeStudio to load the sample data prepared in the following folder.</p> 21 <h3>Models and Effects</h3> 22 <p>Load the sample data by selecting <B>File > Open > Intermediate file</B> on the CreativeStudio menu</p> 23 <table> 24 <thead> 25 <tr> 26 <th>Intermediate files</th> 27 <th>Location</th> 28 </tr> 29 </thead> 30 <tbody> 31 <tr> 32 <th>Rocket and stars model</th> 33 <td>" %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialToyMobile/ToyMobile.cres "</td> 34 </tr> 35 <tr> 36 <th>Fire and smoke effects</th> 37 <td>" %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialToyMobile/ToyMobileEffect.cres "</td> 38 </tr> 39 </tbody> 40 </table> 41 <h3>Particle link (action)</h3> 42 <p>Load a particle link by selecting <B>File > Open > Particle link</B> on the CreativeStudio menu</p> 43 <table> 44 <thead> 45 <tr> 46 <th>Intermediate files</th> 47 <th>Location</th> 48 </tr> 49 </thead> 50 <tbody> 51 <tr> 52 <th>Particle link data</th> 53 <td>" %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialToyMobile/ToyMobileAction.cact "</td> 54 </tr> 55 </tbody> 56 </table> 57 <img src="assets/camera_anim_01.png" alt="Image after multiple material edits"/> 58 <p class="hint_warn">Caution:<br /> The flame effect will not track the rocket just by loading the particle link (action) as described above. <BR> To make the flame track the rocket, see <a href="../../effect/action/index.html"> Linking Particles and 3D Models</a></p> 59 <p>After loading the sample data as described above, you can check the camera animation by selecting <B>animcamera</B> on the <B>Contents</B> panel.</p> 60 <img src="assets/camera_anim_04.png" alt="Camera animation curve 04"/></a> 61 <h2>Editing the color animation</h2> 62 <p>The ToyMobile camera animation is set to the X-axis and Z-axis of ViewUpdater.TargetPosition.</p> 63 <p>Figure 1-1 X-Axis Curve of ViewUpdater.TargetPosition</p> 64 <img src="assets/camera_anim_02.png" alt="Camera animation curve"/></a> 65 <p>Figure 1-2 Z-Axis Curve of ViewUpdater.TargetPosition</p> 66 <img src="assets/camera_anim_03.png" alt="Camera animation curve"/></a> 67 <p>Table 1 ToyMobile ViewUpdater.TargetPosition Settings</p> 68 <table> 69 <thead> 70 <tr> 71 <th>Frame</th> 72 <th>Axes to be animated</th> 73 <th>Description of Setting</th> 74 </tr> 75 </thead> 76 <tbody> 77 <tr> 78 <th rowspan="2">0 ～ 10</th> 79 <td>X </td> 80 <td>The camera's fixation point does not move from its start position because there are no changes to settings during these frames.</td> 81 </tr> 82 <tr> 83 <td>Z</td> 84 <td>The camera's fixation point does not move from its start position because there are no changes to settings during these frames.</td> 85 </tr> 86 <tr> 87 <th rowspan="2">10 ～ 40</th> 88 <td>X</td> 89 <td>Since the curve varies from 5 to 0, the camera's fixation point is animated from 5 to 0 in the X-direction.</td> 90 </tr> 91 <tr> 92 <td>Z</td> 93 <td>Since the curve varies from 0 to 5, the camera's fixation point is animated from 0 to -5 in the Z-direction.</td> 94 </tr> 95 <tr> 96 <th rowspan="2">40 ～ 60</th> 97 <td>X</td> 98 <td>Since the curve varies from 0 to -55, the camera's fixation point is animated from 0 to -5 in the X-direction.</td> 99 </tr> 100 <tr> 101 <td>Z</td> 102 <td>Since the curve varies from -5 to 0, the camera's fixation point is animated from -5 to 0 in the Z-direction.</td> 103 </tr> 104 <tr> 105 <th rowspan="2">60 ～ 100</th> 106 <td>X</td> 107 <td>Since the curve varies from -5 to 2, the camera's fixation point is animated from -5 to 2 in the X-direction.</td> 108 </tr> 109 <tr> 110 <td>Z</td> 111 <td>Since the curve varies from 0 to 5, the camera's fixation point is animated from 0 to 5 in the Z-direction.</td> 112 </tr> 113 <tr> 114 <th rowspan="2">100 ～ 200</th> 115 <td>X</td> 116 <td>The curve varies from 2 to 5, and the camera's fixation point returns to the animation start position.<br /> With this setting, the camera's fixation point is animated from 2 to 5 and finally returns to the start point.</td> 117 </tr> 118 <tr> 119 <td>Z</td> 120 <td>The curve varies from 5 to 0, and the camera's fixation point returns to the animation start position.<br /> With this setting, the camera's fixation point is animated from 5 to 0 and finally returns to the start point.</td> 121 </tr> 122 </tbody> 123 </table> 124 <h3>Sample Configuration</h3> 125 <p>If curve keys are all reversed using 0 on the horizontal axis as the reference, the camera fixation point is animated to track the planet.</p> 126 <!-- InstanceEndEditable --> </div> 127 <div class="footer" /> 128</div> 129<hr><p>CONFIDENTIAL</p></body> 130<!-- InstanceEnd --> 131</html>
