adding more tests
BIN
tests&examples/img/Thumbs.db
Normal file
BIN
tests&examples/img/happy_face_1.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
tests&examples/img/happy_face_2.jpg
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
tests&examples/img/happy_face_3.jpg
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
tests&examples/img/happy_face_4.jpg
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
tests&examples/img/sad_face_1.JPG
Normal file
After Width: | Height: | Size: 234 KiB |
BIN
tests&examples/img/sad_face_2.JPG
Normal file
After Width: | Height: | Size: 231 KiB |
BIN
tests&examples/img/sad_face_3.JPG
Normal file
After Width: | Height: | Size: 339 KiB |
BIN
tests&examples/img/sad_face_4.JPG
Normal file
After Width: | Height: | Size: 177 KiB |
33
tests&examples/jspsych-animation.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/snap.svg-min.js"></script>
|
||||
<script src="../jspsych.js"></script>
|
||||
<script src="../plugins/jspsych-animation.js"></script>
|
||||
<link rel="stylesheet" href="../css/jspsych.css"></link>
|
||||
</head>
|
||||
<body>
|
||||
<div id="jspsych-target"></div>
|
||||
</body>
|
||||
<script>
|
||||
|
||||
var trials = {
|
||||
type: 'animation',
|
||||
stimuli: [['img/happy_face_1.jpg', 'img/happy_face_2.jpg', 'img/happy_face_3.jpg', 'img/happy_face_4.jpg']],
|
||||
sequence_reps: 3,
|
||||
frame_time: 300,
|
||||
prompt: '<p class="center-content">Watch the faces</p>'
|
||||
};
|
||||
|
||||
function start(){
|
||||
jsPsych.init({
|
||||
display_element: $('#jspsych-target'),
|
||||
experiment_structure: [trials]
|
||||
});
|
||||
}
|
||||
|
||||
jsPsych.preloadImages(['img/happy_face_1.jpg', 'img/happy_face_2.jpg', 'img/happy_face_3.jpg', 'img/happy_face_4.jpg'], start);
|
||||
|
||||
</script>
|
||||
</html>
|
@ -5,7 +5,7 @@
|
||||
<script src="js/snap.svg-min.js"></script>
|
||||
<script src="../jspsych.js"></script>
|
||||
<script src="../plugins/jspsych-visual-search-circle.js"></script>
|
||||
<link rel="stylesheet" src="../css/jspsych.css"></link>
|
||||
<link rel="stylesheet" href="../css/jspsych.css"></link>
|
||||
</head>
|
||||
<body>
|
||||
<div id="jspsych-target"></div>
|
||||
|