ＡＲ🐈

こちらの画像をARマーカーとして読み込む

メンタルローテーション

こちらの画像をARマーカーとして読み込む

三つの山の問題

子どもの空間認知能力の発達を調べるために、ピアジェとインヘルダー（Piaget,J. & Inhelder,B.,1948）において用いられた課題。視点の協応について述べた、第８章で紹介されている。

３種の異なる特徴を持った山の模型を提示し、異なる位置からの山々のみえを問う。

自分自身のみえを答えるだけのⅡＡと呼ばれた段階から、異なる視点を表現しようとして失敗するⅡＢ段階、視点とみえとの関連性に気づくがまだ不十分であるⅢＡ段階を経て、正しく反応できるⅢＢ段階に至る発達的変化が示された。ピアジェ理論の中心概念である自己中心性に深く関わる、空間的他視点取得能力を測定する良い指標となり得ると思われたため、３つの山問題及びその類似課題を用いた研究が盛んになされた。なお"３つの山問題"という邦語は、わが国で最初にこの課題を用いた研究を報告した、田中（1968）に従った。

p5.js

・p5.jsエディター

・p5.jsリファレンス（英語） ・p5.jsリファレンス（日本語）

p5.jsによる３Ⅾモデルの読み込み(ver1.00)

モデルの表示機能

p5.jsによる３Ⅾモデルの読み込み(ver1.01)

視点移動機能の追加

使用した関数

・keyPressed():大文字小文字を区別しない

・keyTyped():特殊なキー(altキー、enterキー、 tabキーなど)を無視する

p5.jsによる３Ⅾモデルの読み込み(ver1.02)

A地点からC地点が見えないため目線の高さの調整、反転いていたアルファベットの修正

p5.jsによる３Ⅾモデルの読み込み(ver1.02サル)

アルファベットを消してサルを追加

ver1.03(10/9)

個々のobjファイルに分けることにより山の色を分けて表示する.

ver1.04(10/18)

画像の挿入

意見DIVタグの中に選択肢を表示

ver1.05(10/21)

画像の挿入

意見DIVタグの中に選択肢を表示

ver1.06(10/25)

画像の挿入

意見DIVタグの中に選択肢を表示

ver1.07(10/28)

画像の挿入

意見DIVタグの中に選択肢を表示

ver1.08(11/1)

画像の挿入

意見:白い枠を作る,ゲットイベント処理

ver1.09(11/4)

画像の挿入

意見: モデルの完成

ver1.10(11/8)

画像の挿入

意見:白い枠を作る,ゲットイベント処理

ver1.11(11/11)

解答処理

意見:白い枠を作る,ゲットイベント処理

ver1.12(11/15)

解答処理

意見:問題文表示

ver1.13(11/15)

問題文表示

意見:idの後ろ側を取得する

ver1.14(4択)(11/15)

問題文表示

意見:idの後ろ側を取得する

ver1.14(8択)(11/15)

問題文表示

意見:idの後ろ側を取得する

ver1.15(11/22)

フォーム画面

意見:idの後ろ側を取得する

ver1.16(11/27)

フォーム画面

意見:idの後ろ側を取得する

ver1.17(12/2)

フォーム画面

意見:jQuwryについての理解を深める,4択のレイアウト替え

ver1.18(12/6)

フォーム画面

意見:aタグがの情報がシャッフルする中でなくなる

ver1.20(12/13)

チュートリアル画面の実装

意見:この人形が見ている景色はこれです。次からの課題では人形の位置が変わります。

ver1.21(12/16)

チュートリアル画面の実装

意見:三つの山課題の説明画面,文字のセンター寄せ。〇×を画像を表示。表示枠はそのまま。

ver1.22(1/11)

三つの山課題の説明画面の実装

意見:文字のセンター寄せ。〇×を画像を表示。表示枠はそのまま。

答え合わせ(1/15)

答え合わせ画面の実装

答え合わせ1.0(1/17)

今何問目のやつを見ているかの表示

demo(!/?)

画像の挿入

意見:選択肢、Jqueryを利用してシステムを構築する。野田さんと協力

サイコロ

p5.js上でのサイコロの表示テクスチャの貼り付け

サイコロ

p5.js上での複数のサイコロの表示テクスチャの貼り付け

意見:

３つの山課題Webアプリ完成

完成やったー

意見:イエーイ