**`建议浏览 /demo/preview.html 及其源码`**
## 引入文件
样式文件
```
<link href="_PATH_TO_DIR_/Plat3D/css/Plat3D.style.css" rel="stylesheet" type="text/css">
```
核心库及框架文件
```
<script src="_PATH_TO_DIR_/Plat3D/js/Plat3D.corelibs.js"></script>
<script src="_PATH_TO_DIR_/Plat3D/js/Plat3D.js"></script>
```
如果项目中未使用jQuery的话,需要再引入jQuery,所需版本为3.4.1+
```
<script src="_PATH_TO_DIR_/Plat3D/js/jquery.min.js"></script>
```
## 开始使用
```
// HTML代码
<div class="plat3d-container" id="my_app"></div>
// JS代码
<script>
var MyApp = new Plat3D('my_app'); // 设置 Div ID
MyApp.init( my_config_data, my_object_list ); // 初始化数据
MyApp.start(); // 开始渲染
</script>
```
1. 请务必阅读 `/demo/preview.html` 的源码,其包含了:读取场景数据的过程、初始化数据、和一些自定义内容,十分有典型意义。
2. div容器的Class样式名务必为:`plat3d-container`。div容器的ID可根据实际情况自定义。
3. my_config_data是配置数据,my_object_list是物体数据,需要事先定义。
4. `var MyApp` 请尽量放在JS全局环境下声明,声明的对象名可根据实际情况自定义。
5.
- 序言
- 简介
- 为何选择
- 框架特点
- 运行性能
- 开始使用
- 目录结构
- 运行环境
- 如何使用
- 可视化设计
- 简介
- 如何使用
- 基础
- 目录结构
- 配置数据
- 结构
- global
- style_lib
- default
- emphasis
- status
- environ
- camera
- ground
- light
- ambient_light
- directional_light
- point_light
- designer_data
- 物体数据
- 结构
- 通用参数
- id
- name
- style
- advgeom
- visible
- status
- param
- property
- scale
- align
- position
- rotation
- label
- infobox
- icon
- linkline
- float
- intersect
- animate
- rotate
- shuttle
- pipeline
- flow
- route
- 多个动画
- 基础物体
- plane 平面
- circle 圆平面
- ring 环平面
- cube 立方体
- sphere 球体
- cylinder 圆柱体
- torus 圆环体
- tube 管道
- spline 曲面
- wall 墙体
- raise 拔高体
- tetrahedron 正四面体
- octahedron 正八面体
- icosahedron 正二十面体
- 外部三维模型
- 接口
- 开发必读
- 物体类
- visible
- position
- scale
- rotation
- icon
- label
- infobox
- intersect
- param
- status
- animate
- list
- remove
- add
- update
- query
- 摄像机类
- get
- set
- reset
- auto_rotate
- 杂项
- 联系