generated from lucien/actix-react-template
- Ajout d'un océan.
- Ajout d'un personnage manequin. --> *Modèle 3D du manequin inclus* - Ajout d'une représentation des axes x,y,z. - Ajout d'une entité Marker pour mettre des markers sur le manequin. - Maj du CSS de GamePage.tsx
This commit is contained in:
parent
5d156416c9
commit
60a12d9cf9
8 changed files with 141 additions and 18 deletions
20
front/src/components/3d/Floor.tsx
Normal file
20
front/src/components/3d/Floor.tsx
Normal file
|
@ -0,0 +1,20 @@
|
|||
|
||||
import React from 'react'
|
||||
import { Group } from 'three'
|
||||
import * as THREE from 'three'
|
||||
|
||||
|
||||
export default function Floor() {
|
||||
const floor = new Group()
|
||||
|
||||
const floorGeometry = new THREE.PlaneGeometry(100, 100, 100, 100)
|
||||
const floorMaterial = new THREE.MeshStandardMaterial({ color: 0x00ff00, side: THREE.DoubleSide })
|
||||
const floorMesh = new THREE.Mesh(floorGeometry, floorMaterial)
|
||||
|
||||
floorMesh.rotation.x = -Math.PI / 2
|
||||
floorMesh.position.y = -2
|
||||
|
||||
floor.add(floorMesh)
|
||||
|
||||
return <primitive object={floor} />
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue