Asset Library

Description

Located below are a set of icons and labels that were prototyped for Augmented Reality Health Tutorials for using lancing devices and glucose meters.

This section shows the AR buttons and labels that were used for tutorial navigation and sections of the lancing device/glucose meter models.

For each logo a corresponding 3d model is shown along with the corresponding MaterialX material.

Shown below are:

AR buttons used to represent parts of the lancing device model or glucose meter model. Other button labels shown are for the tutorial and hiding user interface controls. Labels were created using Adobe Illustrator and Figma. The 3D models were created using Blender and MaterialX libraries.
Various labels that that represent the different parts of the glucose meter such as the test strip port or ok button. Other labels show templates for the tutorial section, tutorial progress, and more detailed cards for parts of the lancing device/glucose meter

The materials and geometry were generated using custom Python scripts using Blender and MaterialX libraries.

Graphic

3D Model

Material

back_button.png

<materialx version="1.39">
  <standard_surface name="back_button_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="back_button_image" />
  </standard_surface>
  <surfacematerial name="back_button_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="back_button_shader" />
  </surfacematerial>
  <tiledimage name="back_button_image" type="color3">
    <input name="file" type="filename" value="back_button.png" />
  </tiledimage>
</materialx>

back_description.png

<materialx version="1.39">
  <standard_surface name="back_description_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="back_description_image" />
  </standard_surface>
  <surfacematerial name="back_description_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="back_description_shader" />
  </surfacematerial>
  <tiledimage name="back_description_image" type="color3">
    <input name="file" type="filename" value="back_description.png" />
  </tiledimage>
</materialx>

hide_info.png

<materialx version="1.39">
  <standard_surface name="hide_info_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="hide_info_image" />
  </standard_surface>
  <surfacematerial name="hide_info_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="hide_info_shader" />
  </surfacematerial>
  <tiledimage name="hide_info_image" type="color3">
    <input name="file" type="filename" value="hide_info.png" />
  </tiledimage>
</materialx>

hide_tutorial.png

<materialx version="1.39">
  <standard_surface name="hide_tutorial_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="hide_tutorial_image" />
  </standard_surface>
  <surfacematerial name="hide_tutorial_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="hide_tutorial_shader" />
  </surfacematerial>
  <tiledimage name="hide_tutorial_image" type="color3">
    <input name="file" type="filename" value="hide_tutorial.png" />
  </tiledimage>
</materialx>

lancing_1.png

<materialx version="1.39">
  <standard_surface name="lancing_1_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="lancing_1_image" />
  </standard_surface>
  <surfacematerial name="lancing_1_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="lancing_1_shader" />
  </surfacematerial>
  <tiledimage name="lancing_1_image" type="color3">
    <input name="file" type="filename" value="lancing_1.png" />
  </tiledimage>
</materialx>

links.png

<materialx version="1.39">
  <standard_surface name="links_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="links_image" />
  </standard_surface>
  <surfacematerial name="links_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="links_shader" />
  </surfacematerial>
  <tiledimage name="links_image" type="color3">
    <input name="file" type="filename" value="links.png" />
  </tiledimage>
</materialx>

micro usb port.png

<materialx version="1.39">
  <standard_surface name="micro_usb_port_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="micro_usb_port_image" />
  </standard_surface>
  <surfacematerial name="micro_usb_port_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="micro_usb_port_shader" />
  </surfacematerial>
  <tiledimage name="micro_usb_port_image" type="color3">
    <input name="file" type="filename" value="micro usb port.png" />
  </tiledimage>
</materialx>

next.png

<materialx version="1.39">
  <standard_surface name="next_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="next_image" />
  </standard_surface>
  <surfacematerial name="next_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="next_shader" />
  </surfacematerial>
  <tiledimage name="next_image" type="color3">
    <input name="file" type="filename" value="next.png" />
  </tiledimage>
</materialx>

Ok button.png

<materialx version="1.39">
  <standard_surface name="Ok_button_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="Ok_button_image" />
  </standard_surface>
  <surfacematerial name="Ok_button_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="Ok_button_shader" />
  </surfacematerial>
  <tiledimage name="Ok_button_image" type="color3">
    <input name="file" type="filename" value="Ok button.png" />
  </tiledimage>
</materialx>

ok_button_description.png

<materialx version="1.39">
  <standard_surface name="ok_button_description_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="ok_button_description_image" />
  </standard_surface>
  <surfacematerial name="ok_button_description_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="ok_button_description_shader" />
  </surfacematerial>
  <tiledimage name="ok_button_description_image" type="color3">
    <input name="file" type="filename" value="ok_button_description.png" />
  </tiledimage>
</materialx>

playanimation.png

<materialx version="1.39">
  <standard_surface name="playanimation_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="playanimation_image" />
  </standard_surface>
  <surfacematerial name="playanimation_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="playanimation_shader" />
  </surfacematerial>
  <tiledimage name="playanimation_image" type="color3">
    <input name="file" type="filename" value="playanimation.png" />
  </tiledimage>
</materialx>

preplancingdevice.png

<materialx version="1.39">
  <standard_surface name="preplancingdevice_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="preplancingdevice_image" />
  </standard_surface>
  <surfacematerial name="preplancingdevice_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="preplancingdevice_shader" />
  </surfacematerial>
  <tiledimage name="preplancingdevice_image" type="color3">
    <input name="file" type="filename" value="preplancingdevice.png" />
  </tiledimage>
</materialx>

prev.png

<materialx version="1.39">
  <standard_surface name="prev_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="prev_image" />
  </standard_surface>
  <surfacematerial name="prev_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="prev_shader" />
  </surfacematerial>
  <tiledimage name="prev_image" type="color3">
    <input name="file" type="filename" value="prev.png" />
  </tiledimage>
</materialx>

range indicator.png

<materialx version="1.39">
  <standard_surface name="range_indicator_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="range_indicator_image" />
  </standard_surface>
  <surfacematerial name="range_indicator_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="range_indicator_shader" />
  </surfacematerial>
  <tiledimage name="range_indicator_image" type="color3">
    <input name="file" type="filename" value="range indicator.png" />
  </tiledimage>
</materialx>

range_ind_description.png

<materialx version="1.39">
  <standard_surface name="range_ind_description_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="range_ind_description_image" />
  </standard_surface>
  <surfacematerial name="range_ind_description_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="range_ind_description_shader" />
  </surfacematerial>
  <tiledimage name="range_ind_description_image" type="color3">
    <input name="file" type="filename" value="range_ind_description.png" />
  </tiledimage>
</materialx>

show_info.png

<materialx version="1.39">
  <standard_surface name="show_info_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="show_info_image" />
  </standard_surface>
  <surfacematerial name="show_info_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="show_info_shader" />
  </surfacematerial>
  <tiledimage name="show_info_image" type="color3">
    <input name="file" type="filename" value="show_info.png" />
  </tiledimage>
</materialx>

show_tutorial.png

<materialx version="1.39">
  <standard_surface name="show_tutorial_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="show_tutorial_image" />
  </standard_surface>
  <surfacematerial name="show_tutorial_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="show_tutorial_shader" />
  </surfacematerial>
  <tiledimage name="show_tutorial_image" type="color3">
    <input name="file" type="filename" value="show_tutorial.png" />
  </tiledimage>
</materialx>

Test Strip Port.png

<materialx version="1.39">
  <standard_surface name="Test_Strip_Port_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="Test_Strip_Port_image" />
  </standard_surface>
  <surfacematerial name="Test_Strip_Port_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="Test_Strip_Port_shader" />
  </surfacematerial>
  <tiledimage name="Test_Strip_Port_image" type="color3">
    <input name="file" type="filename" value="Test Strip Port.png" />
  </tiledimage>
</materialx>

test_strip_port_description.png

<materialx version="1.39">
  <standard_surface name="test_strip_port_description_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="test_strip_port_description_image" />
  </standard_surface>
  <surfacematerial name="test_strip_port_description_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="test_strip_port_description_shader" />
  </surfacematerial>
  <tiledimage name="test_strip_port_description_image" type="color3">
    <input name="file" type="filename" value="test_strip_port_description.png" />
  </tiledimage>
</materialx>

unit of measure.png

<materialx version="1.39">
  <standard_surface name="unit_of_measure_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="unit_of_measure_image" />
  </standard_surface>
  <surfacematerial name="unit_of_measure_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="unit_of_measure_shader" />
  </surfacematerial>
  <tiledimage name="unit_of_measure_image" type="color3">
    <input name="file" type="filename" value="unit of measure.png" />
  </tiledimage>
</materialx>

unit_measure_description.png

<materialx version="1.39">
  <standard_surface name="unit_measure_description_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="unit_measure_description_image" />
  </standard_surface>
  <surfacematerial name="unit_measure_description_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="unit_measure_description_shader" />
  </surfacematerial>
  <tiledimage name="unit_measure_description_image" type="color3">
    <input name="file" type="filename" value="unit_measure_description.png" />
  </tiledimage>
</materialx>

up_down.png

<materialx version="1.39">
  <standard_surface name="up_down_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="up_down_image" />
  </standard_surface>
  <surfacematerial name="up_down_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="up_down_shader" />
  </surfacematerial>
  <tiledimage name="up_down_image" type="color3">
    <input name="file" type="filename" value="up_down.png" />
  </tiledimage>
</materialx>

up_down_description.png

<materialx version="1.39">
  <standard_surface name="up_down_description_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="up_down_description_image" />
  </standard_surface>
  <surfacematerial name="up_down_description_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="up_down_description_shader" />
  </surfacematerial>
  <tiledimage name="up_down_description_image" type="color3">
    <input name="file" type="filename" value="up_down_description.png" />
  </tiledimage>
</materialx>

usb_port_description.png

<materialx version="1.39">
  <standard_surface name="usb_port_description_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="usb_port_description_image" />
  </standard_surface>
  <surfacematerial name="usb_port_description_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="usb_port_description_shader" />
  </surfacematerial>
  <tiledimage name="usb_port_description_image" type="color3">
    <input name="file" type="filename" value="usb_port_description.png" />
  </tiledimage>
</materialx>

vert-card.png

<materialx version="1.39">
  <standard_surface name="vert_card_shader" type="surfaceshader">
    <input name="base_color" type="color3" nodename="vert_card_image" />
  </standard_surface>
  <surfacematerial name="vert_card_material" type="material">
    <input name="surfaceshader" type="surfaceshader" nodename="vert_card_shader" />
  </surfacematerial>
  <tiledimage name="vert_card_image" type="color3">
    <input name="file" type="filename" value="vert-card.png" />
  </tiledimage>
</materialx>