📄 basic.html
字号:
<html>
<head>
<title>3DEnvironment userguide</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="help_pc.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1 class="title">Basic Tutorial</h1>
<p> </p>
<p class="normal">1. After installing the 3DEnvironment using the <a href="http://www.adobe.com/exchange/em_download/" target="_blank">Macromedia Extension Manager</a>, open Flash and start a new file.</p>
<p>Press <span class="highlight">Ctrl+F7</span> (Win) or <span class="highlight">Cmnd+F7</span> (Mac) to open the Component panel and drag a copy of the component onto the stage.</p>
<p><img src="images/screen1.jpg" border="1" class="image" alt="screen shot" /></p>
<p> </p>
<p><br>
2. Next you must create a symbol to exist in the 3D environment you're creating. Press <span class="highlight">Ctrl+F8</span> (Win) or <span class="highlight">Cmnd+F8</span> (Mac) to open the 'Create New Symbol' dialogue box. Enter a name for the symbol, for the purposes of the tutorial name it <em>circle_clip</em>. Ensure that the type is set to 'Movie clip'. Tick the 'Export for Actionscript' checkbox (the 'Export in first frame' check box will be ticked automatically.) Enter an 'Identifier' for the clip, for the purposes of the tutorial give it the instance name <em>circle</em>. Click OK.</p>
<p><img src="images/screen2.jpg" border="1" class="image" alt="screen shot" /></p>
<p> </p>
<p><br>
3. On the timeline of the clip you have just created draw a graphic, for the purposes of this tutorial draw a circle.</p>
<p><img src="images/screen3.jpg" border="1" class="image" alt="screen shot" /></p>
<p> </p>
<p><br>
4. Return to the main timeline, select the <span class="highlight">3DEnvironment</span> component on the stage and press <span class="highlight">Alt+F7</span> to open the Component Inspector panel.</p>
<p><img src="images/screen4.jpg" border="1" class="image" alt="screen shot" /></p>
<p> </p>
<p><br>
5. Press the <span class="highlight">Add</span> button to add an object to the 3D environment. The new object panel will appear once you press the <span class="highlight">Add</span> button.</p>
<p><br>
Enter <span class="highlight">x</span>, <span class="highlight">y</span> and <span class="highlight">z</span> positions for the object in the 3D environment. The <span class="highlight">x</span> value indicates the desired horizontal position, the <span class="highlight">y</span> indicates the desired vertical position and the <span class="highlight">z</span> value indicates the desired depth.</p>
<p>Enter the <span class="highlight">regName</span> for the object. This value allows you to refer to the object later. <i>Note that the regName should be a unique name.</i></p>
<p class="normal">Finally enter the <span class="highlight">linkage Identifier</span> of the symbol you created in step 2.</p>
<p class="normal">Press <span class="highlight">OK</span>.</p>
<p><img src="images/screen5.jpg" border="1" class="image" alt="screen shot" /></p>
<p class="normal"> </p>
<p class="normal"> Now that the object has been added to the object's list, you can edit the object's <span class="highlight">position</span>, <span class="highlight">regName</span> and <span class="highlight">linkage identifier</span> if you wish.</p>
<p class="normal"><br>
6. The essence of a 3D environment is the position of objects relative to each other. To create a three dimensional effect with your component repeat step 5 several times to create more objects. (For the purpose of the tutorial you can use the same linkage identifier so that you do not need to create multiple symbols.)</p>
<p><img src="images/screen6.jpg" border="1" class="image" alt="screen shot" /></p>
<p> </p>
<p><br>
7. In the <span class="highlight">Component Inspector</span>, press the <span class="highlight">Control</span> tab. Tick each of the checkboxes to include that type of movement.</p>
<p> </p>
<p class="normal">Select the text field labelled <span class="highlight">Forward</span> and press the up arrow button on your keyboard.</p>
<p class="normal">Select the text field labelled <span class="highlight">Backward</span> and press the down arrow button on your keyboard.</p>
<p class="normal">Select the text field labelled <span class="highlight">Up</span> and press the Shift key on your keyboard.</p>
<p class="normal">Select the text field labelled <span class="highlight">Down</span> and press the Control key on your keyboard.</p>
<p class="normal">Select the text field labelled <span class="highlight">Left</span> and press the left arrow button on your keyboard.</p>
<p class="normal">Select the text field labelled <span class="highlight">Right</span> and press the right arrow button on your keyboard.</p>
<p><img src="images/screen7.jpg" border="1" class="image" alt="screen shot" /></p>
<p class="normal">
<p class="normal">When you test your file, pressing and holding these buttons will control the movement of your environment. For more information on the subject please refer to the <a href="control.html">Using the Control tab</a> section of this userguide.
<p class="normal"><br>
8. Press <span class="highlight">Ctrl+S </span>(Win) or <span class="highlight">Cmnd+S</span> (Mac) to save your file and <span class="highlight">Ctrl+Enter </span>(Win) or <span class="highlight">Cmnd+Enter</span> (Mac) to test your file.
<p class="normal"> </p>
<p class="normal">Press and hold the keys that you entered in step 7 to move your environment.</p>
<p class="normal"> </p>
<p class="normal"> </p>
<p> </p>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -