建立View and Data – 3D模型

阿新 • • 發佈：2019-01-29

View and Data – 3D模型

(轉自：blog.csdn.net/zzzh2088/article/details/64921162)

1、建立展示3D模型的容器，引入必要的css和js檔案

<!DOCTYPE html>
    <head>
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=no"/>
        <meta charset="utf-8">
        <!-- The Viewer CSS --> 

        <link rel="stylesheet" href="https://developer.api.autodesk.com/viewingservice/v1/viewers/style.min.css"
          type="text/css">
    </head>
    <body>
        <!-- The Viewer will be instantiated here -->
        <div id="MyViewerDiv"></div>

        <!-- The Viewer JS --> 

        <script src="https://developer.api.autodesk.com/viewingservice/v1/viewers/three.js"></script>
        <script src="https://developer.api.autodesk.com/viewingservice/v1/viewers/viewer3D.js"></script>
    </body>
</html>

2、編寫擴充套件js，來展示自己的3D模型

var viewerApp;
// view物件
var viewer;
// 擴充套件物件 

var extension;
var _mainViewerSubToolbar = null;
var controlGroup;
// 配置初始化選項
// 這裡的accessToken和urn都是上傳模型檔案到官方伺服器返回的
var options = {
        env: 'AutodeskProduction',
        getAccessToken: function (onGetAccessToken) {
            var accessToken = '0E5yQLZxN4rddupcbDydhcRa6auQ';
            var expireTimeSeconds = 60 * 30;
            onGetAccessToken(accessToken, expireTimeSeconds);
        }

    };
var documentId = 'urn:dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dGVzdGFuZG9zdGVjYXp6b2RpYXBpLWFydGh1cjQ1Ni9EaXNuZXltZXAucnZ0';

// 3D模型的初始化
Autodesk.Viewing.Initializer(options, function onInitialized() {
    var config = {
        extensions: ["Autodesk.Viewing.MarkupsCore","Autodesk.Viewing.MarkupRectangle"]
    };
    viewerApp = new Autodesk.Viewing.ViewingApplication('MyViewerDiv');
    viewerApp.registerViewer(viewerApp.k3D, Autodesk.Viewing.Private.GuiViewer3D, config);
    viewerApp.loadDocument(documentId, onDocumentLoadSuccess, onDocumentLoadFailure);
});

// 文件載入成功的回撥
function onDocumentLoadSuccess(doc) {
    var viewables = viewerApp.bubble.search({'type': 'geometry'});
    if (viewables.length === 0) {
        return;
    }
    viewerApp.selectItem(viewables[0].data, onItemLoadSuccess, onItemLoadFail);
}

// 文件載入失敗的回撥
function onDocumentLoadFailure(viewerErrorCode) {
    // ...
}

// 模型載入成功的回撥
function onItemLoadSuccess(viewer, item) {
    // ...
}

// 模型載入失敗的回撥
function onItemLoadFail(errorCode) {
    // ...
}

建立View and Data – 3D模型

View and Data – 3D模型 (轉自：blog.csdn.net/zzzh2088/article/details/64921162) 1、建立展示3D模型的容器，引入必要的css和js檔案 <!DOCTYPE html> <head&

Using View and Data API with Meteor

I have been studying Meteor these days, and find that Meteor is really a mind-blowing framework, I can talk about this latter. I was inspired by this que

使用AxisHelper幫助理解View and Data API中的座標系統

大家使用View and Data API做三維模型開發，必然首先要理解View and Data API的座標系統，即XYZ三個軸向分別是怎麼定義的。Three.js裡面提供了一個AxisHelper，但如果你直接運用的話，你會發現在viewer中並不顯示，並且控制檯中會有這樣的錯誤資訊:"Only THR

View and Data API Tips: Constrain Viewer Within a div Container

When working with View and Data API, you probably want to contain viewer into a <div> tag, the position and size of <div> can be defined with

Autodesk View and Data API二次開發學習指南

什麼是View and Data API？使用View and Data API，你可以輕鬆的在網頁上顯示大型三維模型或者二維圖紙而不需要安裝任何外掛。通過View and Data API，你可以對模型進行視點控制、選擇控制、屬性資訊查詢等等，而且還可以把這樣無外掛的模型瀏覽器和您自己的其他資訊系統整合

在View and Data API中更改指定元素的顏色

大家在使用View and Data API開發過程中，經常會用到的就是改變某些元素的顏色已區別顯示。比如根據某些屬性做不同顏色的專題顯示，或者用不同顏色表示施工進度，或者只是簡單的以顏色變化來提醒使用者以示區別。作為開發者，一定會喜歡看的這樣的API：//load the extension viewe

View and Data API Tips : Conversion between DbId and node

In View and Data client side API, The assets in the Autodesk Viewer have an object tree, a tree structure that represents the model hierarchy. Each eleme

View and Data API Tips: Hide elements in viewer completely

With View and Data API, you can hide some elements in viewer by calling “viewer.hide(dbIds)”, when the elements are hided, it actually make it transparen

3D模型的建立還有這樣的方法，厲害！

ref aar tex 啟動 http png 激活 eval 方法化學中，要想了解某個分子結構的特征，建立它的3D模型是非常有幫助的，可以清楚地看出每個分子的分布和構成，那麽有什麽化學軟件可以建立3D模型呢？下面就一起來學習具體的方法。 ChemOffice是專業的化學

LiveScan3D: A Fast and Inexpensive 3D Data Acquisition System for Multiple Kinect v2 Sensors

LiveScan3D：用於多個Kinect v2感測器的快速、低成本的3D資料採集系統文章翻譯引言：我們提出了一種利用多個Kinect v2感測器進行實時3D採集的方法。與使用單個感測器的方法不同，比如[1]，我們可以同時記錄多個視點的動態場景。我

【DIY】用方塊世界建立畫素化客家圍龍屋3D模型

目錄 01 - 方塊世界 02 - 客家圍龍屋 03 - 3D建模 04 - 列印上色 05 - Arduino程式設計 06 - 成品 01 - 方塊世界方塊世界，其實就是《我的世界》的工具版，《我的世界》是遊戲，方塊世界是工具，它提供一種畫

Google SketchUp，一款很有趣的軟體，可以建立你所想要的任何3D模型

今天在Google的站點上看到這樣一個視訊，是用一個工具來做3D模型的，視訊上的效果非常的吸引人，請開啟以下地址觀看 Google SketchUp 是一款可供您用於建立、修改及共享 3D 模型的軟體。學起來比其它三維建模程式更容易，這就是為什麼許多人已經使用它的原因。

NGUI研究之3D模型坐標轉2D屏幕坐標-血條

uic bject blank orm 組成自己 index lan rac ?? 剛好今天有朋友問我，比較典型的樣例就是遊戲裏面人物的血條。原理非常easy就是把3D點換算成2D的點。可是因為NGUI自身是3D所以我們須要先把NGUI下的點轉成2D點。然後在把他轉成

3D模型瀏覽器的實現思路

想是 ... logs 三維開發技術無向圖需要結構前段時間正好瀏覽了數據結構中關於圖的部分，突然就意識到一個問題，3D模型就是用無向圖來存儲的。仔細想一想是不是這樣呢? 一個3D模型去掉材質之後剩下的部分就是點以及點和點之間的連線了，點我們用三維坐標表示即可，假

Flash program memory and data EEPROM

corrupted check stat blog 編程其中 per pri param 1、簡介　　STM8S內部的FLASH程序存儲器和數據EEPROM是由一組通用寄存器來控制的；所以我們可以通過這些通用寄存器來編程或擦除存儲器的內容、設置寫保護、或者配置特定的低功

洛谷—— P1187 3D模型

100% times pic 個數字 oid 文件的 tdi 測試數據 log https://www.luogu.org/problem/show?pid=1187 題目描述一座城市建立在規則的n×m網格上，並且網格均由1×1正方形構成。在每

Couchbase II( View And Index)

內建函數返回數據集 not document descend bucket 結構 base Views view的作用是從沒有結構和半結構的數據對象中抽取過濾需要的信息，並生成相關的index信息，通常生成json數據。 view通過叠代bucket所有文檔而提取

cesium導入3D模型（obj轉gltf）

出現移動 mark 簡單批處理 -s default 發現 pri cesium中支持載入3D模型，不過只支持gltf格式。gltf是khronos組織（起草OpenGL標準的那家）定義的一種交換格式，用於互聯網或移動設備上展現3d內容，充分支持opengl，webgl

[HTML5] Inlining images with SVG and data URIs

mtu pan -h too tty pps ffffff row nts The main reason you want to do I"nlining images with SVG and data URIs" is to reduce http request.

Luogu P1187 3D模型

esp 技術必須 names 3d模型輸入輸出格式建築 cdn 明顯題目描述一座城市建立在規則的n×m網格上，並且網格均由1×1正方形構成。在每個網格上都可以有一個建築，建築由若幹個1×1×1的立方體搭建而成（也就

建立View and Data – 3D模型

View and Data – 3D模型

1、建立展示3D模型的容器，引入必要的css和js檔案

2、編寫擴充套件js，來展示自己的3D模型

相關推薦