3dModeling CreateHtml.js 李欣儒 commit at 2021-03-31

3dModeling/zyl282/CreateHtml.js

@@ -0,0 +1,43 @@
+/**
+ * 说明：创建页面元素
+ */
+function createHtml() {
+    let sign =
+        `<div id="all-controls">
+            <div class="controls">
+                <a id="horizontalExpansion" class="control-item">
+                    <i class="btn-horizontal"></i>
+                    <span class="tooltiptext">横向展开</span>
+                </a>
+                <a id="verticalExpansion" class="control-item">
+                    <i class="btn-vertical"></i>
+                    <span class="tooltiptext">纵向展开</span>
+                </a>
+                <a id="moveByFps" class="control-item">
+                    <i class="btn-fps"></i>
+                    <span class="tooltiptext">第一人称行走</span>
+                </a> 
+                <a id="miniMap" class="control-item">
+                    <i class="btn-map"></i>
+                    <span class="tooltiptext">小地图</span>
+                </a>
+                <a id="sceneSetting" class="control-item">
+                    <i class="btn-setting"></i>
+                    <span class="tooltiptext">设置</span>
+                    <div class="control-menu map-bg-select-menu">
+                        <div class="control-menu-wrapper" style="position: relative">
+                            <div class="control-menu-pane">
+                                <ul class="setting-list">
+                                    <li class="autoRotate setting-item selected">自动旋转</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </a>
+           
+            </div>
+        </div>`;
+    // 将页面元素加入到div2d容器中，相关示例可参考官方示例-->界面2D-->UIAnchor
+    $('#div2d').append($(sign));
+    registerEvent();  // 注册事件
+}