reactjs 没有什么呈现不清楚巴比伦React

q8l4jmvw  于 2023-03-08  发布在  React
关注(0)|答案(1)|浏览(140)

我正在尝试加载一个模型,并启用FPS视图,允许在此模型视图中移动。该模型基本上是一个房间(https://sketchfab.com/3d-models/white-modern-living-room-afb8cb0cbee1488caf61471ef14041e9),我希望能够在其中移动。目前没有任何React。

import './App.css';
import { 
  Engine,
  Scene,
  Model
} from "react-babylonjs";
import { Vector3 } from "@babylonjs/core";
import "@babylonjs/loaders/glTF";

const App = () => {
  return (
    <>
    <header>
      <h2>DEMO</h2>
    </header>
    <main>
    <Engine antialias adaptToDeviceRatio canvasId="babylonJS">
          <Scene>
            <Model rootUrl="assets/models/modern/" sceneFileName="scene.gltf" position={ new Vector3(1,1,1)} />
            <hemisphericLight name="light1" intensity={0.7} direction={Vector3.Down()} />
            <followCamera name="follow" target={ new Vector3(1,1,1) }
            alpha={-Math.PI / 2} beta={(0.5 + (Math.PI / 4))}
            radius={4} minZ={0.001} wheelPrecision={50}
            lowerRadiusLimit={8} upperRadiusLimit={20} upperBetaLimit={Math.PI / 2} />
          </Scene>
        </Engine>
    </main>
    <footer></footer>
    </>
  );
}

export default App;
qzlgjiam

qzlgjiam1#

你有没有试过,babylonjs Editor,你会得到所有你想要的东西,它的统一类编辑器babylonjs.以下是你需要遵循的步骤:
1.下载巴比伦js编辑器
1.创建项目选择FPS射击模板和资源浏览器〉〉导入〉〉导入您的glb
1.选择网格并应用碰撞(从右侧工具栏)
1.运行项目并测试它。

相关问题