parent
1722a68f24
commit
6f739aff50
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -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: {
|
||||
Plane: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
cami: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/obras/camila.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null} position={[0, 0.1, 0]}>
|
||||
<mesh
|
||||
material={materials.cami}
|
||||
geometry={nodes.Plane.geometry}
|
||||
rotation={[0, Math.PI / 2, 0]}
|
||||
/>
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/obras/camila.glb')
|
@ -0,0 +1,30 @@
|
||||
/*
|
||||
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_building015: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
lucia: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/obras/cordoba.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null} position={[1, 0, 0]}>
|
||||
<mesh material={materials.lucia} geometry={nodes.museum_building015.geometry} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/obras/cordoba.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'
|
||||
import ObraAudio from '../../ObraAudio'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
Sphere: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
Material: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/obras/eduardo.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<mesh material={materials.Material} geometry={nodes.Sphere.geometry} />
|
||||
<ObraAudio position={[0, 0, 0]} url="/audio/eduardo.ogg" loop distance={1} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/obras/eduardo.glb')
|
@ -0,0 +1,30 @@
|
||||
/*
|
||||
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_building014: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
lhli: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/obras/juan_cruz.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null} position={[2, 0.05, 0]}>
|
||||
<mesh material={materials.lhli} geometry={nodes.museum_building014.geometry} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/obras/juan_cruz.glb')
|
@ -0,0 +1,71 @@
|
||||
/*
|
||||
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 { Text } from '@react-three/drei'
|
||||
|
||||
import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
|
||||
|
||||
type GLTFResult = GLTF & {
|
||||
nodes: {
|
||||
Circle: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
novello: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
const text = [
|
||||
'¿Cual es la diferencia entre género y sexo?',
|
||||
'Respetar las diferencias y la diversidad nos acerca',
|
||||
'¿que es la identidad de género?',
|
||||
]
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/model/obras/novello.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null} position={[0, 0.1, 0]}>
|
||||
<group rotation={[0, 0.3, 0]} position={[0, 1, 0]}>
|
||||
<Text
|
||||
position={[0, 0, 0.8]}
|
||||
color="white"
|
||||
fontSize={0.08}
|
||||
font="https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwK4vaqI.woff"
|
||||
anchorX="center"
|
||||
anchorY="middle"
|
||||
>
|
||||
{text[0]}
|
||||
</Text>
|
||||
</group>
|
||||
<group rotation={[0, 0.8, 0]} position={[0, 1.2, 0]}>
|
||||
<Text
|
||||
color="white"
|
||||
fontSize={0.09}
|
||||
font="https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwK4vaqI.woff"
|
||||
anchorX="center"
|
||||
anchorY="middle"
|
||||
>
|
||||
{text[1]}
|
||||
</Text>
|
||||
</group>
|
||||
<group rotation={[0, 2.4, 0]} position={[0, 0.8, 0]}>
|
||||
<Text
|
||||
color="white"
|
||||
fontSize={0.09}
|
||||
font="https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwK4vaqI.woff"
|
||||
anchorX="center"
|
||||
anchorY="middle"
|
||||
>
|
||||
{text[2]}
|
||||
</Text>
|
||||
</group>
|
||||
<mesh material={materials.novello} geometry={nodes.Circle.geometry} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/model/obras/novello.glb')
|
@ -1,36 +0,0 @@
|
||||
/*
|
||||
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: {
|
||||
Cube001: THREE.Mesh
|
||||
['Cube.001_1']: THREE.Mesh
|
||||
['Cube.001_2']: THREE.Mesh
|
||||
}
|
||||
materials: {
|
||||
plastic: THREE.MeshStandardMaterial
|
||||
projection_light: THREE.MeshStandardMaterial
|
||||
projection: THREE.MeshStandardMaterial
|
||||
}
|
||||
}
|
||||
|
||||
export default function Model(props: JSX.IntrinsicElements['group']) {
|
||||
const group = useRef<THREE.Group>()
|
||||
const { nodes, materials } = useGLTF('/proyector_wide.glb') as GLTFResult
|
||||
return (
|
||||
<group ref={group} {...props} dispose={null}>
|
||||
<mesh material={materials.plastic} geometry={nodes.Cube001.geometry} />
|
||||
<mesh material={materials.projection_light} geometry={nodes['Cube.001_1'].geometry} />
|
||||
<mesh material={materials.projection} geometry={nodes['Cube.001_2'].geometry} />
|
||||
</group>
|
||||
)
|
||||
}
|
||||
|
||||
useGLTF.preload('/proyector_wide.glb')
|
Loading…
Reference in new issue