This Angular CLI web app displays a 3D sphere and a 3D cube using Phoenix, a TypeScript-based event display framework.
The web app has been deployed and can be accessed through sphere-cube-hieu-gsoc.netlify.app
In order to run the application on your local machine, please perform the following steps.
- Install Node.js and NPM on your system. You can download the latest version of Node.js from the official website.
- Install Angular CLI globally by running the command
npm install -g @angular/cli
. This command will install the latest version of Angular CLI on your system.
- Clone this repository to your local machine
git clone [email protected]:HieuLCM/1st_evaluation_sphere_cube.git
- Change the current directory into the cloned folder
cd 1st_evaluation_sphere_cube
- Run
npm install
to install the necessary dependencies - Run
npm start
orng serve
to start the development server - Navigate to
http://localhost:4200/
in your web browser to view the app
The app showcases the use of Angular CLI and the phoenix-event-display
and phoenix-ui-components
libraries for displaying 3D objects on a web page.
The objects (sphere and cube) are loaded from GLTF files in the assets folder. These GLTF files are created using ThreeJS and can be exported by clicking the download button in the menu.