lab.js BuilderのScriptsの機能を使って認知課題を作ります。このチュートリアルでは,HTML5の「canvas」要素を使っていますので,心理学実験だけでなく,ウェブ上での動的なコンテンツを作成する知識が身に付きます。少し長いチュートリアルですが順を追って説明しますのでお付き合いください。

コンテンツ

Scriptsで図形を描く1

はじめに

1コマ(JavaScriptの基本)

JavaScriptについて

ウェブコンソールを使う

ランダム関数を使おう

2コマ(Canvasの基本)

基本図形を描く1(文字)

基本図形を描く2(四角形)

基本図形を描く3(円)

基本図形を描く4(画像)

基本図形を描く5(画像を動かす)

宿題

演習課題1