Coding on a building facade

What if we could program the building we are living with? Join us at the Scratch2017BDX conference to program your own coloured animation and run it live on a building facade.


It happened:
Monday, July, 17th, 22:00 to Midnight


Introduction to the Arbalet Frontage Snap API

The Snap programming interface should look as is: Snap programming interface

Once the project is loaded into your web browser, you will see a display window, 4 special blocks dedicated to Arbalet Frontage in the Motion category (switch on and switch off pixels to a specific or random color) as well as three sprites:

The display window contains a simulation, a nickname in the form of animal or fruit names that identifies you among other clients, and it tells if you are running your program live or in simulation. The simulation shows 71 pixels: 4 rows of 19 columns minus 5. The 5 missing lights are the doors of the building, we can't display anything there. Your nickname will only pop up once you press RUN and you successfully connect to the frontage. You can train programming at home, in that case you will not get a nickname.


Quickstart: Try it at home

You can start creating your animations from home so that you can test live quicker.

  1. Load the Snap! interface http://snap.berkeley.edu/
  2. Wait a bit till the matrix with 71 black LEDs appears. From home no nickname will be attributed.
  3. Change the example code to create your own animation or game using switch_on blocks to draw in category Motion, knowing that:
    • Origin (1, 1) is top left
    • Colors are (red, green, blue) tuples from 0 to 255
    • Do you need inspiration? Find some ideas below
  4. If you want to save your program for later reuse, select FileExport project and save the XML file


Quickstart: Live on the facade

Ready to run live on the facade? Connect to the shared network:

  1. Connect your computer to wifi network named ARBALET_FRONTAGE
  2. Load the Snap! interface http://192.168.123.123
  3. Press the RUN button (green flag), you are then attributed a nickname and you can visualize the example code running in simulation
  4. Change the example code to create your own animation or game using switch_on blocks to draw in category Motion, knowing that:
    • Origin (1, 1) is top left
    • Colors are (red, green, blue) tuples from 0 to 255
    • Do you need inspiration? Find some ideas below
  5. Do you want to run your program live on the facade? Simply communicate your nickname to an organizer


I need some inspiration

Here are a bunch of ideas to create your own program. Start with something simple, you can then improve it step by step.


Help: Troubleshooting

Oops, something goes wrong? Check in the FAQ below.