From cc0bb3efd13f78397c9f5e2b5df08a936cec0353 Mon Sep 17 00:00:00 2001 From: yi-chia-chen Date: Wed, 17 Jul 2024 12:02:31 -0700 Subject: [PATCH] demo version --- index.html | 56 ++++------------------- js/main.js | 113 ++++++++++------------------------------------- js/parameters.js | 91 ++++++++++++-------------------------- 3 files changed, 59 insertions(+), 201 deletions(-) diff --git a/index.html b/index.html index 35679c3..07ca330 100644 --- a/index.html +++ b/index.html @@ -21,65 +21,33 @@ -
+

- Image Error: Please contact the experimenter at akadambi@ucla.edu with the phrase "IMG-ERROR". + Image Error: Please contact the experimenter at XXX with the phrase "IMG-ERROR".
- -
-

To conduct this study, we need to include this information sheet:

-
- INFORMATION SHEET
- Action perception and prediction of single and multiple actor sequences

- You are invited to participate in a research study on human vision, conducted by Hongjing Lu, PhD, of the Dept. of Psychology at UCLA. You were selected as a possible participant in this study because you have normal or corrected vision.

- Purpose of Study
- The purpose of the study is to understand how we use visual information to detect, recognize and predict human action and action interactions.

- Procedures Involved in Study
- You will be presented with visual stimuli either involving human actions (e.g., walking, running, or two people interact with each other) or avatar movements (e.g., boat) on a computer screen. Your cursor movement positions during the experiment will be tracked. You may be asked to press one of two computer buttons to make responses. Your answers will be recorded by the computer. Your answers will not be identified with you in any way. You may also be given brief questionnaires regarding social attitudes, also assessing individual thoughts and feelings. The session will last a maximum of 60 minutes total.

- Potential Risks and Discomforts
- There is no known risk/discomfort in this study. If you experience any discomfort during the course of the experiment, you can stop at any time and notify the experimenter.

- Potential Benefits to Subject
- There are no direct benefits from participating in this study.

- Potential Benefits to Society
- The findings of the study will help the design of artificial visual systems for detecting and recognizing human action in a natural environment.

- Payment for Participation
- You will receive up to 1 hr of credit, through the UCLA Psychology Department Subject Pool.

- Alternatives to Participation
- An alternative to participating in this project and fulfilling Psychology 10 requirements is to participate in other research or to do an equivalent classroom project.

- Confidentiality
- Any information that is obtained in connection with this study and that can identify you will remain confidential. It will be disclosed only with your permission or as required by law. The results of the study, including laboratory or any other data, may be published for scientific purposes but will not give your name or include any identifiable references to you. Confidentiality will be maintained by storing all subject information securely in a locked drawer, or a password protected computer. Participants’ data will correspond to individual subject IDs, preventing identification to personal information (e.g names). Only the experimenters will have access to the data. No electronic identifiers will be associated with your data (e.g., IP address). There is always the possibility of tampering from an outside source when using the internet for collecting information. While the confidentiality of your responses will be protected once the data are downloaded from the internet, there is always a possibility of hacking or other security breaches that could threaten the confidentiality of your responses. Please know that you are free to decide not to answer any question.

- Participation and Withdraw
- Your participation is VOLUNTARY. You may withdraw from the experiment at any time without suffering any negative consequences.

- Identification of Investigators
- If you have any questions, feel free to contact Dr. Hongjing Lu (hongjing@ucla.edu), at the Department of Psychology, UCLA, 405 Hilgard Ave., Los Angeles, CA 90095-1563.

- Rights of Research Subjects
- You may withdraw your consent at any time and discontinue participation without penalty. You are not waiving any legal claims, rights or remedies because of your participation in this research study. If you wish to ask questions about your rights as a research participant or if you wish to voice any problems or concerns you may have about the study to someone other than the researchers, please call the Office of the Human Research Protection Program at (310) 206-2040; or by email: participants@research.ucla.edu or by mail: Box 951406, Los Angeles, CA 90095-1406.

-
-
-
- Image Error: Please contact the experimenter at akadambi@ucla.edu with the phrase "IMG-ERROR". - CanvasError: Please contact akadambi@ucla.edu and include your sona ID and the phrase "CANVAS-ERROR" to receive your credit. + Image Error: Please contact the experimenter at XXX with the phrase "IMG-ERROR". + CanvasError: Please contact XXX and include your sona ID and the phrase "CANVAS-ERROR" to receive your credit.
@@ -193,15 +161,7 @@ In the games you play, sometimes you see your own movements like what you'd see normally (e.g., you see how your hands move according to how you move it), but sometimes your visual experience deviate from what you command your hand to do and what you feel from the movements of your hand. How much you pick up on the mismatch and how much you perceptual system tolerate the mismatch determine how much weaker you experience the visual feedback as yourself.

What we were testing in these games was how the yellow ball's motion influenced your tolerance for the mismatch. Sometimes the ball appeared to be causally "launched" by the cursor, in a physical manner. Critically, sometimes it appeared to suddenly start moving on it's own when the cursor get near, as if it is avoiding the cursor as in a social interaction. Since we often think of ourselves and our actions in the social terms, compared to the physical terms, we are testing if this tendency translate to different levels of tolerance for the mismatch between what you see and what you feel from your hand movements.

- Please don't hesitate to contact the researcher if you have any questions:

- Akila Kadambi
- UCLA Computational Vision and Learning Laboratory
- https://ycc.vision/
- akadambi@ucla.edu


- - Here's some additional information about the core project this study is associated with:

- We are interested in understanding how people are able to perceive human actions in a visual scene, and how this information is processed to enable them to make decisions about the human body movement. By showing moving patterns at various speeds and in various combinations, we are able to determine whether different cues make it harder or easier for you to make judgments about the human movement in the target display.
- If you have any questions, please feel free to contact the experimenter, Hongjing Lu at hongjing@ucla.edu. + Please don't hesitate to contact the researcher if you have any questions.
diff --git a/js/main.js b/js/main.js index 397f79b..32f2d28 100644 --- a/js/main.js +++ b/js/main.js @@ -5,27 +5,18 @@ function RUN_STUDY() { if (DETECT_METHOD("fromEntries", Object)) { LOAD_IMG(0, STIM_PATH, IMG_LIST); subj = new subjObject(subj_options); - subj.id = subj.getID(ID_GET_VARIABLE_NAME); subj.recycledCount = 0; subj.recycleReachedMax = false; tempo_practice_options["subj"] = subj; - tempo_practice_options["dataFile"] = - subj.id + "_" + TEMPO_PRACTICE_FILE; trial_options["subj"] = subj; - trial_options["dataFile"] = subj.id + "_" + TRIAL_FILE; - subj.saveVisit(); if (subj.phone) { HALT_EXPERIMENT( "It seems that you are using a touchscreen device or a phone. Please use a laptop or desktop instead.

" + - "If you believe you have received this message in error, please contact the experimenter at akadambi@ucla.edu

" + + "If you believe you have received this message in error, please contact the experimenter at XXX.

" + "Otherwise, please switch to a laptop or a desktop computer for this experiment." ); - } else if (subj.valid_id) { - INSTRUCTION_START(); } else { - HALT_EXPERIMENT( - "We can't identify a valid ID. Please reopen the study from the sona website again. Thank you!" - ); + INSTRUCTION_START(); } } else { HALT_EXPERIMENT( @@ -53,7 +44,6 @@ const SUBJ_TITLES = [ "num", "date", "startTime", - "id", "userAgent", "endTime", "duration", @@ -125,24 +115,14 @@ function SUBMIT_DEBRIEFING_Q() { if (choice_dict.device == "other") { open_ended_dict.otherDevice = $("#other-device").val(); } - open_ended_dict = APPLY_FUNCTION_TO_OBJ( - open_ended_dict, - REPLACE_LINE_BREAK_IN_ENTRY_VALUE - ); - if ( - CHECK_IF_ALL_OBJECT_KEYS_HAVE_DEFINED_VALUE( - open_ended_dict, - choice_dict - ) - ) { + open_ended_dict = APPLY_FUNCTION_TO_OBJ(open_ended_dict, REPLACE_LINE_BREAK_IN_ENTRY_VALUE); + if (CHECK_IF_ALL_OBJECT_KEYS_HAVE_DEFINED_VALUE(open_ended_dict, choice_dict)) { $("#questions-box").hide(); open_ended_dict = Object.fromEntries(open_ended_dict); Object.assign(subj, choice_dict, open_ended_dict); SHOW_MANIPULATION_CHECK_INSTRUCTIONS(); } else { - $("#q-warning").text( - "Please answer all questions to continue. Thank you!" - ); + $("#q-warning").text("Please answer all questions to continue. Thank you!"); } } @@ -157,11 +137,10 @@ function SHOW_DEBRIEFING() { $("#debriefing-box").show(); $("html")[0].scrollIntoView(); $("#end-button").on("click", END_TO_SONA); - subj.save(); } function END_TO_SONA() { - window.location.href = COMPLETION_URL + subj.id; + window.location.href = COMPLETION_URL; } function ALLOW_SELECTION() { @@ -194,8 +173,8 @@ function INSTRUCTION_START() { // prettier-ignore const MAIN_INSTRUCTIONS_ARRAY = [ - [SHOW_CONSENT,false,'Thank you very much!

This study will take about 30 minutes. Please read the instructions carefully, and avoid using the refresh or back buttons.'], - [HIDE_CONSENT,false,"We will need to play sounds during the study, so please turn on your speakers or put on your headphones now.

If you don't have a sound device, " + 'please contact the experimenter at akadambi@ucla.edu with the phrase "NO-SOUND-DEVICE".'], + [false,false,'Thank you very much!

This study will take about 30 minutes. Please read the instructions carefully, and avoid using the refresh or back buttons.'], + [false,false,"We will need to play sounds during the study, so please turn on your speakers or put on your headphones now.

If you don't have a sound device, " + 'please contact the experimenter at XXX with the phrase "NO-SOUND-DEVICE".'], [SHOW_SOUND_TEST,false,"Now, please play the calibration sound to adjust the volume. Make sure you can clearly and comfortably hear the sound. Press SPACE when you are done."], [false,false,"For this study to work, the webpage will automatically switch to the full-screen view on the next page. Please stay in the full screen mode until the study automatically switches out from it."], [SWITCH_TO_FULL_SCREEN,false,"In this study, you will be playing a game."], @@ -214,7 +193,7 @@ const MAIN_INSTRUCTIONS_ARRAY = [ [false,SHOW_AGAIN_BUTTON_FOR_TEMPO_DEMO,"Does this make sense?
You can watch the example again by clicking AGAIN.
Otherwise, click NEXT to try it once yourself!"], [HIDE_AGAIN_BUTTON, RUN_TRACING_PRACTICE, ""], [HIDE_ALL_BOXES,false,"As you may have noticed, it is not exactly easy on the first try.

Since it is VERY important that you trace the path in the specified speed as accurately as possible, you will practice this a few times before we continue the explanation for the game."], - [BIND_TEMPO_PRACTICE_BLOCK,false,"During the practice, you will see a score after each try, which indicates how much your trace deviates from the path and the tempo.

Your goal is to complete 20 practice games and reach above 60% 4 times in a row after. Of course, I will be glad if you aim at 100%!

Hit SPACE to start!"], + [BIND_TEMPO_PRACTICE_BLOCK,false,"During the practice, you will see a score after each try, which indicates how much your trace deviates from the path and the tempo.

Your goal is to complete 5 practice games and reach above 60% 2 times in a row after. Of course, I will be glad if you aim at 100%!

Hit SPACE to start!"], [false,false,"You've passed! Good job!

Now that you are doing so well, in the actual game, I'll add a hard limit on how much you can deviate from the ideal path and speed:
The game will be interrupted by a warning if you stray too far, and you will have to repeat that particular game later. So keep up the good work!"], [false,false,"In the actual game, there will be a yellow dot at the end of the path, which moves during the games.

In each game, it may stay static, appear to be pushed away, or move away on its own to avoid contact with the red dot.

Whichever happens, your job is to remain calm and carry on."], [false,false,"Now here's one last trick for the formal games:
Sometimes, the red dot will *NOT* be following your cursor movements, but moving along a path from a prerecorded game of others."], @@ -234,15 +213,6 @@ const MAIN_INSTRUCTIONS_ARRAY = [ const REST_INSTRUCTION = "You are done with ##% of the study!

Take a short break now and hit space to continue whenever you are ready."; -function SHOW_CONSENT() { - $("#consent-box").show(); -} - -function HIDE_CONSENT() { - $("#consent-box").hide(); - $("#instr-box").addClass("fixed-box"); -} - function SHOW_INSTR_IMG(file_name) { $("#instr-img").attr("src", STIM_PATH + file_name); $("#instr-img").css("display", "block"); @@ -422,8 +392,7 @@ function RUN_MANIPULATION_CHECK_1() { function RUN_MANIPULATION_CHECK_2() { RESET_MARK_AND_OBJECT(); game_options["tempo_practice"] = true; - game_options["gameEndCallback"] = - GO_BACK_TO_MANIPULATION_CHECK_INSTRUCTIONS; + game_options["gameEndCallback"] = GO_BACK_TO_MANIPULATION_CHECK_INSTRUCTIONS; game = new gameObject(game_options); game.canvasOffsetLeft = game.canvasElement.offset().left; game.canvasOffsetTop = game.canvasElement.offset().top; @@ -486,33 +455,22 @@ function SHOW_MANIPULATION_CHECK_QUESTIONS() { instr.saveReadingTime(); $("#instr-box").hide(); $("#manipulation-check-q-box").show(); - $("#manipulation-check-q-button").on( - "click", - SUBMIT_MANIPULATION_CHECK_QUESTIONS - ); + $("#manipulation-check-q-button").on("click", SUBMIT_MANIPULATION_CHECK_QUESTIONS); } function SUBMIT_MANIPULATION_CHECK_QUESTIONS() { let choice_dict = { - manipulationCheckAlive: $( - 'input[name="manipulationCheckAlive"]:checked' - ).val(), - manipulationCheckSocial: $( - 'input[name="manipulationCheckSocial"]:checked' - ).val() + manipulationCheckAlive: $('input[name="manipulationCheckAlive"]:checked').val(), + manipulationCheckSocial: $('input[name="manipulationCheckSocial"]:checked').val() }; if (CHECK_IF_ALL_OBJECT_KEYS_HAVE_DEFINED_VALUE({}, choice_dict)) { $("#manipulation-check-q-box").hide(); Object.assign(subj, choice_dict); subj.instrReadingTimes = JSON.stringify(instr.readingTimes); - subj.quickReadingPageN = Object.values(instr.readingTimes).filter( - (d) => d < INSTR_READING_TIME_MIN - ).length; + subj.quickReadingPageN = Object.values(instr.readingTimes).filter((d) => d < INSTR_READING_TIME_MIN).length; SHOW_DEBRIEFING(); } else { - $("#manipulation-check-q-warning").text( - "Please answer all questions to continue. Thank you!" - ); + $("#manipulation-check-q-warning").text("Please answer all questions to continue. Thank you!"); } } @@ -634,7 +592,6 @@ function RUN_TEMPO_BLOCK() { function RUN_TASK() { $("#task-box").show(); - subj.saveAttrition(); game_options["tempo_practice"] = false; game_options["gameEndCallback"] = GAME_END; game = new gameObject(game_options); @@ -643,13 +600,7 @@ function RUN_TASK() { trial.run(); } -function TEMPO_PRACTICE_UPDATE( - formal_trial, - last, - this_trial, - next_trial, - path -) { +function TEMPO_PRACTICE_UPDATE(formal_trial, last, this_trial, next_trial, path) { TRAIL_UPDATE_BASED_ON_BLOCK_TYPE(tempo_practice, this_trial); game.update(tempo_practice.thisGame, false); } @@ -699,7 +650,7 @@ function START_TRIAL(trial_obj) { } function UPDATE_PROGRESS(rest_instr) { - return rest_instr.replace('##', trial.progress); + return rest_instr.replace("##", trial.progress); } function INTERRUPT() { @@ -720,12 +671,7 @@ function INTERRUPT() { subj.recycleReachedMax = true; } RECORD_TRIAL_DATA(trial); - trial.runRestOrEnd( - $("#task-box"), - $("#rest-box"), - $("#rest-text"), - UPDATE_PROGRESS(REST_INSTRUCTION) - ); + trial.runRestOrEnd($("#task-box"), $("#rest-box"), $("#rest-text"), UPDATE_PROGRESS(REST_INSTRUCTION)); }, NOTICE_DURATION * 1000); } @@ -738,12 +684,7 @@ function GAME_END() { SHOW_SCORE(); } else { RECORD_TRIAL_DATA(trial); - trial.runRestOrEnd( - $("#task-box"), - $("#rest-box"), - $("#rest-text"), - UPDATE_PROGRESS(REST_INSTRUCTION) - ); + trial.runRestOrEnd($("#task-box"), $("#rest-box"), $("#rest-text"), UPDATE_PROGRESS(REST_INSTRUCTION)); } } @@ -774,10 +715,7 @@ function RECORD_TRIAL_DATA(trial_obj) { trial_obj.recognition = game.recognition; trial_obj.recognitionRT = game.recognitionRT; if (trial_obj.trialNum > 0) { - const DATA_LIST = LIST_FROM_ATTRIBUTE_NAMES( - trial_obj, - trial_obj.titles - ); + const DATA_LIST = LIST_FROM_ATTRIBUTE_NAMES(trial_obj, trial_obj.titles); trial_obj.allData += LIST_TO_FORMATTED_STRING(DATA_LIST); } } @@ -795,10 +733,8 @@ function SHOW_SCORE() { } function CALCULATE_TEMPO_SCORE() { - let x_score = - Math.max(0, 1 - (2 * game.maxDeviationX) / (5 * DEVIATION_LIMIT)) * 100; - let y_score = - Math.max(0, 1 - (2 * game.maxDeviationY) / (5 * DEVIATION_LIMIT)) * 100; + let x_score = Math.max(0, 1 - (2 * game.maxDeviationX) / (5 * DEVIATION_LIMIT)) * 100; + let y_score = Math.max(0, 1 - (2 * game.maxDeviationY) / (5 * DEVIATION_LIMIT)) * 100; return Math.min(x_score, y_score); } @@ -814,8 +750,7 @@ function TEMPO_PRACTICE_RUN_OR_END() { $("#practice-score").hide(); if (CHECK_TEMPO_PRACTICE_END()) { tempo_practice.complete = true; - subj.tempoPracticeCount = - TEMPO_PRACTICE_MAX_TRIAL_N - tempo_practice.remainingTrialN; + subj.tempoPracticeCount = TEMPO_PRACTICE_MAX_TRIAL_N - tempo_practice.remainingTrialN; tempo_practice.endExptFunc(); } else { tempo_practice.run(); @@ -836,12 +771,10 @@ function CHECK_TEMPO_PRACTICE_END() { function END_TEMPO_PRACTICE() { $("#task-box").hide(); $("#next-button").css("display", "block"); - tempo_practice.save(); instr.next(); } function END_TASK() { $("#task-box").hide(); - trial.save(); SHOW_DEBRIEFING_QUESTIONS(); } diff --git a/js/parameters.js b/js/parameters.js index 89208b4..cade579 100644 --- a/js/parameters.js +++ b/js/parameters.js @@ -8,26 +8,9 @@ // ## ## ## ## ## ## ## ## ## ## ## ## ### ## // ######## ## ## ## ######## ## ## #### ## ## ######## ## ## ## -const FORMAL = true; const EXPERIMENT_NAME = "sfRecog"; const EXPERIMENT_VERSION = "pretestTracing"; -const SUBJ_NUM_FILE = - "subjNum_" + EXPERIMENT_NAME + "_" + EXPERIMENT_VERSION + ".txt"; -const TEMPO_PRACTICE_FILE = - "tempoPractice_" + EXPERIMENT_NAME + "_" + EXPERIMENT_VERSION + ".txt"; -const TRIAL_FILE = - "trial_" + EXPERIMENT_NAME + "_" + EXPERIMENT_VERSION + ".txt"; -const SUBJ_FILE = "subj_" + EXPERIMENT_NAME + "_" + EXPERIMENT_VERSION + ".txt"; -const VISIT_FILE = - "visit_" + EXPERIMENT_NAME + "_" + EXPERIMENT_VERSION + ".txt"; -const ATTRITION_FILE = - "attrition_" + EXPERIMENT_NAME + "_" + EXPERIMENT_VERSION + ".txt"; -const SAVING_SCRIPT = "php/save.php"; -const SUBJ_NUM_SCRIPT = "php/subjNum.php"; -const SAVING_DIR = FORMAL ? "/var/www-data-experiments/cvlstudy_data/YCC/sfRecog/formal" : "/var/www-data-experiments/cvlstudy_data/YCC/sfRecog/testing"; -const ID_GET_VARIABLE_NAME = "sonacode"; -const COMPLETION_URL = - "https://ucla.sona-systems.com/webstudy_credit.aspx?experiment_id=1859&credit_token=d7523faabcfb41709e13fb159059df7f&survey_code="; +const COMPLETION_URL = "https://github.com/Yi-Chia-Chen/self-recog-causality"; // ###### ######## #### ######## ######## ######## #### ### // ## ## ## ## ## ## ## ## ## ## ## ## @@ -63,17 +46,16 @@ const OTHER_TRACE_VERSION_N = 3; // TRACE['social210_2'] = [ [time1, {'x':posX, 'y':posY}], [time2, {'x':posX, 'y':posY}], ...... ]; // key naming: [triggerType][0-330 orientation]_[version] -const BLOCK_N = 6; +const BLOCK_N = 1; const CONDITION_N = CONDITIONS.length; const ORIENTATIONS_N = ORIENTATIONS.length; const ORIENTATION_PER_CONDITION_PER_BLOCK = ORIENTATIONS_N / CONDITION_N; const INTERTRIAL_INTERVAL = 0.5; -const TEMPO_PRACTICE_MIN_TRIAL_N = 20; -const TEMPO_PRACTICE_MAX_TRIAL_N = 40; -const TEMPO_PRACTICE_MAX_REMAINING_N = - TEMPO_PRACTICE_MAX_TRIAL_N - TEMPO_PRACTICE_MIN_TRIAL_N; -const PASS_COUNT_CRITERIA = 4; +const TEMPO_PRACTICE_MIN_TRIAL_N = 5; +const TEMPO_PRACTICE_MAX_TRIAL_N = 10; +const TEMPO_PRACTICE_MAX_REMAINING_N = TEMPO_PRACTICE_MAX_TRIAL_N - TEMPO_PRACTICE_MIN_TRIAL_N; +const PASS_COUNT_CRITERIA = 2; const SCORE_DURATION = 0.5; const NOTICE_DURATION = 0.7; @@ -103,7 +85,6 @@ function CREATE_PRACTICE_LIST() { return SHUFFLE_ARRAY(practice_list); } - function CREATE_TRIAL_LIST() { let block_assignment_array = [ [1, 2, 3, 4, 5, 6], @@ -111,7 +92,7 @@ function CREATE_TRIAL_LIST() { [3, 4, 5, 6, 1, 2], [4, 5, 6, 1, 2, 3], [5, 6, 1, 2, 3, 4], - [6, 1, 2, 3, 4, 5], + [6, 1, 2, 3, 4, 5] ]; let size = block_assignment_array.length; let block_assignment_array_1 = SHUFFLE_ARRAY(block_assignment_array); @@ -121,19 +102,25 @@ function CREATE_TRIAL_LIST() { block_assignment_array_1 = SHUFFLE_ARRAY(block_assignment_array_1); block_assignment_array_2 = SHUFFLE_ARRAY(block_assignment_array_2); - let block_trial_dict = {1: [], 2: [], 3: [], 4: [], 5: [], 6: []} - for (let i=0; i