**`建議瀏覽 /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
- 雜項
- 聯系