remote-calibrator 0.2.1 → 0.2.2-beta.3

package/CHANGELOG.md

@@ -7,6 +7,25 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- Sound feedback (2000 Hz, 0.05 s) for responses in blind spot test.
+- `showNextButton` option for panel. If set to `false` (default), automatically proceed to the final callback after finishing the last task.
+- `nextHeadline` and `nextDescription` in panel options to change panel text after finishing all calibrations.
+- Blind spot floating instructions move along with the crosshair.
+- Add credit text for blind spot test and credit card trick on the corresponding pages.
+
+### Changed
+
+- Changed "cross" to "crosshair" in default task descriptions.
+- SLightly thinner crosshair line width.
+- When not tracking near point, `nearPointCm` is stored as `[null, null]` instead of `null`.
+
+### Fixed
+
+- Floating instructions don't show in blind spot test for head tracking, when near point is turned off.
+- Dependency security issues.
+
 ## [0.2.1] - 2021-09-14
 
 Minor fixes and updates.

package/README.md

@@ -145,8 +145,12 @@ You can customize the panel element with the following options.
 ```js
 /* [options] Default value */
 {
-  headline: `To calibrate, press a button!`,
+  headline: `Please press a button, to calibrate.`,
   description: ``,
+  color: '#3490de', // Main color of the panel
+  showNextButton: false, // If set to false, will execute the callback right after the last calibration task
+  nextHeadline: `Thanks for calibrating. Hit the button to continue.`,
+  nextDescription: ``,
   nextButton: `Done`,
 }
 ```

package/homepage/example.js

@@ -111,8 +111,9 @@ function makePanel(e) {
       },
     ],
     '#experiment',
-    {
-      _demoActivateAll: true,
+    {},
+    () => {
+      printMessage('Panel finished!')
     }
   )
   changeClass(e.target, 'complete')
@@ -126,9 +127,9 @@ function makePanel(e) {
 function measureDisplaySize(e) {
   RemoteCalibrator.displaySize(displayData => {
     printMessage(
-      `Display size is ${displayData.value.displayWidthPx}px in width and ${
+      `Display size is ${displayData.value.displayWidthPx} px in width and ${
         displayData.value.displayHeightPx
-      }px in height, measured at ${parseTimestamp(displayData.timestamp)}.`
+      } px in height, measured at ${parseTimestamp(displayData.timestamp)}.`
     )
 
     changeClass(e.target, 'complete')
@@ -143,9 +144,9 @@ function measureDisplaySize(e) {
 function measureScreenSize(e) {
   RemoteCalibrator.screenSize({}, screenData => {
     printMessage(
-      `Screen size is ${screenData.value.screenDiagonalIn}in [Width: ${
+      `Screen size is ${screenData.value.screenDiagonalIn} in [Width: ${
         screenData.value.screenWidthCm
-      }cm, Height: ${screenData.value.screenHeightCm}cm, PPI: ${
+      } cm, Height: ${screenData.value.screenHeightCm} cm, PPI: ${
         screenData.value.screenPpi
       }, PPI (Physical): ${
         screenData.value.screenPhysicalPpi
@@ -160,7 +161,7 @@ const measureDistanceCallback = distanceData => {
   printMessage(
     `The viewing distance is ${
       distanceData.value
-    }cm, measured at ${parseTimestamp(distanceData.timestamp)}, by ${
+    } cm, measured at ${parseTimestamp(distanceData.timestamp)}, by ${
       distanceData.method
     } method.`
   )
@@ -201,11 +202,11 @@ function trackViewingDistance(e) {
       trackP.innerHTML = gotData(
         `The dynamic viewing distance is ${
           data.value.viewingDistanceCm
-        }cm at ${parseTimestamp(data.timestamp)}, measured by ${
+        } cm at ${parseTimestamp(data.timestamp)}, measured by ${
           data.method
-        } method. The near point is at [${data.value.nearPointCm.x}cm, ${
+        } method. The near point is at [${data.value.nearPointCm.x} cm, ${
           data.value.nearPointCm.y
-        }cm] compared to the center of the screen.`
+        } cm] compared to the center of the screen.`
       )
     }
   )
@@ -300,9 +301,9 @@ function trackGaze(e) {
     },
     data => {
       gazeP.innerHTML = gotData(
-        `The gaze position is [${data.value.x}px, ${
+        `The gaze position is [${data.value.x} px, ${
           data.value.y
-        }px] at ${parseTimestamp(data.timestamp)}.`
+        } px] at ${parseTimestamp(data.timestamp)}.`
       )
     }
   )