From 890633656d9cd5d1dbd99148a3fbcc7b076092ea Mon Sep 17 00:00:00 2001 From: liteng <930372551@qq.com> Date: Thu, 18 Oct 2018 20:47:49 +0800 Subject: [PATCH] =?UTF-8?q?=E8=84=9A=E6=9C=AC=E9=9D=A2=E6=9D=BF=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs-dev/SUMMARY.md | 2 +- docs-dev/ui/ScriptPanel.md | 42 +++++++++++++++++++++++++++++ docs-dev/ui/image/createScript.png | Bin 0 -> 6425 bytes 3 files changed, 43 insertions(+), 1 deletion(-) create mode 100644 docs-dev/ui/ScriptPanel.md create mode 100644 docs-dev/ui/image/createScript.png diff --git a/docs-dev/SUMMARY.md b/docs-dev/SUMMARY.md index b53e04c3..c80724c0 100644 --- a/docs-dev/SUMMARY.md +++ b/docs-dev/SUMMARY.md @@ -6,7 +6,7 @@ * [工具栏](ui/Toolbar.md) * [场景编辑区](ui/Scene.md) * [场景层次图](ui/Hierachy.md) - * 脚本列表 + * [脚本面板](ui/ScriptPanel.md) * 属性面板 * 动画编辑区 * [状态栏](ui/StatusBar.md) diff --git a/docs-dev/ui/ScriptPanel.md b/docs-dev/ui/ScriptPanel.md new file mode 100644 index 00000000..83c6f9f3 --- /dev/null +++ b/docs-dev/ui/ScriptPanel.md @@ -0,0 +1,42 @@ +# 脚本面板 + +脚本面板用来管理当前场景中的`Javascript`脚本。 + +![image](image/scriptPanel.png) + +## 新建脚本 + +单击新建脚本按钮,弹出新建脚本窗口。输入脚本名称(中英文都行),点确定,打开脚本编辑器。 + +![image](image/createScript.png) + +脚本编辑器会提供一个脚本模板,里面提供13个事件,会在不同情况下自动调用:场景渲染前、场景渲染后、每帧、结束、单击、双击、键盘按下、键盘抬起、鼠标按下、鼠标移动、鼠标抬起、鼠标滚轮滚动、屏幕大小改变。 + +脚本编辑器中,默认提供scene、camera、renderer三个全局变量,基本用法是使用`scene.getObjectByName('名称')`获取场景中的物体,然后可以对物体属性进行各种修改。 + +![image](image/scriptEditor.png) + +我们用一个最简单的例子来说明用法。假设场景中有个叫“正方体”的物体,创建`正方体旋转`脚本,输入以下代码: + +```javascript +var box = scene.getObjectByName('正方体'); + +// 程序运行过程中,每帧都要执行 +function update(clock, deltaTime) { + box.rotation.x += 0.1; +} +``` + +关闭脚本编辑器窗口,会自动保存脚本。点击启动按钮,可以看到正方体旋转起来了。 + +## 编辑脚本 + +点击编辑按钮,可以编辑脚本。 + +## 保存脚本 + +关闭脚本编辑器按钮,可以自动保存脚本。 + +## 删除脚本 + +点击删除,可以弹出删除脚本对话框。点击确认,可以删除脚本。 \ No newline at end of file diff --git a/docs-dev/ui/image/createScript.png b/docs-dev/ui/image/createScript.png new file mode 100644 index 0000000000000000000000000000000000000000..9a90676ea5732b547028e68decdd3893289d1789 GIT binary patch literal 6425 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 Y_^&6oHRCdYzdS&Ox~4Y>I=2%313UU#s{jB1 literal 0 HcmV?d00001