HoshinoKoji/jsPsych
1
0
Fork 0
mirror of https://github.com/jspsych/jsPsych.git synced 2025-05-10 11:10:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

step version

Browse Source
This commit is contained in:
Josh de Leeuw 2018-06-25 22:10:58 -04:00
parent 25d23a8e0d
commit b9a796211e
2 changed files with 58 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
docs/tutorials/hello-world.md
View File

@ -12,7 +12,7 @@ Start by downloading the jsPsych library. The most recent version can always be
## Step 2: Create a folder to store your experiment files ## Step 2: Create a folder to store your experiment files
Create a folder on your computer to put the experiment files in. Once you've created the folder, open the downloaded archive from step 1, and move the extracted folder (called `jspsych-6.0.3` if using v6.0.3 of jsPsych) into the experiment folder. Here's what it looks like on a Windows machine: Create a folder on your computer to put the experiment files in. Once you've created the folder, open the downloaded archive from step 1, and move the extracted folder (called `jspsych-6.0.4` if using v6.0.4 of jsPsych) into the experiment folder. Here's what it looks like on a Windows machine:
![folder setup](/img/folder-setup.png) ![folder setup](/img/folder-setup.png)
@ -53,7 +53,7 @@ To use jsPsych, add a `<script>` tag to import the library.
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
</head> </head>
<body></body> <body></body>
</html> </html>
@ -66,8 +66,8 @@ You may also want to import the jsPsych stylesheet, which applies a basic set of
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
</html> </html>
@ -82,9 +82,9 @@ For the demo, we want to show some text on the screen. This is exactly what the
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
</html> </html>
@ -99,9 +99,9 @@ To add JavaScript code directly to the webpage we need to add a set of `<script>
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -122,9 +122,9 @@ Now that we have the trial defined we just need to tell jsPsych to run an experi
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>

90
docs/tutorials/rt-task.md
View File

@ -18,9 +18,9 @@ Start by downloading jsPsych and setting up a folder to contain your experiment
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
</html> </html>
@ -68,9 +68,9 @@ jsPsych.init({
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -135,9 +135,9 @@ timeline.push(instructions);
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -186,10 +186,10 @@ Creating trials to show the stimuli is conceptually the same as creating a trial
```html ```html
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-image-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-image-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
``` ```
@ -222,10 +222,10 @@ timeline.push(blue_trial, orange_trial);
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-image-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-image-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -343,10 +343,10 @@ What happens when the experiment reaches the test procedure? jsPsych will run th
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-image-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-image-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -444,10 +444,10 @@ var test_procedure = {
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-image-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-image-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -543,10 +543,10 @@ In the code above, we replaced the `trial_duration: 1000` parameter in `fixation
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-image-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-image-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -640,10 +640,10 @@ jsPsych.init({
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-image-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-image-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -766,10 +766,10 @@ var fixation = {
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-image-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-image-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -877,10 +877,10 @@ The `data.key_press` value is a numeric key code indicating which key the subjec
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-image-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-image-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>
@ -1004,10 +1004,10 @@ This code is available in the examples folder in the jsPsych download. It is cal
<html> <html>
<head> <head>
<title>My experiment</title> <title>My experiment</title>
<script src="jspsych-6.0.3/jspsych.js"></script> <script src="jspsych-6.0.4/jspsych.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-html-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-html-keyboard-response.js"></script>
<script src="jspsych-6.0.3/plugins/jspsych-image-keyboard-response.js"></script> <script src="jspsych-6.0.4/plugins/jspsych-image-keyboard-response.js"></script>
<link href="jspsych-6.0.3/css/jspsych.css" rel="stylesheet" type="text/css"></link> <link href="jspsych-6.0.4/css/jspsych.css" rel="stylesheet" type="text/css"></link>
</head> </head>
<body></body> <body></body>
<script> <script>