## Processing

Processing is a free graphical library and integrated development environment (IDE) built for the electronic arts, new media art, and visual design communities with the purpose of teaching non-programmers the fundamentals of computer programming in a visual context.

It's similar to an Arduino enviroment and it's coded in Java. Ideal for desktop applications prototyiping.


- [Official WebSite](https://processing.org/)
- [Examples](https://processing.org/examples)
- [Documentation](https://processing.org/reference)

## P5.js

P5.js is a Javasript libaray developed by the Processing Foundation to make a web-based version of Provessing. Instead of programming in Java it is programmed Javascript to make it ideal for web applications an implementations, keeping the same workflow as Processing

<iframe src="https://editor.p5js.org/Pepo41/full/iXWKrVFZ0" width=450 height=450></iframe>

- [Official WebSite](https://p5js.org/)
- [Examples](https://p5js.org/examples/)
- [Documentation](https://p5js.org/get-started/)
- [Editor](https://editor.p5js.org/)

## Blender

As you already know, Blender is a multitool software, capable of 3D modeling, Video edditing, produciong CAM files and even interact with the real world. We can program on it using Python.


- [Official WebSite](https://www.blender.org/)
- [Blender examples](https://fablabbcn-projects.gitlab.io/learning/fabacademy-local-docs/material/extras/week12/blender/)

## MIT App Inventor

MIT App Inventor is an open-source web application for Android. Originally it was created by Google, but now it is maintained by the Massachusetts Institute of Technology (MIT). By using MIT app inventor a beginner can also create software applications for Android easily. MIT app inventor uses graphical interface, in which users can drag-and-drop visual objects to create an application that can run on Android devices.


- [Official WebSite](https://appinventor.mit.edu/)
- [Documentation](https://appinventor.mit.edu/explore/library)

## A Frame

A-Frame is a web framework for building virtual reality (VR) experiences. A-Frame is based on top of HTML, making it simple to get started. But A-Frame is not just a 3D scene graph or a markup language; the core is a powerful entity-component framework that provides a declarative, extensible, and composable structure to three.js.


- [Official WebSite + Examples](https://aframe.io/)
- [A-Frame School](https://aframe.io/aframe-school/#/)
- [Server WebVR - A_Frame](http://15.237.42.128:1880/aframe/)
- [Glitch -> Editor](https://glitch.com)

## Node Red

Node-RED is a flow-based development tool for visual programming developed originally by IBM for wiring together hardware devices, APIs and online services as part of the Internet of Things.

Node-RED provides a web browser-based flow editor, which can be used to create JavaScript functions. Elements of applications can be saved or shared for re-use. The runtime is built on Node.js. The flows created in Node-RED are stored using JSON. Since version 0.14, MQTT nodes can make properly configured TLS connections.


- [Official WebSite](https://nodered.org/)
- [Documentation](https://nodered.org/docs/)

# Serial Communication

The Arduino board (and other boards like the Barduino, NodeMCU, ATtiny…) can talk to the computer through the USB using the Serial port. This communication take place bit by bit, so it’s important to try to optimize it in a way that makes it easy for the computer, to increase the speed and accuracy.

Serial.print() vs Serial.write()
Both functions send information through the Serial port, but they work in a different way. To decide wich one to use, it’s important to know wich information we want to send. Serial.print() will send information as char translating your ASCII code to binary, while Serial.write(), send bytes one by one. Serial.write() is more simple and fast.

Serial.write(0x48); // H Serial.write(0x45); // E Serial.write(0x4C); // L Serial.write(0x4C); // L Serial.write(0x4F); // O


Serial.print("HELLO");


# P5.js examples
[Here you can find the examples of this class](https://hackmd.io/9ha1FspPTlihjdzS5vsYYg?view)

# Blender examples
[Here you can find the examples of this class](https://hackmd.io/vIgyQbZYRsKZuxc89xQ5KA?view)