\n#pragma once\n \n#include "ofMain.h"\n#include "ofxOsc.h"\n \n#define HOST "172.29.1.138" \/\/ change to our iphone's ip address\n#define PORT 12345 \/\/ and the oscReceiver port number\n \n\/\/--------------------------------------------------------\nclass testApp : public ofBaseApp{\n \n public:\n \n void setup();\n void update();\n void draw();\n \n void keyPressed(int key);\n void keyReleased(int key);\n void mouseMoved(int x, int y );\n void mouseDragged(int x, int y, int button);\n void mousePressed(int x, int y, int button);\n void mouseReleased(int x, int y, int button);\n void windowResized(int w, int h);\n void dragEvent(ofDragInfo dragInfo);\n void gotMessage(ofMessage msg); \n \n ofTrueTypeFont font;\n ofxOscSender sender;\n \n};\n<\/pre><\/div>\n\n\ntestApp.cpp<\/strong><\/p>\n\n\n\n#include "testApp.h"\n \n\/\/--------------------------------------------------------------\nvoid testApp::setup(){\n \n ofBackground( 40, 100, 40 );\n \n \/\/ open an outgoing connection to HOST:PORT\n sender.setup( HOST, PORT );\n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::update(){\n ofxOscMessage m;\n m.setAddress( "\/mouse\/position" );\n m.addIntArg( mouseX );\n m.addIntArg( mouseY );\n sender.sendMessage( m );\n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::draw(){\n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::keyPressed (int key){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::keyReleased(int key){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::mouseMoved(int x, int y ){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::mouseDragged(int x, int y, int button){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::mousePressed(int x, int y, int button){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::mouseReleased(int x, int y, int button){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::windowResized(int w, int h){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::gotMessage(ofMessage msg){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::dragEvent(ofDragInfo dragInfo){ \n \n}\n<\/pre><\/div>\n\n\nOnce we compile this code, we leave the application running on our desktop environment. Now we copy the oscReceiverExample in the iOS branch of openFrameworks and work from there. Here is the code for the iPhone application that will run on our phone:<\/p>\n\n\n\n
testApp.h<\/strong><\/p>\n\n\n\n#pragma once\n \n#include "ofMain.h"\n#include "ofxiPhone.h"\n#include "ofxiPhoneExtras.h"\n#include "ofxOsc.h"\n \n\/\/ listen on port 12345\n#define PORT 12345\n#define NUM_MSG_STRINGS 20\n \nclass testApp : public ofxiPhoneApp {\n \n public:\n void setup();\n void update();\n void draw();\n void exit();\n \n void touchDown(ofTouchEventArgs &touch);\n void touchMoved(ofTouchEventArgs &touch);\n void touchUp(ofTouchEventArgs &touch);\n void touchDoubleTap(ofTouchEventArgs &touch);\n void touchCancelled(ofTouchEventArgs &touch);\n \n void lostFocus();\n void gotFocus();\n void gotMemoryWarning();\n void deviceOrientationChanged(int newOrientation);\n \n ofxOscReceiver receiver;\n int mouseX, mouseY;\n};\n<\/pre><\/div>\n\n\ntestApp.mm<\/strong><\/p>\n\n\n\n#include "testApp.h"\n \n\/\/--------------------------------------------------------------\nvoid testApp::setup(){\n ofSetOrientation(OF_ORIENTATION_90_LEFT);\n \n \/\/ listen on the given port\n cout << "listening for osc messages on port " << PORT << "\\n";\n receiver.setup( PORT );\n mouseX = 0;\n mouseY = 0;\n ofBackground( 0 );\n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::update(){\n \/\/ check for waiting messages\n while( receiver.hasWaitingMessages() ){\n \/\/ get the next message\n ofxOscMessage m;\n receiver.getNextMessage( &m );\n \n \/\/ check for mouse moved message\n if( m.getAddress() == "\/mouse\/position" ){\n \/\/ both the arguments are int32's\n mouseX = m.getArgAsInt32( 0 );\n mouseY = m.getArgAsInt32( 1 );\n }\n } \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::draw(){\n ofBackground(0);\n ofSphere(mouseX, mouseY, 0, 50);\n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::exit(){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::touchDown(ofTouchEventArgs &touch){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::touchMoved(ofTouchEventArgs &touch){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::touchUp(ofTouchEventArgs &touch){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::touchDoubleTap(ofTouchEventArgs &touch){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::lostFocus(){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::gotFocus(){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::gotMemoryWarning(){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::deviceOrientationChanged(int newOrientation){\n \n}\n \n\/\/--------------------------------------------------------------\nvoid testApp::touchCancelled(ofTouchEventArgs& args){\n \n}\n<\/pre><\/div>\n\n\nWith each application running on their respective devices, we should see a Sphere on our phone move based on our Laptop\/Desktop\u2019s mouse movement. If it isn\u2019t working, it is very likely it is a network issue. Make sure you turn off your Firewalls on each device, and double check the IP address and port numbers. Try a different port if it still doesn\u2019t work, something above 10000. This is just a simple idea, but can be extended to your own purposes to send any control data you wish. Going in the other direction, you can use your own Laptop\/Desktop with an interactive touchPad: your iPhone or iPad.<\/p>\n<\/div>\n<\/div>\n","protected":false},"featured_media":3037,"template":"","categories":[15],"teaching-type":[396],"class_list":["post-2984","pkm_teaching","type-pkm_teaching","status-publish","has-post-thumbnail","hentry","category-teaching","teaching-type-creative-coding"],"acf":[],"_links":{"self":[{"href":"https:\/\/pkmital.com\/home\/wp-json\/wp\/v2\/pkm_teaching\/2984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pkmital.com\/home\/wp-json\/wp\/v2\/pkm_teaching"}],"about":[{"href":"https:\/\/pkmital.com\/home\/wp-json\/wp\/v2\/types\/pkm_teaching"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pkmital.com\/home\/wp-json\/wp\/v2\/media\/3037"}],"wp:attachment":[{"href":"https:\/\/pkmital.com\/home\/wp-json\/wp\/v2\/media?parent=2984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pkmital.com\/home\/wp-json\/wp\/v2\/categories?post=2984"},{"taxonomy":"teaching-type","embeddable":true,"href":"https:\/\/pkmital.com\/home\/wp-json\/wp\/v2\/teaching-type?post=2984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/pkmital.com\/home\/wp-content\/uploads\/2023\/08\/6876558695_c99dfcd3ae_o-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/pkmital.com\/home\/wp-content\/uploads\/2023\/08\/Screen-Shot-2012-03-28-at-1.11.27-PM-1.png\")
<\/figure>\n\n\n\n