# WebGL

# Go To Space THREEJS

[GitHub repo](https://github.com/Nouuu/Go_to_space-THREEJS/)

<table id="bkmrk-"><thead><tr><th align="center">![Release Version](https://img.shields.io/github/v/release/Nouuu/Go_to_space-THREEJS)</th><th align="center">![Release Date](https://img.shields.io/github/release-date/Nouuu/Go_to_space-THREEJS)</th><th align="center">![Contributors](https://img.shields.io/github/contributors/Nouuu/Go_to_space-THREEJS)</th><th align="center">![Status](https://img.shields.io/badge/Status-ended-red)</th></tr></thead></table>

A ThreeJS school project where you travel in space

## Description

Not too long ago in a fairly close galaxy, the millennium falcon got lost...  
This world contains two scenes, one in space and the other inside the ship. You can adjust several parameters directly from the GUI.  
If you have an xbox controller, you can use it !

- **Space scene :** This is the main scene where you spawn at the beginning. You will find there the planets of the solar system. This is not the true scale but we recognize the planets quite easily.
- **Ship scene :** It’s sort of a bonus scene that we’ve added for fun. There are some stormtroopers in a kind of warehouse (tip: launch the music of the ship from the GUI 😉).

## Visuals

#### Space :

<table id="bkmrk--0"><thead><tr><th align="center">![alt-space-02](https://wiki.nospy.fr/uploads/images/gallery/2022-05/space-02.png)</th><th align="center">![alt-space-03](https://wiki.nospy.fr/uploads/images/gallery/2022-05/space-03.png)</th></tr></thead><tbody><tr><td align="center">![alt-space-04](https://wiki.nospy.fr/uploads/images/gallery/2022-05/space-04.png)</td><td align="center">![alt-space-05](https://wiki.nospy.fr/uploads/images/gallery/2022-05/space-05.png)</td></tr></tbody></table>

![alt-space-gif](https://github.com/Nouuu/Go_to_space-THREEJS/blob/master/pictures/space.gif?raw=true)

#### Ship :

<table id="bkmrk--2"><thead><tr><th align="center">![alt-ship-02](https://wiki.nospy.fr/uploads/images/gallery/2022-05/ship-02.png)</th><th align="center">![alt-ship-03](https://wiki.nospy.fr/uploads/images/gallery/2022-05/ship-03.jpg)</th></tr></thead><tbody><tr><td align="center">![alt-ship-04](https://wiki.nospy.fr/uploads/images/gallery/2022-05/ship-04.png)</td><td align="center">![alt-ship-01](https://wiki.nospy.fr/uploads/images/gallery/2022-05/ship-01.png)</td></tr></tbody></table>

![alt-ship-gif](https://github.com/Nouuu/Go_to_space-THREEJS/blob/master/pictures/ship.gif?raw=true)

## Usage

If you play on keyboard, you might use `azerty` layout :fr:.

### Keyboard :keyboard: :

- **Move forward :** Z
- **Move backward :** S
- **Move left :** Q
- **Move right :** D
- **Camera up :** Up arrow :arrow\_up:
- **Camera down :** Down arrow :arrow\_down:
- **Camera left :** Left arrow :arrow\_left:
- **Camera right :** Right arrow :arrow\_right:
- **Camera right :** Right arrow :arrow\_right:
- **Camera turn arround left :** A
- **Camera turn arround right :** E
- **Move up (only in space) :** Space bar
- **Move down (only in space) :** Left Ctrl key
- **Boost speed (only in space) :** Left Shift key

### Xbox controller 🎮 :

![](https://wiki.nospy.fr/uploads/images/gallery/2022-05/360-controller.png)

### GUI Settings :

We can adjust several settings directly from the GUI like the precision of the camera, the movement speed, the rotation speed of the planets, the music:

<table id="bkmrk--5"><thead><tr><th align="center">![](https://wiki.nospy.fr/uploads/images/gallery/2022-05/gui-controls.png)</th><th align="center">![](https://wiki.nospy.fr/uploads/images/gallery/2022-05/gui-space.png)</th><th align="center">![](https://wiki.nospy.fr/uploads/images/gallery/2022-05/gui-ship-music.png)</th></tr></thead></table>

## Authors

This project was carried out in a group of four people, myself included.

<table id="bkmrk-baptiste-demarche-jo"><thead><tr><th align="left">  
</th><th align="center">  
</th></tr></thead><tbody><tr><td align="left">[Baptiste DEMARCHE](https://github.com/batmine3)</td><td align="center">![](https://img.shields.io/github/followers/batmine3)</td></tr><tr><td align="left">[Joëlle CASTELLI](https://github.com/JoelleCastelli)</td><td align="center">![](https://img.shields.io/github/followers/JoelleCastelli)</td></tr><tr><td align="left">[Swann HERRERA](https://github.com/SwannHERRERA)</td><td align="center">![](https://img.shields.io/github/followers/SwannHERRERA)</td></tr><tr><td align="left">[Noé LARRIEU-LACOSTE](https://github.com/Nouuu)</td><td align="center">![](https://img.shields.io/github/followers/Nouuu)</td></tr></tbody></table>

## More Documentation

Here are the main sites / resources used during the development of our project

- ThreeJS library [threejs](https://threejs.org/)
- Gamepad Control [html5gamepad](https://html5gamepad.com/)
- Solar system textures [solarsystemscope](https://www.solarsystemscope.com/textures/)
- 3D objects [turbosquid](https://www.turbosquid.com/Search/3D-Models/free/fbx) [open3dmodel](https://open3dmodel.com/3d-models/dae) [sketchfab](https://sketchfab.com/tags/fbx) [cadnav](http://www.cadnav.com/3d-models/sort-21.html)
- 3D animations [mixamo](https://www.mixamo.com/)

<div class="notranslate" id="bkmrk--6" style="all: initial;"></div>