f3.js
Download the f3.js IDE to use features listed below:
Favorites
-
Runtime Environments
ComputersDevices

f3.js

How to use f3.jsDownloadsLogin
日本語

Edit the module

This page allows you to edit the existing module (Grove Encoder).

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 Encoder
'16/6/28 22:40
Intel Edison

Layout information

Provide the source code of the module layout in JavaScript.

function RotaryEncoder() { this._name = function () { return "Encoder"; }; this._bounds = function () { return { x: -15, y: -15, width: 30, height: 30 }; }; this._print = function(g, options) { g.drawCircle( 10, 0, 1); g.drawCircle( -10, 0, 1); g.drawRectangle(- 8, - 6, 15, 12); // if (options.front) { // g.drawRectangle(-10, -10, 20, 20);//調整中 // } else { // } if (!options.print) { g.drawRectangle(- 10, - 10, 20, 20); g.drawCircle(+ 10, 0, 2); g.drawCircle(- 10, 0, 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
  1. f3.js
  2. Modules
  3. Edit the module
Edit the module

The module information is going to be updated. It will be immediately listed in the modules list page and be available to others. Further edits can be made later.

Please be adviced that any public IoT projects in the f3.js IDE is distributed under the MIT license.

Edit the module

No changes are made.

Edit the module

JavaScript source code is ill-formatted.