The simulation of tidal force is the outcome of a project developed using HTML and JavaScript languages along with the THREE.js library. Its development had an evaluative purpose, mainly exploring the concepts taught in the Computer Graphics classes within the Information Technology course at UFERSA.
The project consists of simulating the effects on oceans caused by the moon's movement around planet Earth. This phenomenon is scientifically known as Tidal Force.
To perform the project execution on your machine, download the files from the repository, and at the project's root, execute:
npx serve .
Now, if you want to view the results in a simpler way, just access the link below:
"With the keyboard, our project allows the user to move the moon around the Earth as they please. To do this, simply press:
- 🔼 (Arrow up) To move the moon upwards along the Y and Z axes
- 🔽 (Arrow down) To move the moon downwards along the Y and Z axes.
◀️ (Arrow left) To move the moon to the left along the X and Z axes▶️ (Arrow right) To move the moon to the right along the X and Z axes.
Additionally, it's possible to stop the moon's movement to get a better view of the environment. To do this, press:
- ➖ (Space bar) To stop the moon's movement.
With the mouse, it's possible to move around the scene.
-
By pressing the left mouse button and moving the mouse, you can change the camera perspective in relation to the globe.
-
By pressing the right mouse button and moving the mouse, you can move the camera orthogonally in the scene.
-
It's also possible to zoom in and out of the scene using the scroll wheel.
For a better visualization of the ocean's movement, it was necessary to apply relief to the object representing our globe. So, for enhanced visualization and quality, we decided to import a pre-made model created by a user on SketchFab.
Creator: berzerkey
👨🏫 Teacher: Me. Marco Diego Aurelio Mesquita.
👨🎓 Dev: Kennedy Alves Pereira.
👨🎓 Dev: Leonardo Inácio Guilherme Dantas.