Cesium--旋轉3dtiles

以下代碼來自Cesium 論壇:3DTileset rotation - CesiumJS - Cesium Community

在1.118中測試可行,可直接在Sandcastle中運行:

const viewer = new Cesium.Viewer("cesiumContainer", {terrain: Cesium.Terrain.fromWorldTerrain(),
});// Disable the ("globe") rotation for left mouse drags
viewer.scene.screenSpaceCameraController.enableRotate = false;let tileset = viewer.scene.primitives.add(await Cesium.Cesium3DTileset.fromIonAssetId(40866)
);// Store the transform of the root node of the
// tileset as the "root transform", assign this
// as the initial model matrix, and set the
// transform of the root node to be the identity
const rootTransform = Cesium.Matrix4.clone(tileset.root.transform);
tileset.modelMatrix = Cesium.Matrix4.clone(rootTransform);
tileset.root.transform = Cesium.Matrix4.clone(Cesium.Matrix4.IDENTITY);
const fullRotationMatrix = Cesium.Matrix4.clone(Cesium.Matrix4.IDENTITY);let selectedTileset;
let initialMousePosition;
const enableTransformEditor = true;const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);handler.setInputAction(async (click) => {const pickedObject = viewer.scene.pick(click.position);if (enableTransformEditor && pickedObject && !pickedObject.id) {selectedTileset = pickedObject.primitive;initialMousePosition = Cesium.Cartesian2.clone(click.position);}
}, Cesium.ScreenSpaceEventType.LEFT_DOWN);handler.setInputAction((click) => {selectedTileset = null;initialMousePosition = null;
}, Cesium.ScreenSpaceEventType.LEFT_UP);handler.setInputAction((movement) => {if (selectedTileset && initialMousePosition) {const translation = new Cesium.Cartesian3();Cesium.Matrix4.getTranslation(selectedTileset.modelMatrix, translation);const dx = movement.endPosition.x - initialMousePosition.x;const yaw = Cesium.Math.toRadians(dx);// Compute the rotation matrix, and multiply it// to the "full rotation matrix"const rotation3 = Cesium.Matrix3.fromRotationZ(yaw);const rotationMatrix = Cesium.Matrix4.fromRotation(rotation3);Cesium.Matrix4.multiply(fullRotationMatrix,rotationMatrix,fullRotationMatrix);// Compute the new model matrix from the// root transform and the full rotation matrixconst newModelMatrix = Cesium.Matrix4.clone(Cesium.Matrix4.IDENTITY);Cesium.Matrix4.multiply(rootTransform, fullRotationMatrix, newModelMatrix);// Apply the new model matrixselectedTileset.modelMatrix = newModelMatrix;// Update initialMousePosition for the next movementinitialMousePosition = Cesium.Cartesian2.clone(movement.endPosition);}
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);viewer.zoomTo(tileset);

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/34987.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/34987.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/34987.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

機器學習課程復習——線性回歸

Q:回歸和分類的區別? 回歸是連續的,分類是離散的 Q:用最小二乘法對線性回歸模型進行參數估計思路 例題

排序。。。

1. 掌握常用的排序方法,并掌握用高級語言實現排序算法的方法; 2. 深刻理解排序的定義和各種排序方法的特點,并能加以靈活應用; 3. 了解各種方法的排序過程及其時間復雜度的分析方法。 編程實現如下功能: (1…

Makefile中error函數的用法

在 Makefile 中,error 函數是一個特殊的函數,用于在執行過程中生成一個錯誤消息并終止 Makefile 的執行。它的基本語法如下: $(error error-message)其中,error-message 是一個字符串,表示要顯示的錯誤消息。當 Makef…

vue+three.js渲染3D模型

安裝three.js: npm install three 頁面部分代碼&#xff1a; <div style"width: 100%; height: 300px; position: relative;"><div style"height: 200px; background-color: white; width: 100%; position: absolute; top: 0;"><div id&…

【繞過無限Debugger】

文章目錄 引言無限Debugger的工作原理繞過無限Debugger的常用技巧條件斷點法置空法代碼修改與加密 引言 在Web開發中&#xff0c;debugger語句是一種強大的JavaScript功能&#xff0c;允許開發者在代碼中設置斷點&#xff0c;便于調試和理解代碼執行流程。然而&#xff0c;這一…

【文末附gpt升級秘笈】程序的“通用性”與“過度設計”的困境

程序的“通用性”與“過度設計”的困境 四、解決方案的深入闡述 &#xff08;一&#xff09;明確需求和目標&#xff1a;需求驅動設計 在軟件開發的初期&#xff0c;我們需要與業務團隊緊密合作&#xff0c;深入了解項目的實際需求和目標。這不僅包括明確的功能需求&#xf…

filelist中+incdir+的用法

在大多數 Verilog 編譯器&#xff08;如 VCS、ModelSim/Questa、Verilator&#xff09;中&#xff0c;使用 incdir 選項指定包含路徑后&#xff0c;仍然需要在 filelist 文件中列出每一個 Verilog 源文件。incdir 選項僅告訴編譯器在特定目錄中查找頭文件&#xff08;例如 .vh …

go語言day4 引入第三方依賴 整型和字符串轉換 進制間轉換 指針類型 浮點數類型 字符串類型

Golang依賴下載安裝失敗解決方法_安裝go依賴超時怎么解決-CSDN博客 go安裝依賴包&#xff08;go get, go module&#xff09;_go 安裝依賴-CSDN博客 目錄 go語言項目中如何使用第三方依賴&#xff1a;&#xff08;前兩步可以忽略&#xff09; 一、安裝git&#xff0c;安裝程序…

linux學習week1

linux學習 一.介紹 1.概述 linux的讀法不下10種 linux是一個開源的操作系統&#xff0c;操作系統包括mac、windows、安卓等 linux的開發版&#xff1a;Ubuntu&#xff08;烏班圖&#xff09;、RedHat&#xff08;紅帽&#xff09;、CentOS linux的應用&#xff1a;linux在服…

歸并排序與快速排序總結-c++

一&#xff0c;歸并排序 歸并排序&#xff08;Merge sort&#xff09;是建立在歸并操作上的一種有效的排序算法。該算法分治法&#xff08;Divide and Conquer&#xff09;的一個非常典型的應用。 作為一種典型的分而治之思想的算法應用&#xff0c;歸并排序的實現由兩種方法…

KVM網絡模式設置

一、KVM網絡模式介紹 1、NAT ( 默認上網 ) 虛擬機利用host機器的ip進行上網,對外顯示一個ip;virbr0是KVM 默認創建的一個 Bridge,其作用是為連接其上的虛機網卡提供NAT訪問外網的功能,默認ip為192.168.122.1 2、自帶的Bridge 將虛擬機橋接到host機器的網卡上,vm和ho…

mysql如何一句實現二行數據的列對換?

二行數據相同列內容對換 思路&#xff1a;先用多表聯查的方式查詢出這二行數據&#xff0c;再將查詢改成修改語句&#xff0c;需要對換的列相互設置值。 //查詢 SELECT * fromser_ele_detail AS rule1JOIN ser_ele_detail AS rule2 ON ( rule1.account_no rule2.account_no …

240622_昇思學習打卡-Day4-ResNet50遷移學習

240622_昇思學習打卡-Day4-ResNet50遷移學習 我們對事物的認知都是一點一點積累出來的&#xff0c;往往借助已經認識過的東西&#xff0c;可以更好地理解和認識新的有關聯的東西。比如一個人會騎自行車&#xff0c;我們讓他去騎摩托車他也很快就能學會&#xff0c;比如已經學會…

使用容器部署redis_設置配置文件映射到本地_設置存儲數據映射到本地_并開發java應用_連接redis---分布式云原生部署架構搭建011

可以看到java應用的部署過程,首先我們要準備一個java應用,并且我們,用docker,安裝一個redis 首先我們去start.spring.io 去生成一個簡單的web項目,然后用idea打開 選擇以后下載 放在這里,然后我們去安裝redis 在公共倉庫中找到redis . 可以看到它里面介紹說把數據放到了/dat…

理解和實現 LFU 緩存置換算法

引言 在計算機科學中&#xff0c;緩存是一種重要的技術&#xff0c;用于提高數據訪問速度和系統性能。然而&#xff0c;由于緩存空間有限&#xff0c;當緩存滿了之后&#xff0c;就需要一種智能的策略來決定哪些數據應該保留&#xff0c;哪些應該被淘汰。LFU&#xff08;Least…

FLASH閃存

FLASH閃存 程序現象&#xff1a; 1、讀寫內部FLASH 這個代碼的目的&#xff0c;就是利用內部flash程序存儲器的剩余空間&#xff0c;來存儲一些掉電不丟失的參數。所以這里的程序是按下K1變換一下測試數據&#xff0c;然后存儲到內部FLASH&#xff0c;按下K2把所有參數清0&…

找不到mfc140u.dll怎么修復,mfc140u.dll丟失的多種修復方法

計算機丟失mfc140u.dll文件會導致依賴該文件的軟件無法正常運行。mfc140u.dll是Microsoft Visual C 2015的可再發行組件之一&#xff0c;它屬于Microsoft Foundation Class (MFC) 庫&#xff0c;許多使用MFC開發的程序需要這個DLL文件來正確執行。丟失了mfc140u.dll文件。會導致…

無人機無刷電機理論教學培訓課程

本文檔為一份關于Brushless電機理論的詳細教程&#xff0c;由TYTO Robotics編制&#xff0c;旨在幫助用戶理解brushless電機的工作原理、特性以及如何通過實驗測定其關鍵參數Kv和Kt。文檔首先介紹了brushless電機的基本組成&#xff0c;包括靜止的定子和旋轉的轉子&#xff0c;…

AR增強現實在橋梁工程專業課堂上的應用

橋梁工程專業課堂上應用增強現實技術具有多方面的優勢。首先&#xff0c;增強現實技術能夠提供更加直觀、生動、真實的橋梁工程學習環境&#xff0c;使學生能夠更好地理解和掌握橋梁工程的基本原理和設計方法。其次&#xff0c;增強現實技術能夠提供更加豐富的橋梁工程案例和實…