Giter VIP home page Giter VIP logo

pawan0306 / color-blindness-detection-game-using-aframe-ar-vr- Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 2.0 17.15 MB

A maze game that detects color blindness using the fact that a person with normal vision can differentiate certain shades of color while a defective person can not. The Game is built over Aframe technology for giving the user an AR-VR experience.

CSS 16.49% HTML 83.51%
aframe javascript html css jquery ar-vr maze dynamic-maze ssd

color-blindness-detection-game-using-aframe-ar-vr-'s Introduction

SSD Group 13 Project - Colour blindness detection AFrame

Objective:

To implement Color blindness tests from the established literature as a web-application to digitally test color-blindedness in users.

Solution Approach:

The aim of the project is to provide the users a way of detecting their specific colorblindness with the help of specific color maze.

Rule:

  • The maze-walls are designed in a way that the person with normal eye vision will see different colors on his walls of the pathways, but will appear different to the person with color blindness.

  • The user is prompted to turn left in case he sees the maze walls of different color or turn right if the maze walls are of same color.

  • At the end of course user gets the prompt about the type of color blindness he is facing.

Score Calulation:

  • User has to go through the total of 15 levels which will cover the tests for all the three deficiencies that is, Protanopia, Deuteranopia and Tritanopia.

  • 15 levels are furhter divided into 5 subsets and each subset will contain tests for the three deficiencies in the same manner that is mentioned above, that means, first three levels would be the first level of protanopia, the first level of deuterenapia and the first level of tritonopia respectively, the next three levels would be the second level of the above deficiencies and this will continue in the same manner.

  • Below is the screenshot of the code which checks the type of deficiency that is present in that level and also how scores are getting calculated for each deficiency.

image info

  • In the above code defeciencies are alloted with integers from 1 to 3 that is for protanopia its 1, for deutranopia its 2 and for tritanopia its 3, j is a variable initialized with 1, on each turn it checks for left or right turn and if its left then it increments the variable corresponds to the deficiency present on that level and then it changes the value of j with the integer corresponding to the next deficiency. After completing the last level, the value of all the varibles (i.e protanopia, deuteranopia and tritanopia variable) will be displayed in the form of score.

Files:

  • index.html is the hompage.
  • maze.html is used to detect color blindness.
  • instructions.html has all the instructions for the game.

References:

Links for project

The github page link will be provided as soon as we make the repository public.

Note:

  • You may face this issue when you try to start the maze game. Below is the screenshot of the console of the page

image info

  • Given Below link Which is useful for Resolution if in case you come across the error like this.

  • Resolve this issue.

color-blindness-detection-game-using-aframe-ar-vr-'s People

Contributors

pawan0306 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.