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

f3.js

How to use f3.jsDownloadsLogin
日本語

Basic Information

This page allows you to edit the existing project (Just a box). The edited project will replace the existing entry in the IoT Projects page. If you want to add a new entry based on the project, please fork from it instead.

* 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.

* Node.js entry point main: index.js and dependencies to the npm module dependencies: { f3js: (略) } will be automatically added and thus do not need to be in this form.

Card preview
Just a box
'16/9/8 7:9
Just a box, with customizable width, height, and depth.
yk

Private Project

This project is already public and cannot be made private.

Source Code

Provide the source code of a microcontroller or tiny computer in JavaScript. Node.js-based computers are supported. Require f3js package and use its API to design the device enclosure.

var w = 85 // 幅[mm][30,200] , h = 60 // 高さ[mm][30, 200] , d = 70 // 奥行[mm][30, 200] , dw = 6 // 噛みあわせ幅[mm][5, 50] , dh = 3 // 厚み[mm][2, 10] , topHole = true // 天面に穴をあける , noTopBoard = false; // トレイとして使用（天面なし） var f3js = require('f3js') , c = f3js.createContainer() , p = c.drawJointRectangle(0, 0, w, h, dw, dh); c.x = 10; c.y = 10; var planes = p.extrude(d); planes[0].x = w + 10; planes[0].y = 10; planes[1].x = w + 10; planes[1].y = d * 2 + 10; planes[2].x = w + 10; planes[2].y = d + 10; planes[3].x = w + 10 + h; planes[3].y = d * 2 + 10; // 天面 if (noTopBoard) { // XXX planes[4].x = -10000; } else { planes[4].x = 10; planes[4].y = h + 10; } if (topHole) { var margin = dh + 4; planes[4].drawRectangle(margin, margin, w - margin*2, h - margin*2); } for (var i = 0; i < planes.length; i ++) { f3js.add(planes[i]); }
Layout
Selected-
Hoverred-
Customization

This content does not allow any customization.

Layout view options
Adding comments to variable declarations in the source code populate various GUI widgets in the "Customization" section depending on their types.

Design Alternatives

Modules

No modules are required for this project.

Layout
PDF
Program
Program

Login first to use this feature.

Design Alternatives

To use this feature, please open the Source Code view for at least once.

Edit the project

The IoT project is going to be edited. Further edits can be made later.

If you haven't checked " Private Project", the project will be immediately listed in the IoT Projects page and be available to others.

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

Edit the project

No changes are made.

Edit the project

package.json is ill-formatted.

Edit the project

JavaScript source code is ill-formatted.

UpdateDelete