干貨|圖觀?小課堂知識點——進階教程:統(tǒng)一開發(fā)API與統(tǒng)一接口調(diào)試器
重點推文
統(tǒng)一開發(fā)API
圖觀統(tǒng)一開發(fā) API 是一套基于 JavaScript 語言開發(fā)的二次編程接口,用于在現(xiàn)代瀏覽器中加載、顯示圖觀引擎提供的流渲染或端渲染三維場景,并且為開發(fā)者提供在場景中繪制業(yè)務數(shù)據(jù)、觸發(fā)場景交互、控制場景邏輯的功能。圖觀統(tǒng)一開發(fā) API 兼容當前主流的 JavaScript 前端框架。(例如 Vue.js 或者 React,前端開發(fā)人員可快速便捷的進行二次開發(fā)。)
《統(tǒng)一開發(fā)手冊》詳細介紹傳送地址:http://www.tuguan.net/doc/tg-api/
-官網(wǎng)進入:http://www.tuguan.net/login.html
-點擊進入接口調(diào)試器服務-新建場景修改參數(shù)
圖觀引擎統(tǒng)一開發(fā)API功能:
統(tǒng)一接口調(diào)試器
圖觀?統(tǒng)一接口調(diào)試器,基于HTML5 和WebGL技術(shù),可利用端渲染控件或流渲染控件,調(diào)用場景效果編輯器發(fā)布的三維場景服務,調(diào)試場景交互效果。幫助開發(fā)者快速開發(fā)和調(diào)試場景交互效果代碼,祝您高效構(gòu)建數(shù)字孿生應用。
·雙渲染架構(gòu)“一鍵切換”:
同時支持圖觀端渲染控件和流渲染控件。使用統(tǒng)一接口調(diào)用方式,實現(xiàn)端、流一鍵切換。
·全要素場景加載:
支持集成圖觀“場景效果編輯器”生成的全要素場景,所見即所得的界面幫助開發(fā)者快速開發(fā)和調(diào)試場景交互效果代碼。
·示例代碼:
包含圖觀端渲染和流渲染控件全部接口的示例代碼。只需簡單修改參數(shù)即可對相應接口進行開發(fā)調(diào)試。
·單體/綜合兩種測試模式:
支持對單個接口效果進行獨立調(diào)試同時也支持對一組接口進行綜合調(diào)試。
統(tǒng)一接口調(diào)試器在線體驗地傳送:https://www.tuguan.net/index.html
單體測試:
點擊接口調(diào)試器上方“單體測試”:針對單獨的接口對應統(tǒng)一開發(fā)API方法進行單獨測試
-點擊“圖層對象”標簽頁中可操作:
添加地標點(選擇“地標點”添加電線桿到場景);
添加區(qū)域:(區(qū)域/添加區(qū)域圖)
樓層拆解、增加特效等
“全局對象”標簽頁中可操作:鏡頭漫游(鏡頭控制-鏡頭漫游)、環(huán)境光照。(其他控制-設置環(huán)境天氣)
-右側(cè)代碼區(qū)可進行查看和修改
綜合測試:
-在單體測試中需要保存的測試點擊保存到綜合測試,即可在綜合測試中查看(例如:點擊圖層對象標簽-添加地標圖-點擊執(zhí)行-添加到綜合測試)