一个好的3D可视化应用可以有两种方法来实现，第一种，委托给开发公司，企业只需要提供各种业务数据；还有一种，可以自己的技术人员来开发。假设我们选择第二种方式，该如何进行操作呢？现在我们来了解一下开发历程：
快速入门
使用之前
在开始使用 ThingJS 之前，需要先了解JavaScript，我们假设您已经掌握JS。
创建项目
创建项目之前需登录ThingJS账号，如果您尚未登录账号或页面出现“登录已过期，请重新登录！”的提示，为保证项目的正确保存及运行，请您在账号登录之后再创建项目。您可通过以下三种方式创建项目：
选择菜单区域的“文件 - 新建项目”选项
点击工具栏“新建”图标，图标如右图所示：
使用快捷键“Ctrl+P”
编辑项目
在线开发为用户提供了相应的快捷代码和官方示例，如果你正在用ThingJS在线开发页面，可以通过以下两种方式来编辑项目:
点击在线开发页面菜单区域的快捷代码选项中的子项，编辑区将自动插入相应代码
选择在线开发官方示例中的其中任意一个示例，点击相应示例，编辑区将显示相应代码
后续操作详见在线开发
保存项目
可通过以下四种方式保存项目：
选择菜单区域的“文件 - 保存”选项
点击工具栏“保存”图标，图标如右图所示：
使用快捷键“Ctrl+S”
运行项目
在线开发环境提供了以下几种方式运行项目：
使用快捷方式“Ctrl+R/Enter”或点击工具栏中的“运行”图标，3d容器区域将运行编辑器相应的代码。图标如右图所示：
选择菜单区域的“工具 - 设置”选型，出现的设置面板，点击开启“自动保存执行”
环境和效果
目前我们使用两种标准前端页面方法进行数据对接，他们是 Ajax 和 WebSocket ，本章我们将详细介绍这两种方式进行数据对接：
ThingJS 提供如下几种方式来控制天空和背景：
使用 app.background 属性设置背景颜色；
app.background=0xff8844;
取消背景颜色可直接设置：
app.background=null;
使用 app.background 属性也可以设置背景图片；
app.background='/uploads/wechat/oLX7p0zOGLar_E2BzYn5fn8ZeaDs/file/bg.jpg';
效果如下：
取消背景图片可直接设置背景颜色：
app.background=0x000000;
使用 app.skyBox 属性设置背景天空盒，目前 ThingJS 内置提供 BlueSky ， MilkyWay ，Night ， CloudySky， White ， Dark 这几种天空盒；
取消背景图片可直接设置背景颜色：
app.skyBox="Night";
取消效果：
app.skyBox=null;
使用 app.skyEffect 属性设置背景天空盒时间线；
取消背景图片可直接设置背景颜色：
app.skyEffect={// 显示光源位置showHelper:false,// 光源扩散大小turbidity:10,// 大气散射 rayleigh:2,// 时间 [0~24]time:17.6,// 水平角度beta:30};
取消效果：
取消背景图片可直接设置背景颜色：
app.skyEffect=null;
这个设置不仅修改了背景同时也封装了灯光效果，具体参数比较专业，这里不赘述参数意义了。
注意事项
当 app.skyBox 和 app.skyEffect 同时生效时会有些问题，需要选取其中一个生效，关闭另一个。
关于费用，thingjs平台是免费提供给用户使用的，其他相关业务费用可了解www.thingjs.com/guide/price
