TapAI: Study user interactions with a tap on screen game

Recommend this page to a friend!
  Info   View files Example   View files View files (18)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 38 All time: 511 This week: 10Up
Version License JavaScript version Categories
tapai 2.1.1Custom (specified...5Games
Description Author

This package is meant for studying user interactions with a tap on screen game.

It can present a board using SVG elements with a message to ask the user to tap on screen until it reaches 10 successful taps.

The results are displayed at the end and saved to a CSV file database.

Innovation Award
JavaScript Programming Innovation award winner
April 2017
Winner


Prize: One downloadable e-book of choice by O'Reilly
Games are a way to entertain users that can also be used as means to study how people react to certain situations.

This package implements a game that requires the users to interact. It records the user actions, so they can be analyzed later for further study.

Manuel Lemos
Picture of Leonardo Mauro Pereira Moraes
  Performance   Level  
Name: Leonardo Mauro Pereira ... <contact>
Classes: 5 packages by
Country: Brazil Brazil
Innovation award
Innovation award
Nominee: 3x

Winner: 3x

Details

TapAI

Links: Online Example and JS Classes

___

This is a quick reaction game in which the player must click as fast as possible on the "tap" screen.

The game is designed in SVG (HTML5) responsively to fit any size of screen. Designed for web browsers to desktop, mobile phones and tablets.

After 10 matches the result of the game appears and a CSV file with all the game information is saved.

The examples debug the player performance in Web Console of browser.

___

This game has been developed with the purpose of studying human-game interaction. In this game, it is possible to manipulate any information about the game in order to interact and to study the behaviors and actions of the player. In addition, this game can be used to develop a database of players and their game states (at the end of the game a CSV file is generated).

___

  • Normal Game
/dist/js/TapAI/
  |__ game.js - mechanics of the game
  |__ layout.js - SVG HTML layout
  |__ logic.js - difficulty/score logic
  |__ toFile.js - export the results to CSV file
/example/
  |__ index.html - normal game

  • Edited Game
/dist/js/TapAI/
  |__ AIlogic.js - game logic (with PCG heuristic elo-based)
/example/
  |__ index-intelligent.html - edited game


___

Also look ~

  Files folder image Files  
File Role Description
Files folder imageassets (2 directories)
Files folder imagedist (1 directory)
Files folder imageexample (3 files)
Accessible without login Plain text file LICENSE Lic. License text
Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files  /  assets  
File Role Description
Files folder imagecss (2 files)
Files folder imagejs (4 files, 1 directory)

  Files folder image Files  /  assets  /  css  
File Role Description
  Accessible without login Plain text file bootstrap.min.css Data Auxiliary data
  Accessible without login Plain text file style.css Data Auxiliary data

  Files folder image Files  /  assets  /  js  
File Role Description
Files folder imagemath (2 files)
  Plain text file bootstrap.min.js Class Class source
  Plain text file FileSaver.min-old.js Class Class source
  Plain text file FileSaver.min.js Class Class source
  Plain text file jquery-1.12.3.min.js Class Class source

  Files folder image Files  /  assets  /  js  /  math  
File Role Description
  Accessible without login Plain text file random.js Aux. Auxiliary script
  Accessible without login Plain text file round.js Aux. Auxiliary script

  Files folder image Files  /  dist  
File Role Description
Files folder imagejs (1 directory)

  Files folder image Files  /  dist  /  js  
File Role Description
Files folder imageTapAI (5 files)

  Files folder image Files  /  dist  /  js  /  TapAI  
File Role Description
  Plain text file AIlogic.js Class Class source
  Plain text file game.js Class Class source
  Plain text file layout.js Class Class source
  Plain text file logic.js Class Class source
  Plain text file toFile.js Class Class source

  Files folder image Files  /  example  
File Role Description
  Accessible without login Plain text file index-intelligent.html Example Example
  Accessible without login Plain text file index.html Example Example
  Accessible without login Plain text file layouts.html Example Example

 Version Control Unique User Downloads Download Rankings  
 100%
Total:38
This week:0
All time:511
This week:10Up