15、three.js编辑器二次开发和物理引擎介绍

1、three.js编辑器二次开发

注意问题：（1）首先我们在浏览器搜索Three.js源码解析即可看到相关讲解文件

（2）参考地址：https://blog.csdn.net/tianyapai/article/details/104760134。该作者对three.js编辑器源码进行了相关讲解，一共19个文章。

three.js场景编辑器的一些初始配置信息存放在editor\js\Config.js下,当第一次加载的时候，编辑器会使用这个配置文件设置默认配置，并将这些配置信息存储在浏览器的window.localStorage，当再次打开编辑器时会从浏览器本地的window.localStorage读取这些配置，特别是当用户自己设定了一些配置项时很有用。

（3）具体案例实现修改编辑默认显示中文状态

打开我们加载的编辑器源码，接着找到editor\js\Config.js文件——》修改storage里面的language后面的值为zh——》此时默认打开three.js编辑器就会显示中文信息。——》

three.js存储页面菜单信息的文件在editor\js\Strings.js里面

three.js实现点击按钮修改语言的文件在editor\js\Sidebar.Settings.js里面

2、three.js物理引擎cannon介绍

注意问题：（1）Three.js设置阴影方法

首先要将渲染器开启来，还要对灯光设置允许投射阴影，接着在地面设置接收阴影。

认识物理引擎和cannon安装

cannon的安装和引入：https://www.npmjs.com/package/cannon

cannon官方案例网址和文档：https://pmndrs.github.io/cannon-es/