2018-11-27 17:05:33

License: MIT License

Fork: 0

Fav: 0

View: 162

Play
Stop
Reload

Fullscreen

Smart Phone

Readme
JavaScript 54 lines
HTML 42 lines
CSS 10 lines

forked: MK7: 釣り

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">

<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>

<script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script>

<script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script>
        
        <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script>
        
        <script src="http://jsrun.it/assets/g/3/W/u/g3WuF"></script>
    </body>
</html>

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">  <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>  <script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script>   <script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script>  <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script>  <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; }

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

yellow134

Size

Width: px
Height: px

code

<script type="text/javascript" src="http://jsdo.it/blogparts/qg95/js"></script>

QR Code

Discussion

Questions on this code?

forked: MK7: 釣り

Description What kind of game?

Control Device

Fullscreen

Author

Default Panel

Size

code

Discussion

Tags