Edit the module

This page allows you to edit the existing module (Groveブザー).

Basic Information

Provide basic information of the module.

* Photo URLs that end with any one of .jpg, .jpeg, .png or that are uploaded to the Gyazo web service in the PNG format (e.g.https://gyazo.com/hogehoge) are supported.

Relevant URLs

Relevant URLs can be edited in the module page.

Card preview
Groveブザー
'16/3/11 9:48
Grove用のブザーです。

Layout information

Provide the source code of the module layout in JavaScript.

function Buzzer(pin) { this._pin = pin; this._name = function() { return 'Buzzer(' + this._pin + ')'; }; this._print = function (g, options) { g.drawCircle(0, -10, 1); g.drawCircle(0, 10, 1); if (!options.print) { g.drawRectangle(-10, -10, 20, 20); g.drawCircle(0, -10, 2); g.drawCircle(0, 10, 2); g.drawText(this._name(), -10, 10); } }; }
Layout
How to write code
  • First, define a function that represents this module.
  • Define methods _name, _bounds, _print within the class, where ...
  • _name method returns the name of the module for display.
  • _bounds method returns the bounding box of the module as a Rectangle instance.
  • _print method takes graphics context Graphics and printing options PrintOptions as its arguments.
More details can be found at the howto page.
Delete