@react-three/fiber 初学笔记

glb模型拆解,将模式按组进行拆解成mesh,方便添加事件

npx gltfjsx public/glb/officeModel2.glb

/*
Auto-generated by: https://github.com/pmndrs/gltfjsx
Command: npx gltfjsx@6.2.16 public/glb/officeModel2.glb 
*/

import React, { useRef } from 'react'
import { useGLTF } from '@react-three/drei'

export function Model(props) {
  const { nodes, materials } = useGLTF('/officeModel2.glb')
  return (
    <group {...props} dispose={null}>
      <group position={[-46.614, 33.274, -78.146]} rotation={[Math.PI / 2, 0, 0]}>
        <mesh geometry={nodes.zuoding_1.geometry} material={materials.a52} />
        <mesh geometry={nodes.zuoding_2.geometry} material={materials.a42} />
      </group>
      <group position={[63.126, 15.557, -70.959]} rotation={[Math.PI / 2, 0, -Math.PI / 2]}>
        <mesh geometry={nodes.zuo2_1.geometry} material={materials.a43} />
        <mesh geometry={nodes.zuo2_2.geometry} material={materials.a32} />
        <mesh geometry={nodes.zuo2_3.geometry} material={materials.a55} />
        <mesh geometry={nodes.zuo2_4.geometry} material={materials.a29} />
        <mesh geometry={nodes.zuo2_5.geometry} material={materials.a56} />
        <mesh geometry={nodes.zuo2_6.geometry} material={materials.a52} />
        <mesh geometry={nodes.zuo2_7.geometry} material={materials.a50} />
      </group>
      <group position={[63.126, 15.557, -70.959]} rotation={[Math.PI / 2, 0, -Math.PI / 2]}>
        <mesh geometry={nodes.zuo3_1.geometry} material={materials.a43} />
        <mesh geometry={nodes.zuo3_2.geometry} material={materials.a32} />
        <mesh geometry={nodes.zuo3_3.geometry} material={materials.a29} />
        <mesh geometry={nodes.zuo3_4.geometry} material={materials.a56} />
        <mesh geometry={nodes.zuo3_5.geometry} material={materials.a55} />
        <mesh geometry={nodes.zuo3_6.geometry} material={materials.a52} />
        <mesh geometry={nodes.zuo3_7.geometry} material={materials.a50} />
      </group>
      <group position={[-62.155, 3.75, 76.565]} scale={0.12}>
        <mesh geometry={nodes.zuo5_1.geometry} material={materials.a29} />
        <mesh geometry={nodes.zuo5_2.geometry} material={materials.a52} />
        <mesh geometry={nodes.zuo5_3.geometry} material={materials.a50} />
        <mesh geometry={nodes.zuo5_4.geometry} material={materials.a55} />
        <mesh geometry={nodes.zuo5_5.geometry} material={materials.a56} />
        <mesh geometry={nodes.zuo5_6.geometry} material={materials.vhfthult} />
        <mesh geometry={nodes.zuo5_7.geometry} material={materials.cgbhffault} />
        <mesh geometry={nodes.zuo5_8.geometry} material={materials['Material #1621']} />
      </group>
      <group position={[-62.155, 3.75, 76.565]} scale={0.12}>
        <mesh geometry={nodes.zuo1_1.geometry} material={materials['a29.001']} />
        <mesh geometry={nodes.zuo1_2.geometry} material={materials['a55.001']} />
        <mesh geometry={nodes.zuo1_3.geometry} material={materials['a50.001']} />
        <mesh geometry={nodes.zuo1_4.geometry} material={materials.a30} />
        <mesh geometry={nodes.zuo1_5.geometry} material={materials.a22} />
        <mesh geometry={nodes.zuo1_6.geometry} material={materials.a27} />
        <mesh geometry={nodes.zuo1_7.geometry} material={materials.a28} />
        <mesh geometry={nodes.zuo1_8.geometry} material={materials['a43.001']} />
        <mesh geometry={nodes.zuo1_9.geometry} material={materials['a32.001']} />
        <mesh geometry={nodes.zuo1_10.geometry} material={materials['a52.001']} />
        <mesh geometry={nodes.zuo1_11.geometry} material={materials.a19} />
        <mesh geometry={nodes.zuo1_12.geometry} material={materials.a40} />
        <mesh geometry={nodes.zuo1_13.geometry} material={materials['a56.001']} />
        <mesh geometry={nodes.zuo1_14.geometry} material={materials.a21} />
        <mesh geometry={nodes.zuo1_15.geometry} material={materials.a17} />
        <mesh geometry={nodes.zuo1_16.geometry} material={materials.a16} />
        <mesh geometry={nodes.zuo1_17.geometry} material={materials.a15} />
        <mesh geometry={nodes.zuo1_18.geometry} material={materials.a18} />
        <mesh geometry={nodes.zuo1_19.geometry} material={materials.a46} />
        <mesh geometry={nodes.zuo1_20.geometry} material={materials.a45} />
      </group>
      <group position={[-46.614, 33.274, -78.146]} rotation={[Math.PI / 2, 0, 0]}>
        <mesh geometry={nodes.zuo4_1.geometry} material={materials.a52} />
        <mesh geometry={nodes.zuo4_2.geometry} material={materials.a50} />
        <mesh geometry={nodes.zuo4_3.geometry} material={materials.a56} />
        <mesh geometry={nodes.zuo4_4.geometry} material={materials.a29} />
        <mesh geometry={nodes.zuo4_5.geometry} material={materials.a55} />
      </group>
    </group>
  )
}

useGLTF.preload('/officeModel2.glb')

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/585088.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Nacos原理-2024

文章目录 1. 什么是Nacos2. 注册中心原理3. 配置中心原理 1. 什么是Nacos Nacos注册中心分为server与client&#xff0c;server采用Java编写&#xff0c;为client提供注册发现服务与配置服务。而client可以用多语言实现&#xff0c;client与微服务嵌套在一起&#xff0c;nacos…

让大模型prompt生成Mermaid流程图

生成内容、总结文章让大模型Mermaid流程图展示&#xff1a; mermaid 美人鱼, 是一个类似 markdown&#xff0c;用文本语法来描述文档图形(流程图、 时序图、甘特图)的工具&#xff0c;您可以在文档中嵌入一段 mermaid 文本来生成 SVG 形式的图形 kimi效果示例&#xff1a; 使用…

【算法一则】【动态规划】求二维数组可组成的最大正方形

题目 在一个由 ‘0’ 和 ‘1’ 组成的二维矩阵内&#xff0c;找到只包含 ‘1’ 的最大正方形&#xff0c;并返回其面积。 示例 1&#xff1a; 输入&#xff1a;matrix [["1","0","1","0","0"],["1","0&…

大模型应用开发极简入门

简单的归纳一下书的前序部分 目录 LLM&#xff08;Large Language Model&#xff09;的应用技术栈通常包括以下几个方面&#xff1a; 深度学习框架&#xff1a; 数据预处理工具&#xff1a; 训练资源&#xff1a; 模型优化和调参工具&#xff1a; 部署和应用集成&#xf…

最新AI实景无人自动直播软件:一部手机就可以实现无人直播;商业拓客带货的必备利器

智享实景无人直播系统在商业拓展中的作用不可忽视。本文将探讨该系统的特点和优势&#xff0c;展示其省时省力的优势以及在商家拓客和源头公司项目招商中的关键作用。 随着人工智能技术的飞速发展&#xff0c;智能化解决方案正逐渐渗透到各行业&#xff0c;在商业拓展领域取得了…

刷题训练之位运算

> 作者&#xff1a;დ旧言~ > 座右铭&#xff1a;松树千年终是朽&#xff0c;槿花一日自为荣。 > 目标&#xff1a;熟练掌握位运算算法。 > 毒鸡汤&#xff1a;学习&#xff0c;学习&#xff0c;再学习 ! 学&#xff0c;然后知不足。 > 专栏选自&#xff1a;刷题…

数据库分库分表

数据库分库分表 分库分表到底是什么 分库分表其实是分库,分表,分库分表的总称 分库 将数据按照一定规则存储到不同的数据库中,每个数据库存储一部分数据 分库主要解决的是并发量过大的问题&#xff0c;并发量一旦上升&#xff0c;那么数据库就可能成为系统的瓶颈&#xff…

综合性练习(后端代码练习2)——用户登录

目录 一、准备工作 二、约定前后端交互接口 1、需求分析 2、接口定义 1、输入账户密码界面 2、当前登录的用户界面 三、实现服务端代码 四、调整前端页面代码 1、login.html代码&#xff1a; 页面跳转的三种方式&#xff1a; 2、index.html代码&#xff1a; 五、运…

[华为OD] C卷 服务器cpu交换 现有两组服务器QA和B,每组有多个算力不同的CPU 100

题目&#xff1a; 现有两组服务器QA和B,每组有多个算力不同的CPU,其中A[i]是A组第i个CPU的运算能 力&#xff0c;B[i]是B组第i个CPU的运算能力。一组服务器的总算力是各CPU的算力之和。 为了让两组服务器的算力相等&#xff0c;允许从每组各选出一个CPU进行一次交换。 求两…

计算机网络----第十三天

DNS协议和文件传输协议 DNS&#xff1a; 含义&#xff1a;用于域名和IP地址的互相解析 DNS域名&#xff1a; 背景&#xff1a;通过IP地址访问目标主机&#xff0c;不便于记忆 域名的树形层次化结构&#xff1a; ①根域 ②顶级域&#xff1a;主机所处的国家/区域&#xf…

个人学习资源整理

文章目录 视频相关stl源码讲解相关 网站相关CPP网站 视频相关 stl源码讲解相关 跳转 网站相关 CPP网站 https://cplusplus.com/ https://gcc.gnu.org/

PostgreSQL的扩展(extensions)-常用的扩展之pg_repack

PostgreSQL的扩展&#xff08;extensions&#xff09;-常用的扩展之pg_repack pg_repack 是一款非常有用的 PostgreSQL 扩展工具&#xff0c;它能够重新打包&#xff08;repack&#xff09;表和索引以回收空间并减少碎片&#xff0c;而且在这个过程中不会锁定表&#xff0c;允…

软件测试常问的超高频面试题目,2022最强版,附答案

1、你的测试职业发展是什么&#xff1f; 测试经验越多&#xff0c;测试能力越高。所以我的职业发展是需要时间积累的&#xff0c;一步步向着高级测试工程师奔去。而且我也有初步的职业规划&#xff0c;前3年积累测试经验&#xff0c;按如何做好测试工程师的要点去要求自己&…

基于Vue3的Axios异步请求

基于Vue3的Axios异步请求 1. Axios安装与应用2. Axios网络请求封装3. axios网络请求跨域前端解决方案server.proxy 1. Axios安装与应用 Axios是一个基于promise的网络请求库&#xff0c;Axios.js.中文文档&#xff1a;https://axios.js.cn/ 安装&#xff1a;npm install --sa…

Apollo Dreamview+之Studio插件安装

步骤一&#xff1a;登录 Apollo Studio 工作台 登录 Apollo Studio 工作台。 步骤二&#xff1a;获取插件安装链接 在账户信息中&#xff0c;单击 我的服务 。 2. 选择 仿真 页签。 3. 在 插件安装 中单击 生成 &#xff0c;选择 Apollo 最新版本&#xff0c;并单击 确定 。…

计算机视觉大项目(1)-水果分级系统

项目来源&#xff1a;河北大学计算机视觉课程-杨老师. 一共有四个标题&#xff0c;本篇博客只完成前两问。 目录 实验目的: 实验内容&#xff1a; 实验步骤&#xff1a; 1.水果图像的分割 >掩膜图像Mask 是什么&#xff1f; >改进:去除反光部分的影响 2&#xf…

ES6之rest参数、扩展运算符

文章目录 前言一、rest参数二、扩展运算符 1.将数组转化为逗号分隔的参数序列2.应用总结 前言 rest参数与arguments变量相似。ES6引入rest参数代替arguments&#xff0c;获取函数实参。扩展运算符能将数组转化为参数序列。 一、rest参数 function namelist1() {console.log(ar…

【无标题】场外个股期权多少钱才能做?个人能做吗?

场外个股期权的交易门槛相对较高&#xff0c;主要面向符合特定条件的机构投资者。一般来说&#xff0c;法人或合伙企业等组织参与的&#xff0c;需要满足最近1年末净资产不低于5000万元人民币、金融资产不低于2000万元人民币的条件&#xff0c;并具备3年以上证券、基金、期货、…

【postgresql】实时查询表字段相关数据

需求&#xff1a;数据库设计时候时不时变动&#xff0c;想根据实际编号进行查询表字段相关信息 库表 脚本 原始 优化后 查询 文档

[C++][算法基础]最大不相交区间数量(贪心 + 区间问题2)

给定 &#x1d441; 个闭区间 [&#x1d44e;&#x1d456;,&#x1d44f;&#x1d456;]&#xff0c;请你在数轴上选择若干区间&#xff0c;使得选中的区间之间互不相交&#xff08;包括端点&#xff09;。 输出可选取区间的最大数量。 输入格式 第一行包含整数 &#x1d4…
最新文章