首页 > 其他分享 >Cesium 与 Babylon.js 可视化 添加地形

Cesium 与 Babylon.js 可视化 添加地形

时间:2023-01-23 10:32:25浏览次数:53  
标签:haibalai largeGroundMat babylonjs BabylonMapManager js cesium viewer Cesium Baby


我决定不从Babylonjs 基础来讲了 直接整合cesium与babylonjs可视化来讲

我整合一个类库 后续不断更新中

npm i @haibalai/cesium-babylonjs

初始化cesium-babylonjs 类库, viewer 是 Cesium 的 viewer对象

import { BabylonMapManager } from “@haibalai/cesium-babylonjs”;
BabylonMapManager.init(viewer);

添加正方体

import { BabylonMapManager } from “@haibalai/cesium-babylonjs”;
const largeGroundMat = new BABYLON.StandardMaterial(“largeGroundMat”);
largeGroundMat.diffuseTexture = new BABYLON.Texture(“https://assets.babylonjs.com/environments/valleygrass.png”);
largeGroundMat.backFaceCulling = false;
const largeGround = BABYLON.MeshBuilder.CreateGroundFromHeightMap(“largeGround”,
Cesium 与 Babylon.js 可视化 添加地形 - 小专栏


标签:haibalai,largeGroundMat,babylonjs,BabylonMapManager,js,cesium,viewer,Cesium,Baby
From: https://blog.51cto.com/u_15142957/6021814

相关文章

  • js 粒子点击鼠标(particle)
    直接贴js代码在script里面就行了constparticle_canvas=document.createElement("canvas");particle_canvas.setAttribute("id","particle_canvas")document.querySel......
  • Three.js 进阶之旅:新春特典-Rabbit craft go
    声明:本文涉及图文和模型素材仅用于个人学习、研究和欣赏,请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。摘要兔年到了,祝大家身体健,康万事顺利。本文内......
  • js浏览器录制屏幕
    <!DOCTYPEhtml><html><head><metacharset="utf-8"></head><body><buttontype="button"onclick="recordScreen()">Start</button><buttontype="bu......
  • js dom节点的属性不能访问
    有些时候,我们会发现DOM节点的某个属性通过dom.XXX不能访问实际上,DOM也是一个对象,当我们通过控制台打印出来后,会发现这个属性并不在DOM节点上面,我们需要先setAttribute,之后......
  • js 操作视频帧
    MDNhttps://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Manipulating_video_using_canvasfunctiongetVideoBase64(url){ returnnewPromise(function(res......
  • sql base nodejs py go操作基本的db
    constmysql=require('mysql2');constconnection=mysql.createConnection({host:'localhost',user:'root',password:'root',database:'mybatis_pl......
  • JS_11_操作form对象
    通过操作form对象,咱可以动态进行数据提交。  一、form对象获取form对象://使用id值获取form对象varfrm=document.getElementById('frm_id');//使用name值获......
  • js 插入节点
    apendChildelement.appendChild(aChild)如果sp2没有下一个节点,则它肯定是最后一个节点,则sp2.nextSibling返回null,且sp1被插入到子节点列表的最后面(即sp2后面)。......
  • javascript: node.js
     consthttp=require("http");http.createServer(function(request,response){response.writeHead(200,{'Content-type':'text/html'});response.end('<h1>......
  • 学习笔记——SpringMVC消息转换器概述;使用消息转换器处理请求报文;使用消息转换器处理
    2023-01-20一、SpringMVC消息转换器概述1、HttpMessageConverter<T>消息转换器作用:(1)将java对象与请求报文及响应报文进行相互转化(2)使用HttpMessageConverter<T>将请......