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

add demo files

Browse Source
This commit is contained in:
Josh de Leeuw 2021-10-27 09:47:08 -04:00
parent 7f49a104ee
commit f87526bfdd
3 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/demos/jspsych-sketchpad-demo1.html
View File

@ -42,7 +42,7 @@
prompt_location: 'abovecanvas', prompt_location: 'abovecanvas',
canvas_width: 300, canvas_width: 300,
canvas_height: 300, canvas_height: 300,
border_width: 2 canvas_border_width: 2
} }
var trial_loop = { var trial_loop = {

2
docs/plugins/sketchpad.md
View File

@ -74,7 +74,7 @@ In addition to the [default data collected by all plugins](../overview/plugins.m
prompt_location: 'abovecanvas', prompt_location: 'abovecanvas',
canvas_width: 300, canvas_width: 300,
canvas_height: 300, canvas_height: 300,
border_width: 2 canvas_border_width: 2
} }
``` ```

33
examples/jspsych-sketchpad.html
View File

@ -14,24 +14,27 @@
} }
}); });
var sketchpad_trial = { var trial = {
type: jsPsychSketchpad, type: jsPsychSketchpad,
canvas_border_width: 2, prompt: '<p>Draw an apple!</p>',
canvas_width: 512, prompt_location: 'abovecanvas',
canvas_height: 351, canvas_width: 300,
//background_image: 'img/table.jpg', canvas_height: 300,
prompt: '<p>Draw something that goes on the object!</p>', canvas_border_width: 2
stroke_color_palette: [ }
'black', 'white', 'red', 'yellow', 'blue'
], var trial2 = {
background_color: '#ccc', type: jsPsychSketchpad,
key_to_draw: ' ', prompt: '<p>Circle the mouth using red. Circle the eyes using blue.</p>',
choices: ['a','b','c'], prompt_location: 'abovecanvas',
//trial_duration: 5000, stroke_color_palette: ['red', 'blue'],
show_countdown_trial_duration: true stroke_color: 'red',
background_image: 'img/sad_face_4.jpg',
canvas_width: 380,
canvas_height: 252
} }
jsPsych.run([sketchpad_trial]); jsPsych.run([trial, trial2]);
</script> </script>
</html> </html>