我正在尝试加载一个模型,并启用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;
1条答案
按热度按时间qzlgjiam1#
你有没有试过,babylonjs Editor,你会得到所有你想要的东西,它的统一类编辑器babylonjs.以下是你需要遵循的步骤:
1.下载巴比伦js编辑器
1.创建项目选择FPS射击模板和资源浏览器〉〉导入〉〉导入您的glb
1.选择网格并应用碰撞(从右侧工具栏)
1.运行项目并测试它。