{% extends "base.html" %} {% block content %}
{% set perc = 25*session['game1']['completed_task'] %}
{% if session['game1']['completed_task'] == 4 %}
{% endif %}
{% if session['game1']['current_task'] == 1 %} {% set task1_status = 'is-active' %} {% elif session['game1']['current_task'] == 2 %} {% set task2_status = 'is-active' %} {% elif session['game1']['current_task'] == 3 %} {% set task3_status = 'is-active' %} {% elif session['game1']['current_task'] == 4 %} {% set task4_status = 'is-active' %} {% endif %}
{% if session['game1']['current_task'] >= 1 %}
Task 1: FOV
{% endif %} {% if session['game1']['current_task'] >=2 %}
Task 2: Matrix Size
{% endif %} {% if session['game1']['current_task'] >=3 %}
Task 3: Zero-Fill
{% endif %} {% if session['game1']['current_task'] == 4 %}
Task 4: Windowing
{% endif %}

Instructions

We will be imaging an elliptic object in this experiment. Input the below values into the FOV field and press "Run" on the right. Observe how the image changes with increasing and decreasing values.

  • 1. FOV: 105mm
  • 2. FOV: 150mm
  • 3. FOV: 315mm
  • 4. FOV: 400mm
After you are done, answer Question 1 and continue to the Task.

Task: Finding the perfect FOV size

Change the FOV sizes to find the perfect FOV that allows the entire object to be seen in the scan area. {% if session['game1']['FOV_scale'] < 0.2 %}


Increase the FOV to zoom out!
{% elif session['game1']['FOV_scale'] > 0.3 %}

Decrease the FOV to zoom in!
{% else %}

Perfect FOV achieved!
Task 2 Unlocked!
{% endif %}

Instructions

1. Experiment with multiple Matrix sizes and observe how the image changes with increasing and decreasing values.
2. After you are done, answer Question 2 and continue to the task!

Task: Finding the perfect Matrix Size

Find a large enough matrix size so that when you can't see individual pixels. {% if session['game1']['Matrix_scale'] < 300 %}


Continue to increase the Matrix Size. You are close.
{% else %}
Perfect Matrix Size Achieved!
Task 3 Unlocked!
{% endif %}

Instructions

1. Set Matrix Size = 32. Experiment with different Zero-Fill values and observe how the image changes.
2. After you are done, answer Question 3 and continue to the task!

Task: What does the zero-fill do?

Set the matrix size to 32 and the zero-fill to 400 and observe how the image changes. {% if session['game1']['completed_task'] == 3 %}


Task 3 Completed
Task 4 Unlocked!
{% endif %}

Instructions

Input the following values into the Windowing Slider and observe contrast changes in the image:

Task: Manipulating Intensity Values

Select intensity values to produce the most contrast! {% if session['game1']['Min_scale'] > 0.02 %}


Decrease Minimum value
{% elif session['game1']['Max_scale'] < 0.98 %}

Increase Maximum value
{% else %}

Perfect Windowing Achieved!
Game 3 Unlocked
Continue to Game 3!
{% endif %}
Messages
{% if session['game1']['current_task'] == 1 %} Change the "FOV" value and click "RUN" to acquire a new image and observe changes. {% elif session['game1']['current_task'] == 2 %} Change the "Matrix Size" value and click "RUN" to acquire a new image and observe changes! {% elif session['game1']['current_task'] == 3 %} Change the "Zero-fill matrix size" value and click "RUN" to acquire a new image and observe changes! {% elif session['game1']['current_task'] == 4 %} Change the min and max values in the Windowing panel and "RUN" to observe how contrast changes! {% if session['game1']['completed_task'] == 4 %} Complete the remaining multiple-choice questions to earn up to five stars! {% endif %} {% endif %}
Questions
{{ G1Form.hidden_tag() }}
Image
Image settings
FOV
{{G1Form.FOV_scale.label(class="form-label")}}
Matrix Size
{{ G1Form.Matrix_scale.label(class="form-label") }}
Voxel Size
{{ G1Form.Voxel_scale.label(class="form-label") }}
Zero-fill matrix size
{{ G1Form.zero_fill.label }} {{ G1Form.zero_fill.value }}
Windowing
{{ G1Form.from_slider_value(id="fromSlider", class="", min="0", max="100", value=(session['game1']['Min_scale'])*100) }} {{ G1Form.to_slider_value(id="toSlider", class="",min="0", max="100", value=(session['game1']['Max_scale'])*100) }}
Min
{{ G1Form.min_value(class="form-control container__time__input", id="fromInput", min="0", max="100", value=(session['game1']['Min_scale'] * 100)) }}
Max {{ G1Form.max_value(class="form-control container__time__input", id="toInput", min="0", max="100", value=(session['game1']['Max_scale'] * 100)) }}
{% endblock %} {% block questions %} {# #} {% endblock %} {% block additional_imports %} {% endblock %}