## 引入文件
样式文件
```
<link href="PATH_TO_DIR/css/VirtualSceneStyle.css" rel="stylesheet" type="text/css">
```
核心库及框架文件
```
<script src="PATH_TO_DIR/js/core/all.js"></script>
<script src="PATH_TO_DIR/js/VirtualSceneFramework.min.js"></script>
```
如果项目中未使用jQuery的话,需要再引入jQuery
```
<script src="PATH_TO_DIR/js/core/jquery.min.js"></script>
```
## 开始使用
```
// HTML代码
<div class="vsf-container" id="virtual_scene"></div>
// JS代码
<script>
var MyVirtualScene = new VirtualSceneFramework('virtual_scene'); // 设置 Div ID
MyVirtualScene.init( my_config_data, my_object_list ); // 初始化数据
MyVirtualScene.start(); // 开始渲染
</script>
```
1. Div的Class样式名务必为:vsf-container。
2. Div的ID可根据实际情况自定义。
3. my_config_data是配置数据,my_object_list是物体数据,需要事先定义。具体如何定义,在下文中会进行详细说明。
4. `var MyVirtualScene` 请尽量放在JS全局环境下声明,声明的对象名可根据实际情况自定义。
- 序言
- 基础
- 如何使用
- 目录结构
- 配置数据
- 结构
- global
- style_lib
- default
- emphasis
- status
- environ
- camera
- ground
- light
- ambient_light
- directional_light
- point_light
- 物体数据
- 结构
- 通用参数
- 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
- 摄像机类
- get
- set
- reset
- auto_rotate
- 联系