Forked from: js.openlab008's forked: MK7: 釣り forked: MK7: 釣り yellow134 Follow 2018-11-27 17:05:33 License: MIT License Fork0 Fav0 View124 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 54 lines HTML 42 lines CSS 10 lines forked: MK7: 釣り // forked from js.openlab008's "forked: MK7: 釣り" http://jsdo.it/js.openlab008/Syey // forked from js.ryomatsu's "MK7: Arm Controller by iPad" http://jsdo.it/js.ryomatsu/qjwb $(function(){ $("#btn-find").on("tap", function(){ k.find(); }); }); k.ready(function(){ // PIO0 k.pwmPeriod(k.PIO0, 10000); k.pwmMode(k.PIO0, k.KONASHI_PWM_ENABLE); // PIO1 k.pwmPeriod(k.PIO1, 10000); k.pwmMode(k.PIO1, k.KONASHI_PWM_ENABLE); // PIO2 k.pwmPeriod(k.PIO2, 10000); k.pwmMode(k.PIO2, k.KONASHI_PWM_ENABLE); // PIO3 k.pwmPeriod(k.PIO3, 10000); k.pwmMode(k.PIO3, k.KONASHI_PWM_ENABLE); // Starting the gravity sensing initEvent(); }); var initEvent = function() { window.addEventListener('deviceorientation', function(event) { var hduty = 500; var vduty = 1500; var angb = (event.beta); angb = Math.min(160,Math.max(0,angb)); $('.debug1').text(angb); var duty0 = hduty + angb/90 * (vduty - hduty); k.pwmDuty(k.PIO0, duty0); k.pwmDuty(k.PIO2, duty0/3); var rduty = 0; var fduty = 1400; var anga = (event.alpha); if( anga > 180 ){ anga = anga - 360;} anga = Math.min(90,Math.max(-90,anga)); $('.debug2').text(anga); var duty1 = fduty + anga/90 * (fduty - rduty); k.pwmDuty(k.PIO1, duty1); k.pwmDuty(k.PIO3, duty1/3); }); }; <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=2, minimum-scale=1, maximum-scale=1, user-scalable=no"> <!-- ratchet css --> <link rel="stylesheet" href="http://jsrun.it/assets/h/F/P/P/hFPPa"> </head> <body> <header class="bar-title"> <h1 class="title">MK:Arm Controller</h1> </header> <div class="content"> <div style="font-size: 30px; margin: 20px;"> Control the micro servo<br/> by tilting iPad </div> <div class="find"> <a id="btn-find" class="button-main button-block find">Find konashi</a> </div> <div class="debug1">-</div> <div class="debug2">-</div> </div> <!-- for konashijs --> <script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script> <!-- for this sample --> <!-- zepto --> <script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script> <!-- touch.js --> <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script> <!-- ratchet.js --> <script src="http://jsrun.it/assets/g/3/W/u/g3WuF"></script> </body> </html> forked: MK7: 釣り * { margin: 0; padding: 0; border: 0; } body { background: #dff; font: 40px sans-serif; } // forked from js.openlab008's "forked: MK7: 釣り" http://jsdo.it/js.openlab008/Syey // forked from js.ryomatsu's "MK7: Arm Controller by iPad" http://jsdo.it/js.ryomatsu/qjwb $(function(){ $("#btn-find").on("tap", function(){ k.find(); }); }); k.ready(function(){ // PIO0 k.pwmPeriod(k.PIO0, 10000); k.pwmMode(k.PIO0, k.KONASHI_PWM_ENABLE); // PIO1 k.pwmPeriod(k.PIO1, 10000); k.pwmMode(k.PIO1, k.KONASHI_PWM_ENABLE); // PIO2 k.pwmPeriod(k.PIO2, 10000); k.pwmMode(k.PIO2, k.KONASHI_PWM_ENABLE); // PIO3 k.pwmPeriod(k.PIO3, 10000); k.pwmMode(k.PIO3, k.KONASHI_PWM_ENABLE); // Starting the gravity sensing initEvent(); }); var initEvent = function() { window.addEventListener('deviceorientation', function(event) { var hduty = 500; var vduty = 1500; var angb = (event.beta); angb = Math.min(160,Math.max(0,angb)); $('.debug1').text(angb); var duty0 = hduty + angb/90 * (vduty - hduty); k.pwmDuty(k.PIO0, duty0); k.pwmDuty(k.PIO2, duty0/3); var rduty = 0; var fduty = 1400; var anga = (event.alpha); if( anga > 180 ){ anga = anga - 360;} anga = Math.min(90,Math.max(-90,anga)); $('.debug2').text(anga); var duty1 = fduty + anga/90 * (fduty - rduty); k.pwmDuty(k.PIO1, duty1); k.pwmDuty(k.PIO3, duty1/3); }); }; <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=2, minimum-scale=1, maximum-scale=1, user-scalable=no"> <!-- ratchet css --> <link rel="stylesheet" href="http://jsrun.it/assets/h/F/P/P/hFPPa"> </head> <body> <header class="bar-title"> <h1 class="title">MK:Arm Controller</h1> </header> <div class="content"> <div style="font-size: 30px; margin: 20px;"> Control the micro servo<br/> by tilting iPad </div> <div class="find"> <a id="btn-find" class="button-main button-block find">Find konashi</a> </div> <div class="debug1">-</div> <div class="debug2">-</div> </div> <!-- for konashijs --> <script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script> <!-- for this sample --> <!-- zepto --> <script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script> <!-- touch.js --> <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script> <!-- ratchet.js --> <script src="http://jsrun.it/assets/g/3/W/u/g3WuF"></script> </body> </html> * { margin: 0; padding: 0; border: 0; } body { background: #dff; font: 40px sans-serif; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author yellow134 Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/qg95/js"></script> html5_elements&api konashi other sample smartphones&tablets Discussion Questions on this code? Tags html5_elements&api konashi other sample smartphones&tablets