diff --git a/README.md b/README.md index 6b66b7517..665a74da2 100644 --- a/README.md +++ b/README.md @@ -88,7 +88,7 @@ require("Storage").write('*'+appname, // place app-icon.js contents here ); -// +// require("Storage").write("+"+appname,{ "name":"My Great App","type":"", "icon":"*"+appname, @@ -120,8 +120,8 @@ Apps are listed in the Bangle.js menu, accessible from a clock app via the middl * `add_to_apps.json` - insert into `apps.json`, describes the widget to bootloader and loader * `app.png` - app icon - 48x48px * `app-icon.js` - JS version of the icon (made with http://www.espruino.com/Image+Converter) for use in Bangle.js's menu -* `app.json` - short app name for Bangle.js menu and storage filenames -* `app.js` - app code +* `app.json` - short app name for Bangle.js menu and storage filenames +* `app.js` - app code #### `app-icon.js` @@ -135,11 +135,11 @@ Follow this steps to create a readable icon as image string. 2. set _X_ Use Compression 3. set _X_ Transparency (optional) 4. set Diffusion: _flat_ -5. set Colours: _1 bit_, _4 bit_ or _8 bit Web Palette_ +5. set Colours: _1 bit_, _4 bit_ or _8 bit Web Palette_ 6. set Output as: _Image String_ Replace this line with the image converter output: - + ``` require("heatshrink").decompress(atob("mEwwJC/AH4A/AH4AgA==")); ``` @@ -152,8 +152,8 @@ Keep in mind to use this converter for creating images you like to draw with `g. The widget example is available in [`apps/_example_widget`](apps/_example_widget) * `add_to_apps.json` - insert into `apps.json`, describes the widget to bootloader and loader -* `widget.json` - short widget name and storage names -* `widget.js` - widget code +* `widget.json` - short widget name and storage names +* `widget.js` - widget code #### `apps.json` format @@ -170,6 +170,9 @@ The widget example is available in [`apps/_example_widget`](apps/_example_widget // iframe, and it must post back an 'app' structure // like this one with 'storage','name' and 'id' set up + "allow_emulator":true, // if 'app.js' will run in the emulator, set to true to + // add an icon to allow your app to be tested + "storage": [ // list of files to add to storage {"name":"-appid", // filename to use in storage "url":"", // URL of file to load (currently relative to apps/) @@ -204,31 +207,31 @@ The widget example is available in [`apps/_example_widget`](apps/_example_widget - chaining graphics methodes, eg `g.setColor(0xFD20).setFontAlign(0,0).setfont("6x8",3)` -### Graphic areas +### Graphic areas The screen is parted in a widget and app area for lcd mode `direct`(default). | areas | as rectangle or point | -| :-:| :-: | -| Widget | (0,0,239,23) | +| :-:| :-: | +| Widget | (0,0,239,23) | | Apps | (0,24,239,239) | | BTN1 | (230, 55) | | BTN2 | (230, 140) | | BTN3 | (230, 210) | -| BTN4 | (0,0,119, 239)| -| BTN5 | (120,0,239,239) | +| BTN4 | (0,0,119, 239)| +| BTN5 | (120,0,239,239) | -- Use `g.setFontAlign(0, 0, 3)` to draw rotated string to BTN1-BTN3 with `g.drawString()`. +- Use `g.setFontAlign(0, 0, 3)` to draw rotated string to BTN1-BTN3 with `g.drawString()`. - For BTN4-5 the touch area is named -## Available colors +## Available colors You can use `g.setColor(r,g,b)` OR `g.setColor(16bitnumber)` - some common 16 bit colors are below: | color-name | color-value| | :-: | :-: | -| Black | 0x0000 | +| Black | 0x0000 | | Navy | 0x000F | | DarkGreen | 0x03E0 | | DarkCyan | 0x03EF | diff --git a/apps/_example_app/add_to_apps.json b/apps/_example_app/add_to_apps.json index 941880a65..6c7172ec6 100644 --- a/apps/_example_app/add_to_apps.json +++ b/apps/_example_app/add_to_apps.json @@ -8,5 +8,5 @@ {"name":"+7chname","url":"app.json"}, {"name":"-7chname","url":"app.js"}, {"name":"*7chname","url":"app-icon.js","evaluate":true} - ], + ] } diff --git a/apps/_example_widget/add_to_apps.json b/apps/_example_widget/add_to_apps.json index 9bc4a8e6e..705e504fc 100644 --- a/apps/_example_widget/add_to_apps.json +++ b/apps/_example_widget/add_to_apps.json @@ -7,5 +7,5 @@ "storage": [ {"name":"+7chname","url":"widget.json"}, {"name":"-7chname","url":"widget.js"}, - ], + ] }