# Find the Hotspot (H5P.ImageHotspotQuestion)

A picture in which the learner clicks the right area: a part of a diagram, a place on a map.

- `imageHotspotQuestion.backgroundImageSettings` is the picture.
- Each item of `imageHotspotQuestion.hotspotSettings.hotspot` is an area: `computedSettings` holds `x`, `y`, `width` and `height` in percent of the picture from its top left, and `figure`, `"rectangle"` or `"circle"`; `userSettings.correct` says whether it is the right one, and `userSettings.feedbackText` what a click on it says. At least one is correct.
- `hotspotSettings.noneSelectedFeedback` is said for a click outside every area.

## Example

```json
{
  "type": "H5P.ImageHotspotQuestion",
  "params": {
    "imageHotspotQuestion": {
      "backgroundImageSettings": { "path": "delta.png" },
      "hotspotSettings": {
        "taskDescription": "Click the river's mouth.",
        "hotspot": [
          { "computedSettings": { "x": 60, "y": 55, "width": 20, "height": 20, "figure": "circle" }, "userSettings": { "correct": true, "feedbackText": "Yes: here it meets the sea." } },
          { "computedSettings": { "x": 10, "y": 10, "width": 25, "height": 25, "figure": "rectangle" }, "userSettings": { "correct": false, "feedbackText": "That is upstream." } }
        ],
        "noneSelectedFeedback": "Look where the river widens into the sea."
      }
    }
  }
}
```

<!-- Generated by `h5p-author schema --markdown` from the pinned pack. Do not edit by hand. -->

## Fields of H5P.ImageHotspotQuestion 1.8

The example is `type` and `params` alone, and `params` holds the fields below. A source also names its own `title`, `language`, `license` and `authors`, all four required: the build refuses a source that leaves out any of them. The author's name and the licence are the user's: ask for what they have not given. For a name they skip, write the one you know them by, or "Unknown"; for a licence they skip, `U`.

- `imageHotspotQuestion` group — Image Hotspot Question Editor
  - `backgroundImageSettings` image file, required — Background image
  - `hotspotSettings` group — Hotspots
    - `taskDescription` text — Task description: Instructions to the user.
    - `hotspot` list of — Hotspot
      - `userSettings` group — userSettings
        - `correct` boolean — Correct
        - `feedbackText` text — Feedback
      - `computedSettings` group — computedSettings
        - `x` number
        - `y` number
        - `width` number
        - `height` number
        - `figure` text
    - `noneSelectedFeedback` text — Feedback if the user selects an empty spot:
    - `showFeedbackAsPopup` boolean = true — Show feedback as a popup

4 interface texts are left out: they come from the libraries' translations. `h5p-author schema H5P.ImageHotspotQuestion --all` lists them, for a source to set one.

<!-- End of the generated section. -->