Giter Club home page Giter Club logo

mental-rotation's Introduction

Departure Point

This repository contains a minimal example of a _magpie experiment. It can be used as a quick-start departure point when programming a new _magpie experiment from scratch.

Online demo

You can have a look at the minimal example experiment here.

How to set up an experiment with _magpie (quick start guide)

Obtaining the departure point

  1. install npm by following these instructions
  2. download or clone this github repository: https://github.com/magpie-ea/magpie-departure-point
    • e.g. type git clone https://github.com/magpie-ea/magpie-departure-point.git
  3. change the folder name departure-point to whatever you like
    • let's say you call it my-exp, e.g. by typing mv departure-point my-exp
  4. go to your folder my-exp, e.g., by typing cd my-exp
  5. now type npm install; this will download the Javascript packages with the most current version of _magpie
  6. you can have a look at the example experiment by opening the file index.html in your browser
  7. you can now start editing to create your own experiment

Changing the departure point to your own experiment

  • Usually, you might just want to manipulate the following files:
    • 01_custom_styles.css :: (optional) contains custom styles
    • 02_custom_functions.js :: (optional) contains custom functions, variables and hooks (e.g. a global coin flip)
    • 03_custom_views_templates.js :: (optional) contains user-defined special-purpose view templates (only needed, if the provided view templates are not enough for your experiment)
    • 04_trials.js :: (optional) contains the data of different trials of a task (e.g. names of pictures, test sentences, questions, etc.)
    • 05_views.js :: defines the different kinds of tasks, or, more generally, anything users will engage with on the screen
    • 06_main.js :: contains the experiment structure and general information about deployment
  • The numbering of the files is important, you can use the functions defined in earlier files in later ones, but not the other way around; that means you can use functions defined in 01 in 04, but you can't use some variable from 05 in 02.

mental-rotation

mental-rotation's People

Contributors

r3yman 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.