首页 > 其他分享 >Cesium 与 Babylon.js 可视化 给房子上贴图

Cesium 与 Babylon.js 可视化 给房子上贴图

时间:2023-03-15 09:44:57浏览次数:46  
标签:贴图 1.0 babylonjs faceUV js cesium Cesium new BABYLON

我决定不从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";
  • let scene = BabylonMapManager.getScene(viewer);
  • const material = new BABYLON.StandardMaterial("material", scene);
  • material.diffuseColor = new BABYLON.Color3(0, 1, 0);
  • material.backFaceCulling = false;
  • //texture
  • const roofMat = new BABYLON.StandardMaterial("roofMat", scene);
  • roofMat.diffuseTexture = new BABYLON.Texture("https://assets.babylonjs.com/environments/roof.jpg");
  • const boxMat = new BABYLON.StandardMaterial("boxMat");
  • boxMat.diffuseTexture = new BABYLON.Texture("https://assets.babylonjs.com/environments/cubehouse.png")
  • const faceUV = [];
  • faceUV[0] = new BABYLON.Vector4(0.5, 0.0, 0.75, 1.0); //rear face
  • faceUV[1] = new BABYLON.Vector4(0.0, 0.0, 0.25, 1.0); //front face
  • faceUV[2] = new BABYLON.Vector4(0.25, 0, 0.5, 1.0); //right side
  • faceUV[3] = new BABYLON.Vector4(0.75, 0, 1.0, 1.0); //left side

Cesium 与 Babylon.js 可视化 给房子上贴图 - 小专栏

标签:贴图,1.0,babylonjs,faceUV,js,cesium,Cesium,new,BABYLON
From: https://www.cnblogs.com/haibalai/p/17217352.html

相关文章

  • Cesium 与 Babylon.js 可视化 构建房子
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs 初始化cesium-babylonjs......
  • Cesium 与 Babylon.js 可视化 复制一个模型
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs 初始化cesium-babylonjs......
  • 使用nodeJs框架koa2搭建项目后端
    使用koa2搭建项目后端 github源码地址:https://github.com/liuerhost/koa2-demo.git1.安装koa脚手架—koa-generatornpminstall-gkoa-generator2.创建koa2项目......
  • 宝塔面板pm2管理器部署node.js
    前言需要你有一个轻量级服务器,服务器里面有宝塔面板,然后有一个写好的node.js后端文件,需要把你sever文件夹上传到你的服务器中,需要你有一个解析好的二级域名以及ssl证书,放行......
  • nodejs安装使用express
    NodeJs快速搭建Express框架1.用Express应用程序生成器express-generator进行快速搭建。1.1安装express-generator命令npminstallexpress-generator-g1.2生成......
  • 解决Windows下json.hpp中文乱码问题
    文中使用的是json库,整个库的代码由一个单独的头文件json.hpp组成,用普通的C++11编写的。它没有库,没有子项目,没有依赖关系,没有复杂的构建系统,使用起来很方便。先引用头文......
  • JS7 无重复数组
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"></head><body><!--请补全JavaScript代码,实现一个函数,要求如下:1.根据输入的数......
  • hxp ctf valentine ejs ssti 语法特性造成的漏洞
    拿到源码,是一个node.js写的后端,源码如下:app.js:varexpress=require('express');varbodyParser=require('body-parser')constcrypto=require("crypto");var......
  • Node.js中,您可以使用`robotjs`模块来操作鼠标和键盘
      在Node.js中,您可以使用`robotjs`模块来操作鼠标和键盘。以下是一个根据鼠标坐标单击的示例:```javascriptconstrobot=require("robotjs");//setthemouse......
  • 使用 pdf.js 在网页中加载 pdf 文件
    原文链接:https://blog.csdn.net/WuLex/article/details/105177046写的很详细,操作步骤都有。1.pdfjs库简介PDF.js是由Mozilla主导推出的可以将PDF文件转换为H5页面进......