Blog Title

Processing en Vscode

2024-12-05T00:00:00Z

Una forma simple de trabajar con Processing en Visual Studio Code en vez de usar la IDE de Processing, PDE (Processing Development Environment) es mediante la extensión processing-vscode.

La IDE de Processing está muy bien para debugar el código en caso de problemas, pero para escribir en ella, echo en falta opciones de autocompletado, que la hacen un poco tediosa para trabajar.

Una vez instalada la extensión en VSCode, en los ajustes de la extensión, tendremos que añadir la ruta al ejecutable processing-java que en un sistema macOS es ~/usr/local/bin/processing-java~. processing-java lo podemos instalar desde la PDE, en el menú Herramientas encontramos la opción Instalar <>.

Ahora ya podemos abrir en VSCode cualquier sketch de Processing. Si queremos ejecutar los sketchs desde VSCode debemos crear un archivo tasks.json ejecutando el comando Processing: Create Task File desde la Paleta de Comandos que podemos abrir mediante el atajo de teclado Cmd-Shift-P en macOS.

Ahora podemos ejecutar el comando Run Processing Project desde Command Palette o bien directamente de teclado con Cmd-Shift-B y nuestro sketch se compilará y ejecutará en una nueva ventana.

La extensión nos ofrece la posibilidad de ejecutar el código desde VSCode, resaltado de sintaxis en archivos con extensión .pde y snippets de código, pero no tenemos la posibilidad de depurar código desde VSCode, para eso tenemos que usar la IDE de Processing, pero no es un gran problema, para escribir código mencuentro mucho más cómodo VSCode y al mismo tiempo tengo la IDE de Processing abierta, por si es necesario debugar algo.

This is my fourth post

2018-09-30T00:00:00Z

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

Section Header

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

This is my third post.

2018-08-24T00:00:00Z

Code

This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap This is a very long heading that I want to wrap

// this is a command
function myCommand() {
	let counter = 0;
	counter++;
}

// Test with a line break above this line.
console.log('Test');

Heading with a link

// this is a command
function myCommand() {
	let counter = 0;
	counter++;
}

// Test with a line break above this line.
console.log('Test');

Section Header

This is my second post with a much longer title.

2018-07-04T00:00:00Z

Section Header

First post Third post

This is my first post.

2018-05-01T00:00:00Z

Section Header

 // this is a command
 function myCommand() {
+  let counter = 0;
-  let counter = 1;
   counter++;
 }

 // Test with a line break above this line.
 console.log('Test');