f3.js

var f3js = require('f3js') , c = f3js.cc(); c.x = 20; c.y = 20; c.drawCircle(50, 50, 50); // 円を描く var circleGuide = c.drawCircle(50, 50, 30); // ガイドを描く circleGuide.layout = { name: 'distribute', valign: 'bottom' }; var Grove = require('jsupm_grove') , buttons = [] , numButtons = 3; // ボタン数 [1, 5] for (var i = 0; i < numButtons; i ++) { var button = new Grove.GroveButton(3 + i); c.add(button, circleGuide); // ボタンを配置する buttons.push(button); } setInterval(function () { // ボタンが押されたらコンソールにメッセージを出す for (var i = 0; i < numButtons; i ++) { if (buttons[i].value() > 0) console.log('button(' + i + ') pressed.'); } }, 100); // その他のコードは http://f3js.org/projects を見てみましょう！ // APIドキュメントは http://f3js.org/docs にあります。