lab.js BuilderのScriptsの機能を使って認知課題を作ります。このチュートリアルでは,HTML5の「canvas」要素を使っていますので,心理学実験だけでなく,ウェブ上での動的なコンテンツを作成する知識が身に付きます。少し長いチュートリアルですが順を追って説明しますのでお付き合いください。
コンテンツ
Scriptsで図形を描く1
はじめに
1コマ(JavaScriptの基本)
JavaScriptについて
ウェブコンソールを使う
ランダム関数を使おう
2コマ(Canvasの基本)
基本図形を描く1(文字)
基本図形を描く2(四角形)
基本図形を描く3(円)
基本図形を描く4(画像)
基本図形を描く5(画像を動かす)
宿題
演習課題1