tanner/spaceport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

💡

Browse Source
This commit is contained in:
= 2020-08-20 22:06:40 -06:00
parent 8bde9fde0e
commit 2917b56325
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webclient/src/spaceport/Ship.js
View File

@ -14,14 +14,14 @@ export class Ship {
); );
this.mesh = new THREE.Mesh( this.mesh = new THREE.Mesh(
shipGeo, shipGeo,
new THREE.MeshBasicMaterial(0xff0000) new THREE.MeshStandardMaterial(0xff0000, { flatShading: true })
); );
this.y = (Math.random() - 0.5) * 2; this.y = (Math.random() - 0.5) * 2;
this.hue = Math.floor(Math.random() * 360); this.hue = Math.floor(Math.random() * 360);
this.mesh.material.color.set( this.mesh.material.color.set(
new THREE.Color(`hsl(${this.hue},70%,80%)`) new THREE.Color(`hsl(${this.hue},10%,40%)`)
); );
this.mesh.position.x = (Math.random() - 0.5) * 2; this.mesh.position.x = (Math.random() - 0.5) * 2;
this.mesh.position.y = this.y; this.mesh.position.y = this.y;

15
webclient/src/spaceport/scene.js
View File

@ -2,6 +2,10 @@ import * as THREE from 'three/build/three.module';
import { Ship } from './Ship'; import { Ship } from './Ship';
export const scene = ({ ref }) => { export const scene = ({ ref }) => {
// TODO: add waves of ships
// TODO: add stars
// TODO: use aspect ratio to determine space docking point
let t = 0.01; let t = 0.01;
const shipInterval = 2; const shipInterval = 2;
let nextShip = shipInterval; let nextShip = shipInterval;
@ -13,14 +17,23 @@ export const scene = ({ ref }) => {
renderer.setSize(width, height); renderer.setSize(width, height);
const camera = new THREE.PerspectiveCamera(65, width / height, 0.01, 1000); const camera = new THREE.PerspectiveCamera(65, width / height, 0.01, 1000);
camera.position.set(3, 0.5, 5); camera.position.set(3, 0.5, 5);
camera.lookAt(new THREE.Vector3(-9, 0, 3)); camera.lookAt(new THREE.Vector3(-9, 0, 3));
scene.add(camera); scene.add(camera);
ref.current.appendChild(renderer.domElement); ref.current.appendChild(renderer.domElement);
const light = new THREE.DirectionalLight('#fff', 1);
light.position.x = 3;
light.position.z = 1;
scene.add(light);
var sphere = new THREE.SphereBufferGeometry(1); var sphere = new THREE.SphereBufferGeometry(1);
var object = new THREE.Mesh(sphere, new THREE.MeshBasicMaterial(0xff0000)); var object = new THREE.Mesh(
sphere,
new THREE.MeshStandardMaterial(0xff0000, { flatShading: true })
);
var boxHelp = new THREE.BoxHelper(object, 0xffff00); var boxHelp = new THREE.BoxHelper(object, 0xffff00);
// scene.add(boxHelp); // scene.add(boxHelp);