Nwokoma Uchechukwu BlueMagnificent

## createJointObjects.js
function createJointObjects(){

    let pos1 = {x: -1, y: 15, z: 0};
    let pos2 = {x: -1, y: 10, z: 0};

    let radius = 2;
    let scale = {x: 5, y: 2, z: 2};
    let quat = {x: 0, y: 0, z: 0, w: 1};
    let mass1 = 0;
    let mass2 = 1;

## index.html
<html>
    <head>
        <meta charset="utf-8">
        <title>JS 3D Physics</title>
        <style>
            body { margin: 0; }
        </style>
    </head>
    <body>
        <script src="js/three.js"></script>

## move.html

<html>
    <head>
        <meta charset="utf-8">
        <title>Move JS 3D Physics</title>
        <style>
            body { margin: 0; }
        </style>
    </head>
    <body>

## setupEventHandlers.js

function setupEventHandlers(){

    window.addEventListener( 'keydown', handleKeyDown, false);
    window.addEventListener( 'keyup', handleKeyUp, false);

}


function handleKeyDown(event){

## moveBall.js
function moveBall(){

    let scalingFactor = 20;

    let moveX =  moveDirection.right - moveDirection.left;
    let moveZ =  moveDirection.back - moveDirection.forward;
    let moveY =  0;

    if( moveX == 0 && moveY == 0 && moveZ == 0) return;

## final_dynamics.html

<html>
    <head>
        <meta charset="utf-8">
        <title>Move JS 3D Physics</title>
        <style>
            body { margin: 0; }
        </style>
    </head>
    <body>

## createKinematicBox.js
function createKinematicBox(){

    let pos = {x: 40, y: 6, z: 5};
    let scale = {x: 10, y: 10, z: 10};
    let quat = {x: 0, y: 0, z: 0, w: 1};
    let mass = 0;

    //threeJS Section
    kObject = new THREE.Mesh(new THREE.BoxBufferGeometry(), new THREE.MeshPhongMaterial({color: 0x30ab78}));

## moveKinematic.js

function moveKinematic(){

    let scalingFactor = 0.3;

    let moveX =  kMoveDirection.right - kMoveDirection.left;
    let moveZ =  kMoveDirection.back - kMoveDirection.forward;
    let moveY =  0;


## final_kinematic.html

<html>
    <head>
        <meta charset="utf-8">
        <title>Move JS 3D Physics</title>
        <style>
            body { margin: 0; }
        </style>
    </head>
    <body>

## bonus.html

<html>
    <head>
        <meta charset="utf-8">
        <title>Move JS 3D Physics</title>
        <style>
            body { margin: 0; }
        </style>
    </head>
    <body>
	function createJointObjects(){

	let pos1 = {x: -1, y: 15, z: 0};
	let pos2 = {x: -1, y: 10, z: 0};

	let radius = 2;
	let scale = {x: 5, y: 2, z: 2};
	let quat = {x: 0, y: 0, z: 0, w: 1};
	let mass1 = 0;
	let mass2 = 1;
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS 3D Physics</title>
	<style>
	body { margin: 0; }
	</style>
	</head>
	<body>
	<script src="js/three.js"></script>

	function setupEventHandlers(){

	window.addEventListener( 'keydown', handleKeyDown, false);
	window.addEventListener( 'keyup', handleKeyUp, false);

	}


	function handleKeyDown(event){
	function moveBall(){

	let scalingFactor = 20;

	let moveX = moveDirection.right - moveDirection.left;
	let moveZ = moveDirection.back - moveDirection.forward;
	let moveY = 0;

	if( moveX == 0 && moveY == 0 && moveZ == 0) return;
	function createKinematicBox(){

	let pos = {x: 40, y: 6, z: 5};
	let scale = {x: 10, y: 10, z: 10};
	let quat = {x: 0, y: 0, z: 0, w: 1};
	let mass = 0;

	//threeJS Section
	kObject = new THREE.Mesh(new THREE.BoxBufferGeometry(), new THREE.MeshPhongMaterial({color: 0x30ab78}));

	function moveKinematic(){

	let scalingFactor = 0.3;

	let moveX = kMoveDirection.right - kMoveDirection.left;
	let moveZ = kMoveDirection.back - kMoveDirection.forward;
	let moveY = 0;