Forked from: ishimotokiko1321's forked: konashi spi View Diff (49) forked: konashi spi ishimoto.kik Follow 2018-12-20 13:01:03 License: MIT License Fork0 Fav0 View127 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 46 lines HTML 62 lines CSS 11 lines 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> <!-- 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: konashi spi .hello { margin: 10px; } .find { margin: 10px; } #uart-panel { display: none; } // 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> <!-- 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> .hello { margin: 10px; } .find { margin: 10px; } #uart-panel { display: none; } 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 ishimoto.kiko 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/4BPV/js"></script> application konashi sample Discussion Questions on this code? Tags application konashi sample