Repository files navigation

A3rd year's project of theBSc. degree of Computer Sciences and Engineering made inFCT NOVA (Faculty of Sciences and Technology of New University of Lisbon), in the subject ofComputer Graphics and Interfaces. This project was built usingHTML (HTML (HyperText Markup Language),CSS (Cascade Style Sheets),JavaScript andWebGL (Web Graphics Library). The application allows to visualizemultiple 3D Geometric Solids, viewed bymultiple projections andangles. The application allows also, see the3D Geometric Solids inmultiple colors, drew in whiteWired lines and even,painted andilluminated by customVertex/Fragment Shaders that the user can upload to the application, all this in thecanvas of theWeb browser!

You can view anonline demo,clicking here!

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

AWeb browser, like:

• Google Chrome,Mozilla Firefox,Internet Explorer,Opera orSafari.

TheGit feature and/or athird-party Git Client based GUI, like:

• GitHub Desktop,GitKraken,SourceTree orTortoiseGit.

To install this application, you will only need todownload orclone 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 aGit Client based GUI, usingHTTPS orSSH, by one of the following link:

• HTTPS:

https://github.com/rubenandrebarreiro/3d-object-viewer-geometric-solids.git

• SSH:

git@github.com:rubenandrebarreiro/3d-object-viewer-geometric-solids.git

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

• HTTPS:

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

• SSH:

git clone git@github.com:rubenandrebarreiro/3d-object-viewer-geometric-solids.git

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

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

Instructions (also available in thecanvas of the application):

1. Choose the pretendedVisualization Options (Wired Draw, orZ-Buffer/Depth Test Method andBack Face Culling forVisibility Depth Control) for the current3D Geometric Solid in use

2. Choose the current3D Geometric Solid in use from the available (Cube,Sphere,Quadrangular Pyramid,Torus,Cone andCylinder)

3. Choose the current3D Projection in use from the available (Oblique,Axonometric andPerspective) and theirsettings/adjustments

4. Choose acustom color for the3D Geometric Solid in use, by adjusting thecolors' factors

5. Uploadcustom Vertex/Fragment Shaders, to see the3D Geometric Solid in use,painted andiluminated, in other ways

1. It'smandatory to have the folder calledcommon in the local repository, because it's where are the necessaryWebGL utilities,geometric/solid figures andother libraries

2. It's alsomandatory to have the respective application'sCSS (Cascading Style Sheets) andJavaScript files in theroot folder of this repository

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

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

• HTML (HyperText Markup Language)
• CSS (Cascade Style Sheets)
• JavaScript
• WebGL (Web Graphics Library)
• Atom
• Brackets

Daniel Filipe Pimenta

Rúben André Barreiro

• d.pimenta@campus.fct.unl.pt

• ruben.barreiro.92@gmail.com
• r.barreiro@campus.fct.unl.pt
• up201808917@fe.up.pt
• up201808917@g.uporto.pt

• https://rubenandrebarreiro.github.io/

• https://github.com/rubenandrebarreiro/
• https://gitlab.com/rubenandrebarreiro/
• https://bitbucket.org/rubenandrebarreiro/

• 18 of 20