Skip to content

🕋 🔷 🔻 A project based in Computer Graphics and Interfaces. This project was built using HTML (HyperText Markup Language), CSS (Cascade Style Sheets), JavaScript and WebGL (Web Graphics Library). The application allows to visualize multiple 3D Geometric Solids, viewed by multiple projections and angles. The application allows also, see the 3D Geo…

License

Notifications You must be signed in to change notification settings

rubenandrebarreiro/3d-object-viewer-geometric-solids

Repository files navigation

3D Object Viewer - Geometric Solids

https://raw.githubusercontent.com/rubenandrebarreiro/3d-object-viewer-geometric-solids/master/imgs/JPGs/banner-1.jpg

3D Object Viewer (Geometric Solids) - Banner #1

Current Status

contributor for this repository contributor for this repository developed in current version

status of this version no. 1 status of this version no. 2 status of this version no. 3 status of this version no. 4

keyword of this version no. 1 keyword of this version no. 2 keyword of this version no. 3 keyword of this version no. 4

technology used no. 1 technology used no. 2 technology used no. 3 technology used no. 4 software used no. 1 software used no. 2

star this repository fork this repository downloads of this repository price of this project

Current Progress of the Project

current progress of this project

Final Approval Grade of the Project

grade of this project

Description

A 3rd year's project of the BSc. degree of Computer Sciences and Engineering made in FCT NOVA (Faculty of Sciences and Technology of New University of Lisbon), in the subject of Computer Graphics and Interfaces. This project was built using HTML (HTML (HyperText Markup Language), CSS (Cascade Style Sheets), JavaScript and WebGL (Web Graphics Library). The application allows to visualize multiple 3D Geometric Solids, viewed by multiple projections and angles. The application allows also, see the 3D Geometric Solids in multiple colors, drew in white Wired lines and even, painted and illuminated by custom Vertex/Fragment Shaders that the user can upload to the application, all this in the canvas of the Web browser!

You can view an online demo, clicking here!

Screenshots

https://raw.githubusercontent.com/rubenandrebarreiro/3d-object-viewer-geometric-solids/master/imgs/JPGs/screenshot-1.jpg

3D Object Viewer (Geometric Solids) - Screenshot #1

https://raw.githubusercontent.com/rubenandrebarreiro/3d-object-viewer-geometric-solids/master/imgs/JPGs/screenshot-2.jpg

3D Object Viewer (Geometric Solids) - Screenshot #2

Getting Started

Prerequisites

To install and run this application, you will only need:

A Web browser, like:

The Git feature and/or a third-party Git Client based GUI, like:

Installation

To install this application, you will only need to download or clone this repository and run the application locally:

You can do it downloading the .zip file in download section of this repository.

Or instead, by cloning this repository by a Git Client based GUI, using HTTPS or SSH, by one of the following link:

https://github.com/rubenandrebarreiro/3d-object-viewer-geometric-solids.git
[email protected]:rubenandrebarreiro/3d-object-viewer-geometric-solids.git

Or even, by running one of the following commands in a Git Bash Console:

git clone https://github.com/rubenandrebarreiro/3d-object-viewer-geometric-solids.git
git clone [email protected]:rubenandrebarreiro/3d-object-viewer-geometric-solids.git

After the instalation

You can run the application, by open the following file presented in the root folder of this repository:

3d-object-viewer-geometric-solids.html

Instructions (also available in the canvas of the application):

  1. Choose the pretended Visualization Options (Wired Draw, or Z-Buffer/Depth Test Method and Back Face Culling for Visibility Depth Control) for the current 3D Geometric Solid in use

  2. Choose the current 3D Geometric Solid in use from the available (Cube, Sphere, Quadrangular Pyramid, Torus, Cone and Cylinder)

  3. Choose the current 3D Projection in use from the available (Oblique, Axonometric and Perspective) and their settings/adjustments

  4. Choose a custom color for the 3D Geometric Solid in use, by adjusting the colors' factors

  5. Upload custom Vertex/Fragment Shaders, to see the 3D Geometric Solid in use, painted and iluminated, in other ways

Notes (IMPORTANT)

  1. It's mandatory to have the folder called common in the local repository, because it's where are the necessary WebGL utilities, geometric/solid figures and other libraries

  2. It's also mandatory to have the respective application's CSS (Cascading Style Sheets) and JavaScript files in the root folder of this repository

3d-object-viewer-geometric-solids.css
3d-object-viewer-geometric-solids.js

Built with

Contributors

Daniel Filipe Pimenta

Rúben André Barreiro

Contacts

Daniel Filipe Pimenta

E-mails

Rúben André Barreiro

E-mails

Portfolios/Blogs and Git Hosting/Repository Services

Rúben André Barreiro

GitHub's Portfolio/Personal Blog

Hosting/Repository Services

Classifications/Final Approval Grades

Approval Grade of Lab Work

  • 18 of 20

About

🕋 🔷 🔻 A project based in Computer Graphics and Interfaces. This project was built using HTML (HyperText Markup Language), CSS (Cascade Style Sheets), JavaScript and WebGL (Web Graphics Library). The application allows to visualize multiple 3D Geometric Solids, viewed by multiple projections and angles. The application allows also, see the 3D Geo…

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published