jspsych-overcooked

Overview

jsPsych plugins for overcooked kitchen tasks

Loading

Browser (via CDN)

Option 1: Load all plugins at once (recommended)

<!-- jsPsych -->
<script src="https://unpkg.com/[email protected]"></script>
<link href="https://unpkg.com/[email protected]/css/jspsych.css" rel="stylesheet" type="text/css" />

<!-- jspsych-overcooked (all plugins with bundled dependencies) -->
<script src="https://unpkg.com/jspsych-overcooked"></script>

Then access the plugins via:

const { OvercookedCookingPlugin, OvercookedDesignPlugin, OvercookedInferencePlugin } = JsPsychOvercooked;

Option 2: Load individual plugins

<!-- jsPsych -->
<script src="https://unpkg.com/[email protected]"></script>
<link href="https://unpkg.com/[email protected]/css/jspsych.css" rel="stylesheet" type="text/css" />

<!-- Load specific plugins as needed (each bundles its own dependencies) -->
<script src="https://unpkg.com/jspsych-overcooked/cooking.min.js"></script>
<script src="https://unpkg.com/jspsych-overcooked/design.min.js"></script>
<script src="https://unpkg.com/jspsych-overcooked/inference.min.js"></script>

Then access via global variables:

const cookingPlugin = OvercookedCookingPlugin;
const designPlugin = OvercookedDesignPlugin;
const inferencePlugin = OvercookedInferencePlugin;

Note: All dependencies (React, Konva, etc.) are bundled within the plugin files, so no external dependencies need to be loaded separately.

Node/Bundler (npm)

npm install jspsych-overcooked

Then import the plugin(s) you need:

import OvercookedCookingPlugin from 'jspsych-overcooked/cooking';
import OvercookedDesignPlugin from 'jspsych-overcooked/design';
import OvercookedInferencePlugin from 'jspsych-overcooked/inference';

When using a bundler, the dependencies (React, Konva, etc.) will be automatically bundled.

Compatibility

jspsych-overcooked requires jsPsych v8.0.0 or later.

Documentation

See documentation

More information about each plugin can be found here

Author / Citation

Justin Yang