From 2917b56325d22b1cf84e8691b536fa5bbf928976 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Thu, 20 Aug 2020 22:06:40 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 webclient/src/spaceport/Ship.js  |  4 ++--
 webclient/src/spaceport/scene.js | 15 ++++++++++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/webclient/src/spaceport/Ship.js b/webclient/src/spaceport/Ship.js
index 505f080..86cd982 100644
--- a/webclient/src/spaceport/Ship.js
+++ b/webclient/src/spaceport/Ship.js
@@ -14,14 +14,14 @@ export class Ship {
 		);
 		this.mesh = new THREE.Mesh(
 			shipGeo,
-			new THREE.MeshBasicMaterial(0xff0000)
+			new THREE.MeshStandardMaterial(0xff0000, { flatShading: true })
 		);
 		this.y = (Math.random() - 0.5) * 2;
 
 		this.hue = Math.floor(Math.random() * 360);
 
 		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.y = this.y;
diff --git a/webclient/src/spaceport/scene.js b/webclient/src/spaceport/scene.js
index a940a74..cccc2e1 100644
--- a/webclient/src/spaceport/scene.js
+++ b/webclient/src/spaceport/scene.js
@@ -2,6 +2,10 @@ import * as THREE from 'three/build/three.module';
 import { Ship } from './Ship';
 
 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;
 	const shipInterval = 2;
 	let nextShip = shipInterval;
@@ -13,14 +17,23 @@ export const scene = ({ ref }) => {
 	renderer.setSize(width, height);
 
 	const camera = new THREE.PerspectiveCamera(65, width / height, 0.01, 1000);
+
 	camera.position.set(3, 0.5, 5);
 	camera.lookAt(new THREE.Vector3(-9, 0, 3));
 	scene.add(camera);
 
 	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 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);
 	// scene.add(boxHelp);