{"id":4451,"date":"2021-02-12T01:11:54","date_gmt":"2021-02-11T18:11:54","guid":{"rendered":"https:\/\/www.phidgets.com\/education\/?page_id=4451"},"modified":"2022-06-01T03:34:00","modified_gmt":"2022-05-31T20:34:00","slug":"thumbstick-control","status":"publish","type":"page","link":"https:\/\/www.phidgets.com\/education\/learn\/projects\/thumbstick-control\/","title":{"rendered":"Thumbstick Control"},"content":{"rendered":"

[et_pb_section bb_built=”1″ specialty=”off” next_background_color=”#000000″ _builder_version=”4.4.1″ custom_padding=”||0px|” box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″][et_pb_row _builder_version=”4.4.1″ use_custom_gutter=”on” gutter_width=”3″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″][et_pb_column type=”1_2″ custom_padding__hover=”|||” custom_padding=”|||”][et_pb_code admin_label=”Processing: Thumbstick Control” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]<\/p>\n

Projects<\/a> <\/div>\n

<\/p>\n

Thumbstick Control<\/h1>\n

[\/et_pb_code][et_pb_code admin_label=”Description” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]The Thumbstick Phidget is a great way to allow users to interact with your programs! It can monitor input on two axes and it has a push button input. In this project, you will learn how to use the Thumbstick Phidget to control an object in your Processing projects. <\/pee>[\/et_pb_code][et_pb_code admin_label=”ph-button-cta: Start” _builder_version=”4.4.1″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″] <\/p>\n

<\/div>\n

Start<\/a>[\/et_pb_code][\/et_pb_column][et_pb_column type=”1_2″ custom_padding__hover=”|||” custom_padding=”|||”][et_pb_video _builder_version=”4.6.6″ src=”https:\/\/www.phidgets.com\/education\/wp-content\/uploads\/2021\/02\/thumbstick_aimer.mp4″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ \/][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section bb_built=”1″ specialty=”on” _builder_version=”4.4.1″ use_custom_gutter=”on” gutter_width=”3″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ prev_background_color=”#000000″][et_pb_column type=”1_4″][et_pb_code admin_label=”ph-vertical-nav” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ saved_tabs=”all”]<\/p>\n

Setup<\/a> Write code<\/a> Data Interval<\/a> Practice<\/a><\/div>\n

[\/et_pb_code][\/et_pb_column][et_pb_column type=”3_4″ specialty_columns=”3″][et_pb_row_inner _builder_version=”4.4.1″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ module_id=”setup”][et_pb_column_inner type=”4_4″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”Setup” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ module_id=”setup”]<\/p>\n

Setup<\/h2>\n

Before getting started, make sure you have the following parts.<\/strong><\/pee>[\/et_pb_code][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=”4.4.1″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ custom_padding=”||0px|”][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”Part: thumbstick” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ saved_tabs=”all”]<\/p>\n

<\/p>\n
<\/p>\n
<\/p>\n
Sensors \/<\/a> HIN1100<\/a> <\/div>\n

<\/div>\n

<\/p>\n

<\/p>\n

Thumbstick Phidget<\/h3>\n

<\/div>\n

<\/div>\n

<\/p>\n

<\/div>\n

<\/div>\n

[\/et_pb_code][et_pb_code admin_label=”Part: usb cable” _builder_version=”4.4.1″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ saved_tabs=”all”]<\/p>\n

<\/p>\n
<\/p>\n
<\/p>\n
Cables\/<\/a> 3018<\/a> <\/div>\n

<\/div>\n

<\/p>\n

<\/p>\n

USB cable<\/h3>\n

<\/div>\n

<\/div>\n

<\/p>\n

<\/div>\n

<\/div>\n

[\/et_pb_code][\/et_pb_column_inner][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”Part: vint” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ saved_tabs=”all”]<\/p>\n

<\/p>\n
<\/p>\n
<\/p>\n
Controllers \/<\/a> hub0000<\/a> <\/div>\n

<\/div>\n

<\/p>\n

<\/p>\n

VINT Hub<\/h3>\n

<\/div>\n

<\/div>\n

<\/p>\n

<\/div>\n

<\/div>\n

[\/et_pb_code][\/et_pb_column_inner][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”Part: phidget cable” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ saved_tabs=”all”]<\/p>\n

<\/p>\n
<\/p>\n
<\/p>\n
Cables\/<\/a> 3003<\/a> <\/div>\n

<\/div>\n

<\/p>\n

<\/p>\n

Phidget cable<\/h3>\n

<\/div>\n

<\/div>\n

<\/p>\n

<\/div>\n

<\/div>\n

[\/et_pb_code][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=”Row”][et_pb_column_inner type=”1_2″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”Step 1″ _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]<\/p>\n

Step 1<\/h3>\n

Attach the Thumbstick Phidget to your computer.<\/pee>[\/et_pb_code][\/et_pb_column_inner][et_pb_column_inner type=”1_2″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_image _builder_version=”4.6.6″ src=”https:\/\/www.phidgets.com\/education\/wp-content\/uploads\/2020\/04\/setup-tumbstick.jpg” box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ show_in_lightbox=”on” \/][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=”Row” disabled_on=”on|on|on” disabled=”on”][et_pb_column_inner type=”4_4″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=” (invisible anchor)” _builder_version=”4.4.1″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” module_id=”move” module_class=”ph-hidden-anchor” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ \/][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ module_id=”write-code”][et_pb_column_inner type=”4_4″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”Write code Java” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]<\/p>\n

Write Code<\/h2>\n

Copy the code below into a new Processing project. If you need a reminder of how to do this, revisit the Getting Started Course.<\/a>[\/et_pb_code][et_pb_code admin_label=”Code Sample – Processing” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]<\/p>\n

  \/\/Add Phidgets Libraryimport com.phidget22.*;\/\/DefineDigitalInput button;VoltageRatioInput horizontal;VoltageRatioInput vertical;int d = 120;        \/\/ diameter of the circledouble xpos, ypos;    \/\/ Starting position of shape    void setup(){  size(400,400);  noStroke();  xpos = width\/2;  ypos = height\/2;    try{        \/\/Create     button = new DigitalInput();    horizontal = new VoltageRatioInput();    vertical = new VoltageRatioInput();        \/\/Address    vertical.setChannel(0);    horizontal.setChannel(1);    \/\/Open    button.open(1000);    vertical.open(1000);    horizontal.open(1000);        \/\/Set Data Interval    vertical.setDataInterval(vertical.getMinDataInterval());    horizontal.setDataInterval(horizontal.getMinDataInterval());      }catch(Exception e){    e.printStackTrace();  }}void draw(){    try{    \/\/Use your Phidgets        if(button.getState()){      background(random(255),random(255),random(255));    }    else{       background(102);    }        \/\/Map thumbstick range to window size    xpos = ((horizontal.getVoltageRatio() + 1) * width)\/2;    ypos = ((vertical.getVoltageRatio() + 1) * height)\/2;        \/\/ Draw the shape    circle((float)xpos, (float)ypos, d);              }catch(Exception e){    e.printStackTrace();  }}  <\/code><\/pre>\n
[\/et_pb_code][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″][et_pb_column_inner type=”4_4″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”Instructions” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]Run your program. The circle will track to your Thumbstick’s position. Try pressing the thumbstick down to change the background color!<\/>[\/et_pb_code][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ module_id=”datainterval”][et_pb_column_inner type=”4_4″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”Data Interval” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]<\/p>\n
Data Interval<\/h2>\n
If you haven\u2019t already, make sure to check out the Advanced Lesson on Data Interval<\/a> to understand the code.<\/pee>[\/et_pb_code][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″ module_id=”practice”][et_pb_column_inner type=”4_4″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”Practice” _builder_version=”4.6.6″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]<\/p>\n
Practice<\/h2>\n
<\/p>\n
    <\/p>\n
  1. Try commenting out the Data Interval lines and run the program. What do you notice? Why does this occur?<\/li>\n
    <\/p>\n
  2. Modify your code so the circle \u201cpaints\u201d the background. <\/li>\n
    <\/p>\n
  3. Modify your code so that when the button is pressed, a new shape is generated.<\/li>\n
    <\/ol>\n
    [\/et_pb_code][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=”Row”][et_pb_column_inner type=”4_4″ saved_specialty_column_type=”3_4″ custom_padding__hover=”|||” custom_padding=”|||” saved_specialty_column_type=”3_4″][et_pb_code admin_label=”ph-button-cta: Back to Projects” _builder_version=”4.4.1″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” vertical_offset_tablet=”0″ horizontal_offset_tablet=”0″ z_index_tablet=”0″]  <\/p>\n
    <\/div>\n
      Back to Projects<\/a>[\/et_pb_code][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":842,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\r\n
    This is an example page. It's different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\r\n\r\n
    \r\n
    Hi there! I'm a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like pi\u00f1a coladas. (And gettin' caught in the rain.)<\/p>\r\n<\/blockquote>\r\n\r\n
    ...or something like this:<\/p>\r\n\r\n
    \r\n
    The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.<\/p>\r\n<\/blockquote>\r\n\r\n
    As a new WordPress user, you should go to your dashboard<\/a> to delete this page and create new pages for your content. Have fun!<\/p>\r\n","_et_gb_content_width":"","footnotes":""},"class_list":["post-4451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.phidgets.com\/education\/wp-json\/wp\/v2\/pages\/4451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phidgets.com\/education\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.phidgets.com\/education\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.phidgets.com\/education\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phidgets.com\/education\/wp-json\/wp\/v2\/comments?post=4451"}],"version-history":[{"count":13,"href":"https:\/\/www.phidgets.com\/education\/wp-json\/wp\/v2\/pages\/4451\/revisions"}],"predecessor-version":[{"id":8250,"href":"https:\/\/www.phidgets.com\/education\/wp-json\/wp\/v2\/pages\/4451\/revisions\/8250"}],"up":[{"embeddable":true,"href":"https:\/\/www.phidgets.com\/education\/wp-json\/wp\/v2\/pages\/842"}],"wp:attachment":[{"href":"https:\/\/www.phidgets.com\/education\/wp-json\/wp\/v2\/media?parent=4451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}