ShadowEditor/docs/ui/ScriptPanel.md
2018-10-18 21:25:41 +08:00

42 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 脚本面板
脚本面板用来管理当前场景中的`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;
}
```
关闭脚本编辑器窗口,会自动保存脚本。点击启动按钮,可以看到正方体旋转起来了。
## 编辑脚本
点击编辑按钮,可以编辑脚本。
## 保存脚本
关闭脚本编辑器按钮,可以自动保存脚本。
## 删除脚本
点击删除,可以弹出删除脚本对话框。点击确认,可以删除脚本。