2018-12-20 13:01:03

License: MIT License

Fork: 0

Fav: 0

View: 127

Play
Stop
Reload

Fullscreen

Smart Phone

Readme
JavaScript 46 lines
HTML 62 lines
CSS 11 lines

forked: konashi spi

$(function(){
    $("#btn-find").on("tap", function(){
        k.find();
    });
});

$(function(){
    $("#btn-send11").on("tap", function(){
        k.digitalWrite(2, k.LOW);
        k.spiWrite("ABCDEFGHIJ");
        k.digitalWrite(2, k.HIGH);
    });
});
  
$(function(){
    $("#btn-send25").on("tap", function(){
        k.digitalWrite(2, k.LOW);
        k.spiWrite("ABCDEFGHIJABCDEFGHIJABCDE");
        k.digitalWrite(2, k.HIGH);
    });
});
k.completeWriteSPI(function() {
    k.spiReadRequest();
});
k.completeReadSPI(function() {
    k.spiReadData(function(data) {
        alert(data);
    });
});
k.ready(function(){
    // change find button
    $("#btn-find")
    .removeClass("find")
    .html("Disconnect konashi")
    ;
    
    k.pinMode(2, k.OUTPUT);
    k.digitalWrite(2, k.HIGH);
    k.spiMode(k.KOSHIAN_SPI_MODE_CPOL0_CPHA0, k.KOSHIAN_SPI_SPEED_200K, k.KOSHIAN_SPI_BIT_ORDER_LSB_FIRST);
});

<!DOCTYPE html>
<html>
    <head>
        <title>SPI TEST</title>
        <meta name="viewport" content="width=device-width, initial-scale=2, minimum-scale=1, maximum-scale=1, user-scalable=no">

.find {
                margin: 10px;
            }
	   .send11 {
		   margin: 10px;
	   }
	   .send25 {
		   margin: 10px;
	   }
	   .read {
		   margin: 10px;
	   }
        </style>

</head>
    <body>
        <header class="bar-title">
            <h1 class="title">konashi-js-sdk: Drive SPI</h1>
        </header>

<div class="hello">
                <p>Hello konashi.js!</p>
                <p>First make sure you tap the following button to find konashi.
            </div>

<div class="find">
                <a id="btn-find" class="button-main button-block find">Find konashi</a>
            </div>
		  <div class="send11">
			  <a id="btn-send11" class="button-main button-block send11">Send(11)</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: konashi spi

// forked from ishimotokiko1321's "forked: konashi spi" http://jsdo.it/ishimotokiko1321/2nM1 // forked from sagiii's "forked: konashi spi" http://jsdo.it/sagiii/YKfs // forked from Akira.Matsuda's "konashi spi" http://jsdo.it/Akira.Matsuda/EM0B $(function(){ $("#btn-find").on("tap", function(){ k.find(); }); }); $(function(){ $("#btn-send11").on("tap", function(){ k.digitalWrite(2, k.LOW); k.spiWrite("ABCDEFGHIJ"); k.digitalWrite(2, k.HIGH); }); }); $(function(){ $("#btn-send25").on("tap", function(){ k.digitalWrite(2, k.LOW); k.spiWrite("ABCDEFGHIJABCDEFGHIJABCDE"); k.digitalWrite(2, k.HIGH); }); }); k.completeWriteSPI(function() { k.spiReadRequest(); }); k.completeReadSPI(function() { k.spiReadData(function(data) { alert(data); }); }); k.ready(function(){ // change find button $("#btn-find") .removeClass("find") .html("Disconnect konashi") ; k.pinMode(2, k.OUTPUT); k.digitalWrite(2, k.HIGH); k.spiMode(k.KOSHIAN_SPI_MODE_CPOL0_CPHA0, k.KOSHIAN_SPI_SPEED_200K, k.KOSHIAN_SPI_BIT_ORDER_LSB_FIRST); }); <!DOCTYPE html> <html> <head> <title>SPI TEST</title> <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"> <style type="text/css"> .hello { margin: 10px; } .find { margin: 10px; } .send11 { margin: 10px; } .send25 { margin: 10px; } .read { margin: 10px; } </style> </head> <body> <header class="bar-title"> <h1 class="title">konashi-js-sdk: Drive SPI</h1> </header> <div class="content"> <div class="hello"> <p>Hello konashi.js!</p> <p>First make sure you tap the following button to find konashi. </div> <div class="find"> <a id="btn-find" class="button-main button-block find">Find konashi</a> </div> <div class="send11"> <a id="btn-send11" class="button-main button-block send11">Send(11)</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> .hello { margin: 10px; } .find { margin: 10px; } #uart-panel { display: none; }

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

ishimoto.kiko

Size

Width: px
Height: px

code

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

QR Code

Discussion

Questions on this code?

forked: konashi spi

Description What kind of game?

Control Device

Fullscreen

Author

Default Panel

Size

code

Discussion

Tags