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 create multiple geometric shapes, in permanent rotation, with different colors and sizes and, with blur effect or not, by clic…

License

Notifications You must be signed in to change notification settings

rubenandrebarreiro/2d-rotative-shapes-dance

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

2D Rotative Shapes Dance

https://raw.githubusercontent.com/rubenandrebarreiro/2d-rotative-shapes-dance/master/imgs/JPGs/banner-1.jpg

2D Rotative Shapes Dance - Banner #1

Current Status

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 (HyperText Markup Language), CSS (Cascade Style Sheets), JavaScript and WebGL (Web Graphics Library). The application allows to create multiple geometric shapes, in permanent rotation, with different colors and sizes and, with blur effect or not, by clicking in the canvas of the Web browser!

You can view an online demo, clicking here!

Screenshots

https://raw.githubusercontent.com/rubenandrebarreiro/2d-rotative-shapes-dance/master/imgs/JPGs/screenshot-1.jpg

2D Rotative Shapes Dance - Screenshot #1

https://raw.githubusercontent.com/rubenandrebarreiro/2d-rotative-shapes-dance/master/imgs/JPGs/screenshot-2.jpg

2D Rotative Shapes Dance - 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/2d-rotative-shapes-dance.git
git@github.com:rubenandrebarreiro/2d-rotative-shapes-dance.git

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

git clone https://github.com/rubenandrebarreiro/2d-rotative-shapes-dance.git
git clone git@github.com:rubenandrebarreiro/2d-rotative-shapes-dance.git

After the instalation

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

2d-rotative-shapes-dance.html

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

  1. Click anywhere in the canvas to create a Rotative Shape
  2. Choose the current Shape's color, by adjusting the colors' factors
  3. Choose the current Geometric Shape in use
  4. Choose the option to allow Blur Edges
  5. Choose the current direction (Clock Direction or the opposite) of the Geometric Shape

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 JavaScript file in the root folder of this repository

2d-rotative-shapes-dance.js

Built with

Contributors

Rúben André Barreiro

Contacts

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

  • 19 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 create multiple geometric shapes, in permanent rotation, with different colors and sizes and, with blur effect or not, by clic…

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published