Mirror Pixl.js display to the IDE

Posted on Wed 9th, January 2019

• #1

dave_irvine

So I know that the IDE will convert and display data/img style images, but is there any way we can mirror the display in a slightly more real-time fashion?

I'm guessing there might not be enough bandwidth over the BLE connection... maybe an Espruino emulator?

Edit: http://forum.espruino.com/conversations/326858/ is basically what I was after
• #2

opichals

@dave_irvine from http://forum.espruino.com/comments/14535405/

I have played with the idea of having an easy way to debug graphics locally and made the following module https://gist.github.com/opichals/8f74cc494a3e2d7cf122c6013e8935cf

It wraps the Graphics.createArrayBuffer by calling require('./webGraphics').add(Graphics) and exposes http://localhost:8000 endpoint with canvas renderer for Espruino.

I used it to debug the morphing clock. With some mocking it is possible to debug graphics related stuff nicely before you put the code to the board.
• #3

dave_irvine

Aha! I knew it was on my mind for a reason, I'd already read it. Nice one.

Post a reply
- Bold
- Italics
- Link
- Image
- List
- Quote
- code
- Preview
Formatting Help

Don't worry about formatting, just type in the text and we'll take care of making sense of it. We will auto-convert links, and if you put asterisks around words we will make them bold.

Tips:

Create headers by underlining text with ==== or ----

To *italicise* text put one asterisk each side of the word

To **bold** text put two asterisks each side of the word

Embed images by entering:
![](https://www.google.co.uk/images/srpr/logo4w.png)
That's the hard one: exclamation, square brackets and then the URL to the image in brackets.

* Create lists by starting lines with asterisks

1. Create numbered lists by starting lines with a number and a dot

> Quote text by starting lines with >

Mention another user by @username

For syntax highlighting, surround the code block with three backticks:

```
Your code goes here
```
Just like Github, a blank line must precede a code block.

If you upload more than 5 files we will display all attachments as thumbnails.

For a full reference visit the Markdown syntax.