📄 advanced1.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 { color: #003366;
font-weight: bold;
}
.style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.underline { text-decoration: underline;
}
.style3 {
font-size: 24px;
font-weight: bold;
}
-->
</style>
</head>
<body>
<table width="95%" border="0">
<tr>
<td><h2 class="style2 style3"><span style=''>Using advanced live preview</span></h2>
<p class="style2"><span style=''> The most powerful feature of the <span class="style1">3DPlane</span> is the <span class="style1">"advanced live preview"</span>. It allows you to see the final picture of the 3D component directly in the Flash editor. Let's see how useful it is.</span></p>
<p class="style2"><span style=''>1. Start a new Flash MX movie. Save it as <span class="style1">'butterfly.fla'</span>.</span></p>
<p class="style2">2. If you are using Flash MX, please skip to step 3. If you are using <span class="style1">Flash MX 2004</span>: Copy the file called <span class="style1">'3D PlaneLive.swf'</span>, that was included with your download, and paste it in the same folder where you just saved <span class="style1">'butterfly.fla'</span>. This file is necessary for the advanced live preview to work in Flash MX 2004. You do not need to upload the <span class="style1">'3D PlaneLive.swf'</span> file when you publish your site. It is used for the design process only. </p>
<p class="style2"><span style="">3. Change the FPS to 30 to see smooth 3D motion (advisable for all movies in this tutorial). </span></p>
<p class="style2"><span style=''>4. Create a new MovieClip. Give it a name and linkage name <span class="style1">'mc1'</span> as shown below.</span></p>
<p class="style2"><span style=''><img
width=407 height=276 src="images/image11.gif"></span></p>
<p class="style2"><span style=''>5. Add any content into the <span class="style1">'mc1</span>' movieclip. Let it be a bitmap of a butterfly in this case. </span></p>
<p class="style2"><span style=''><img src="images/image12.jpg" width="394" height="278"></span></p>
<p class="style2"><span style=''>6. Go back to your main timeline and drag an instance of the <span class="style1">3DPlane</span> from the Components Panel and drop it onto the stage.</span></p>
<p class="style2"><span style=''><strong>After</strong> you add the <span class="style1">3DPlane component</span> in your movie but <strong>before</strong> you enter the target movieclip name in the <span class="style1">3DPlane</span> properties, you need to compile your movie (create an swf file). This is necessary in order to share your library objects for the live preview. You can do this simply by testing your movie inside of Flash (Ctrl-Enter on Windows or Alt-Enter on Mac).</span></p>
<p class="style2"><span style="">7. Click on the <span class="style1">'content'</span> text field and enter the movieclip linkage name (<span class="style1">'mc1'</span>).</span></p>
<p class="style2"><span style=''><img src="images/image13.gif" width="558" height="116"></span></p>
<p class="style2"><span style=''>You should now see the content of your <span class="style1">'mc1'</span> movieclip on the stage.</span></p>
<p class="style2"><span style=''><img src="images/image14.jpg" width="385" height="334"></span></p>
<p class="style2"><span style=''> Test your movie again to check that the final movie looks the same. Try drag and spin the butterfly with your mouse to check that the 3D engine is working correctly.</span></p>
<p class="style2"><span style="">You can change the location of the <span class="style1">"advanced live preview"</span> files on the third page of the 3DPlane properties (button '3' on the left side of the the <span class="style1">3DPlane</span> properties window)</span></p>
<p class="style2"><span style=""><img src="images/image15.gif" width="554" height="116"></span></p>
<p class="style2"><span #invalid_attr_id="underline"><br>
The following parameters can be set</span>:</p>
<p class="style2"><span style=""><strong>Library: </strong>This is the full path and name of the swf file for the current movie.<br>
<strong>Refresh live preview:</strong> Press this button after there has been a change in the target movieclip (for example, if you changed the picture in 'mc1'). After making such changes, create a new swf (by testing the movie) and then press this button to load the updated advanced live preview.<br>
<strong>Get last compiled swf file name: </strong> Press this button if the source of the linked movieclip has been changed. For example, if you download the <span class="style1">butterfly.fla </span>source, the swf file located at 'file:///C|/Work/Components/Plane/documentation/butterfly.swf', does not exist. In this case, first test the movie and then press this button. The <span class="style1">library</span> property will be automatically updated with the correct file name and path and the live preview will be refreshed.</span></p>
<p class="style2"><br>
<span style=""><strong>Note:</strong> Although the 3D component in this example looks like butterfly on the stage, it is still rectangular in shape (the actual shape is defined by a dashed blue line). You can change the dimensions of the component preview area by using the Free Transform Tool, however this does not change the dimensions of the 3D object itself. To change the dimensions of the 3D object, use the <span class="style1">'scale'</span> property in the 3DPlane properties panel.</span></p></td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -