3D Object Viewer (Super Mario Bros.)

3D Object Viewer (Super Mario Bros.) - Banner #1

---

Current Status

Current Progress of the Project

Description

A project based Computer Graphics and Interfaces, using 3D Modelling and 3D COLLADA (COLLAborative Design Activity) Models. This project was built using HTML (HyperText Markup Language), CSS (Cascade Style Sheets), JavaScript, WebGL (Web Graphics Library), Three.js and 3D COLLADA (COLLAborative Design Activity) Models from the Mario Kart 8 videogame for Nintendo Wii U. The application allows to view all the characters present in this videogame from Super Mario Bros.' Universe!

You can view an online demo, clicking here!

Screenshots

3D Object Viewer (Super Mario Bros.) - Screenshot #1

---

3D Object Viewer (Super Mario Bros.) - Screenshot #2

---

Getting Started

Prerequisites

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

A Web browser, like:

• Google Chrome, Mozilla Firefox, Internet Explorer, Opera or Safari.

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

• GitHub Desktop, GitKraken, SourceTree or TortoiseGit.

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:

https://github.com/rubenandrebarreiro/3d-object-viewer-super-mario-bros.git

• SSH:

[email protected]:rubenandrebarreiro/3d-object-viewer-super-mario-bros.git

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

• HTTPS:

git clone https://github.com/rubenandrebarreiro/3d-object-viewer-super-mario-bros.git

• SSH:

git clone [email protected]:rubenandrebarreiro/3d-object-viewer-super-mario-bros.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-super-mario-bros.html

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

Notes (IMPORTANT)

1. It's mandatory to have the folders called common, audio, bin, imgs and models in the local repository, because it's where are the necessary WebGL utilities, Three.js utilities, geometric/solid figures, audio files, textures, 3D COLLADA (COLLAborative Design Activity) Models' files and other libraries
2. This application have an embed audio file with an autoplay and loop option, that you can mute using your Web browser. The audio file it's played every time you open the application in your Web browser!

Built with

• HTML (HyperText Markup Language)
• CSS (Cascade Style Sheets)
• JavaScript
• WebGL (Web Graphics Library)
• Three.js
• COLLADA (COLLAborative Design Activity)
• Super Mario Bros.' 3D COLLADA (COLLAborative Design Activity) Models
• Atom
• Brackets
• Blender

Contributors

Rúben André Barreiro

Contacts

Rúben André Barreiro

E-mails

• [email protected]
• [email protected]
• [email protected]
• [email protected]

Portfolios/Blogs and Git Hosting/Repository Services

Rúben André Barreiro

GitHub's Portfolio/Personal Blog

• https://rubenandrebarreiro.github.io/

Hosting/Repository Services

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