parent
47f5124aa6
commit
640a352c73
@ -0,0 +1,59 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
entry_windows_mesh: THREE.Mesh
|
||||
entry_windows_mesh_1: THREE.Mesh
|
||||
dome_ground_mesh027: THREE.Mesh
|
||||
['dome_ground_mesh.027_1']: THREE.Mesh
|
||||
dome_ground_mesh011: THREE.Mesh
|
||||
['dome_ground_mesh.011_1']: THREE.Mesh
|
||||
dome_ground_mesh021: THREE.Mesh
|
||||
['dome_ground_mesh.021_1']: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
dome_glass: THREE.MeshStandardMaterial
|
||||
metal_glass: THREE.MeshStandardMaterial
|
||||
marble: THREE.MeshStandardMaterial
|
||||
wooden_floor: THREE.MeshStandardMaterial
|
||||
painting: THREE.MeshStandardMaterial
|
||||
wood: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/museum.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<group position={[-5.44, 3.26, -141.11]}>
|
||||
<group position={[0, 11.49, 0]} scale={[2.41, 1.5, 2.41]}>
|
||||
<mesh material={materials.dome_glass} geometry={nodes.entry_windows_mesh.geometry} />
|
||||
<mesh material={materials.metal_glass} geometry={nodes.entry_windows_mesh_1.geometry} />
|
||||
</group>
|
||||
<group position={[0, 0, 0]} scale={[12.83, 7.98, 12.83]}>
|
||||
<mesh material={materials.metal_glass} geometry={nodes.dome_ground_mesh027.geometry} />
|
||||
<mesh material={materials.dome_glass} geometry={nodes['dome_ground_mesh.027_1'].geometry} />
|
||||
</group>
|
||||
<group position={[0, 0, 0]} scale={[12.83, 7.98, 12.83]}>
|
||||
<mesh material={materials.marble} geometry={nodes.dome_ground_mesh011.geometry} />
|
||||
<mesh material={materials.wooden_floor} geometry={nodes['dome_ground_mesh.011_1'].geometry} />
|
||||
</group>
|
||||
<group position={[0, 2.43, 0]} scale={[12.83, 7.98, 12.83]}>
|
||||
<mesh material={materials.painting} geometry={nodes.dome_ground_mesh021.geometry} />
|
||||
<mesh material={materials.wood} geometry={nodes['dome_ground_mesh.021_1'].geometry} />
|
||||
</group>
|
||||
</group>
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/museum.glb')
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,24 @@
|
||||
import React from 'react'
|
||||
|
||||
import Terrain from './models/Terrain'
|
||||
import ParkProps from './models/Park_props'
|
||||
import Street from './models/Street'
|
||||
import Trees from './models/Trees'
|
||||
import Entrance from './models/Entrance'
|
||||
import Museum from './models/Museum'
|
||||
|
||||
const World: React.FC = () => {
|
||||
return (
|
||||
<>
|
||||
<Terrain />
|
||||
<ParkProps />
|
||||
<Trees />
|
||||
<Entrance />
|
||||
<Museum />
|
||||
|
||||
<Street />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default World
|
@ -0,0 +1,38 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
Cube009: THREE.Mesh
|
||||
['Cube.009_1']: THREE.Mesh
|
||||
['Cube.009_2']: THREE.Mesh
|
||||
['Cube.009_3']: THREE.Mesh
|
||||
['Cube.009_4']: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
marble: THREE.MeshStandardMaterial
|
||||
black: THREE.MeshStandardMaterial
|
||||
metal_glass: THREE.MeshStandardMaterial
|
||||
sidewalk: THREE.MeshStandardMaterial
|
||||
green_metal: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { scene, materials } = useGLTF('/model/entrance.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<primitive object={scene} dispose={null} matrixAutoUpdate={false} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/entrance.glb')
|
@ -0,0 +1,34 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
collisions_entrance: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
collision: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/entrance_collisions.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<mesh
|
||||
material={materials.collision}
|
||||
geometry={nodes.collisions_entrance.geometry}
|
||||
position={[-5.45, 1.02, -33.08]}
|
||||
/>
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/entrance_collisions.glb')
|
@ -0,0 +1,43 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
entry_windows_mesh: THREE.Mesh
|
||||
entry_windows_mesh_1: THREE.Mesh
|
||||
dome_ground_mesh027: THREE.Mesh
|
||||
['dome_ground_mesh.027_1']: THREE.Mesh
|
||||
dome_ground_mesh011: THREE.Mesh
|
||||
['dome_ground_mesh.011_1']: THREE.Mesh
|
||||
dome_ground_mesh021: THREE.Mesh
|
||||
['dome_ground_mesh.021_1']: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
dome_glass: THREE.MeshStandardMaterial
|
||||
metal_glass: THREE.MeshStandardMaterial
|
||||
marble: THREE.MeshStandardMaterial
|
||||
wooden_floor: THREE.MeshStandardMaterial
|
||||
painting: THREE.MeshStandardMaterial
|
||||
wood: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { scene } = useGLTF('/model/museum.glb') as GLTFResult
|
||||
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<primitive object={scene} dispose={null} matrixAutoUpdate={false} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/museum.glb')
|
@ -0,0 +1,38 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
museum_collision: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
collision: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/museum_collisions.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<group position={[-5.44, 3.26, -141.11]}>
|
||||
<mesh
|
||||
material={materials.collision}
|
||||
geometry={nodes.museum_collision.geometry}
|
||||
position={[0, 0, 0]}
|
||||
rotation={[0, -Math.PI / 2, 0]}
|
||||
scale={[6.03, 3.75, 6.03]}
|
||||
/>
|
||||
</group>
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/museum_collisions.glb')
|
@ -0,0 +1,34 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
collisions001: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
collision: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/park_collisions.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<mesh
|
||||
material={materials.collision}
|
||||
geometry={nodes.collisions001.geometry}
|
||||
position={[-5.45, 1.23, -33.08]}
|
||||
/>
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/park_collisions.glb')
|
@ -0,0 +1,88 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
fuente_mesh: THREE.Mesh
|
||||
fuente_mesh_1: THREE.Mesh
|
||||
hamacas: THREE.Mesh
|
||||
lamp_mesh: THREE.Mesh
|
||||
lamp_mesh_1: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
marble: THREE.MeshStandardMaterial
|
||||
water: THREE.MeshStandardMaterial
|
||||
black_metal: THREE.MeshStandardMaterial
|
||||
['Material.001']: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/park_props.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<group position={[44.71, 1.96, 24.73]}>
|
||||
<mesh material={materials.marble} geometry={nodes.fuente_mesh.geometry} />
|
||||
<mesh material={materials.water} geometry={nodes.fuente_mesh_1.geometry} />
|
||||
</group>
|
||||
<mesh
|
||||
material={materials.black_metal}
|
||||
geometry={nodes.hamacas.geometry}
|
||||
position={[32.05, 1.14, 33.16]}
|
||||
rotation={[0, 0.44, 0]}
|
||||
/>
|
||||
<group position={[17.11, 1.22, -25.95]} scale={[0.52, 0.52, 0.52]}>
|
||||
<mesh material={materials.black_metal} geometry={nodes.lamp_mesh.geometry} />
|
||||
<mesh
|
||||
material={materials['Material.001']}
|
||||
geometry={nodes.lamp_mesh_1.geometry}
|
||||
/>
|
||||
</group>
|
||||
<group position={[40.48, 1.22, -2.41]} scale={[0.52, 0.52, 0.52]}>
|
||||
<mesh material={materials.black_metal} geometry={nodes.lamp_mesh.geometry} />
|
||||
<mesh
|
||||
material={materials['Material.001']}
|
||||
geometry={nodes.lamp_mesh_1.geometry}
|
||||
/>
|
||||
</group>
|
||||
<group position={[50.76, 1.23, 14.09]} scale={[0.52, 0.52, 0.52]}>
|
||||
<mesh material={materials.black_metal} geometry={nodes.lamp_mesh.geometry} />
|
||||
<mesh
|
||||
material={materials['Material.001']}
|
||||
geometry={nodes.lamp_mesh_1.geometry}
|
||||
/>
|
||||
</group>
|
||||
<group position={[38.38, 1.22, -21.31]} scale={[0.52, 0.52, 0.52]}>
|
||||
<mesh material={materials.black_metal} geometry={nodes.lamp_mesh.geometry} />
|
||||
<mesh
|
||||
material={materials['Material.001']}
|
||||
geometry={nodes.lamp_mesh_1.geometry}
|
||||
/>
|
||||
</group>
|
||||
<group position={[30.36, 1.23, 29.05]} scale={[0.52, 0.52, 0.52]}>
|
||||
<mesh material={materials.black_metal} geometry={nodes.lamp_mesh.geometry} />
|
||||
<mesh
|
||||
material={materials['Material.001']}
|
||||
geometry={nodes.lamp_mesh_1.geometry}
|
||||
/>
|
||||
</group>
|
||||
<group position={[59.38, 1.23, 36.05]} scale={[0.52, 0.52, 0.52]}>
|
||||
<mesh material={materials.black_metal} geometry={nodes.lamp_mesh.geometry} />
|
||||
<mesh
|
||||
material={materials['Material.001']}
|
||||
geometry={nodes.lamp_mesh_1.geometry}
|
||||
/>
|
||||
</group>
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/park_props.glb')
|
@ -0,0 +1,34 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
street_1: THREE.Mesh
|
||||
street_2: THREE.Mesh
|
||||
street_3: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
sidewalk: THREE.MeshStandardMaterial
|
||||
cordon: THREE.MeshStandardMaterial
|
||||
asfalt: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { scene } = useGLTF('/model/street.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<primitive object={scene} dispose={null} matrixAutoUpdate={false} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/street.glb')
|
@ -0,0 +1,34 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
collisions_street: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
collision: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/street_collisions.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<mesh
|
||||
material={materials.collision}
|
||||
geometry={nodes.collisions_street.geometry}
|
||||
position={[-5.45, 1.23, -33.08]}
|
||||
/>
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/street_collisions.glb')
|
@ -0,0 +1,32 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import * as THREE from 'three'
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
park_ground_mesh: THREE.Mesh
|
||||
park_ground_mesh_1: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
grass: THREE.MeshStandardMaterial
|
||||
dirt: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { scene, materials } = useGLTF('/model/terrain.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<primitive object={scene} dispose={null} matrixAutoUpdate={false} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/terrain.glb')
|
@ -0,0 +1,19 @@
|
||||
/*
|
||||
Auto-generated by: https://github.com/pmndrs/gltfjsx
|
||||
*/
|
||||
|
||||
import React, { useRef } from 'react'
|
||||
import { useGLTF } from '@react-three/drei/useGLTF'
|
||||
|
||||
export default function Model(props) {
|
||||
const group = useRef()
|
||||
const { scene } = useGLTF('/model/trees.glb')
|
||||
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<primitive object={scene} dispose={null} matrixAutoUpdate={false} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/trees.glb')
|
Loading…
Reference in new issue