🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 引入文件 样式文件 ``` <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全局环境下声明,声明的对象名可根据实际情况自定义。