## 引入文件
樣式文件
```
<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
- 聯系