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

update readme language

Browse Source
This commit is contained in:
Josh de Leeuw 2017-07-12 22:51:48 -04:00
parent 9637f702b9
commit f35256a3ad
1 changed files with 29 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
README.md
View File

@ -1,15 +1,15 @@
![logo](http://www.jspsych.org/img/jspsych-logo-readme.jpg) ![logo](http://www.jspsych.org/img/jspsych-logo-readme.jpg)
jsPsych is a JavaScript library for creating behavioral experiments that run in a web browser. jsPsych creates a framework for defining experiments and provides a set of flexible plugins that create different kinds of tasks a subject could complete during an experiment. By assembling different plugins together and customizing the parameters of each, it is possible to create many different types of experiments. jsPsych is a JavaScript library for creating behavioral experiments that run in a web browser. jsPsych provides a framework for defining experiments using a set of flexible plugins that create different kinds of tasks a subject could complete during an experiment. By assembling these different plugins together it is possible to create many different types of experiments.
Examples
Code Demos
---------- ----------
[Demo 1](https://github.com/jspsych/jsPsych/tree/master/examples/demos/demo_1.html) with the instructions plugin: These examples are intended to illustrate what jsPsych code and experiments look like. There is a larger set of example code in the [examples folder](/examples).
#1: [Displaying instructions](https://github.com/jspsych/jsPsych/tree/master/examples/demos/demo_1.html)
<div display="flex"> <div display="flex">
<img src="https://user-images.githubusercontent.com/14092539/28126774-801ea42e-66f8-11e7-9b6a-c8bad0026bec.gif" align="right" width=50% /> <img src="https://user-images.githubusercontent.com/14092539/28126774-801ea42e-66f8-11e7-9b6a-c8bad0026bec.gif" align="right" width=50% />
<div markdown="1" style="width: 50%;"> <div markdown="1" style="width: 50%;">
<sub> <sub>
@ -56,13 +56,12 @@ Code Demos
``` ```
</sub> </sub>
</div> </div>
</div> </div>
[Demo 2](https://github.com/jspsych/jsPsych/tree/master/examples/demos/demo_2.html) with the image-keyboard-response plugin: #2: [Displaying images and recording a response](https://github.com/jspsych/jsPsych/tree/master/examples/demos/demo_2.html)
<div display="flex"> <div display="flex">
<img src="https://user-images.githubusercontent.com/14092539/28125911-0504cca2-66f6-11e7-8f5b-c9686f63aaa8.gif" align="right" width=50% /> <img src="https://user-images.githubusercontent.com/14092539/28125911-0504cca2-66f6-11e7-8f5b-c9686f63aaa8.gif" align="right" width=50% />
@ -116,10 +115,10 @@ Code Demos
</div> </div>
And for a slightly longer experiment example, [demo 3](https://github.com/jspsych/jsPsych/tree/master/examples/demos/demo_3.html) with the html-keyboard-response plugin. Also shows data after experiment ends: #3: [A flanker task](https://github.com/jspsych/jsPsych/tree/master/examples/demos/demo_3.html) showing a few advanced features of the library
<div display="flex"> <div display="flex">
<img src="https://user-images.githubusercontent.com/14092539/28126802-97b50d08-66f8-11e7-9a45-46561ab51a5f.gif" align="right" width=50% /> <img src="https://user-images.githubusercontent.com/14092539/28126802-97b50d08-66f8-11e7-9a45-46561ab51a5f.gif" align="right" width=50% />
<div markdown="3" style="width: 50%;"> <div markdown="3" style="width: 50%;">
<sub> <sub>
@ -153,7 +152,7 @@ var debrief = {
"time for congruent trials was <strong>"+congruent_rt+ "time for congruent trials was <strong>"+congruent_rt+
"ms</strong>.</p>"+ "ms</strong>.</p>"+
"<p style='font-size:25px'>Your average response time for"+ "<p style='font-size:25px'>Your average response time for"+
"incongruent trials was <strong>"incongruent_rt + "incongruent trials was <strong>"+incongruent_rt+
"ms</strong>.</p>"; "ms</strong>.</p>";
} }
}; };
@ -163,12 +162,8 @@ timeline.push(test);
timeline.push(debrief); timeline.push(debrief);
jsPsych.init({ jsPsych.init({
timeline: timeline, timeline: timeline,
on_finish: function() {
jsPsych.data.displayData();
}
}); });
``` ```
</sub> </sub>
</div> </div>
</div> </div>