Comments (6)
var UI = require('ui'),
main = new UI.Window(),
image = new UI.Image();
image.image("http://orig13.deviantart.net/b28b/f/2011/156/9/d/pikachu_avatar_or_icon_by_pheonixmaster1-d3i6as0.png");
main.add(image);
main.show();
from pebblejs.
and btw, it's not crashing, it's repeating a small image.
from pebblejs.
@kinncj is that code working for you?
And it crashed for me on the Aplite emulator and repeated the image (as seen on the screenshot) on Basalt.
from pebblejs.
works fine using cloud pebble.
from pebblejs.
Ah, I had assumed this ticket was about images on basalt.
Images optimized for aplite Pebbles, as funny as this will sound, are not supported by pebble.js because of the PNG decoder it uses. The PNG decoder is the a fine one by Devon that only supports bitdepth of 8 and above since 1 bitdepth is very rare on the web.
To optimize an image for pebble.js, you only need to worry about dimensions (144x168 or smaller is best), and ensure each color channel is 8 bit or above.
The deviant art example above likely only works sometimes since its image size is larger than 144x168 which will run into memory issues. To guarantee that it works, you would resize it. As a WIP api, pebble.js can also resize it proportionally if you append '#width:100'
to the url. 100
can be any other reasonable integer value.
The example by @kinncj with pebble.js resizing would be:
var UI = require('ui');
var card = new UI.Card();
var imageUrl = 'http://orig13.deviantart.net/b28b/f/2011/156/9/d/pikachu_avatar_or_icon_by_pheonixmaster1-d3i6as0.png';
card.prop({
title: 'Pikachu',
banner: imageUrl + '#width:100',
});
card.show();
from pebblejs.
One problem that I faced yesterday was related to the image size.
Scenario:
- Load a 8k remote image
- Display
- Load a 16k remote image to the same image object (
image.image('http://remoteimage.com/image.png')
) - Not enough memory.
Even known we are replacing the state of the exact same object, Pebble seems do don't discard the previous binary somehow.
from pebblejs.
Related Issues (20)
- [Bug] Run time error when show UI.card() HOT 4
- [Bug] Error when building with the SDK 3.10 HOT 1
- [Feature Request] Disconnected message as a customisable image, like the startup screen
- [Bug] Card goes fullscreen when going back from Menu
- need a cloudpebble update HOT 3
- Bug in OGPebble 3.11.1 HOT 3
- Accel 'tap' event not very sensitive HOT 4
- Number conversion to string - Menus HOT 2
- App crashed when move from a Window to Menu HOT 17
- [Bug] Menu Screen Dotted Line HOT 3
- [Bug] Scrolling issue on Aplite HOT 6
- Circle.radius accessor is undefined HOT 1
- Modifications while Voice window is the top window cause a crash HOT 1
- Cloud Pebble Unable to Upload Images (PNG)
- Settings.config callback crashes when passed option containing encoded percent sign HOT 2
- Pebble.js compilation fails for Pebble 2 / Diorid HOT 2
- Application crash on pebble HOT 10
- Porting Pebble.js to Canvas (rocky.js)
- Wakeup not discarding itself or cancelling
- .
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pebblejs.