Install the Sound Library

  1. Select Tools > Reference Tool

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a9675249-5675-4a2f-9566-016d8e8408b3/Untitled.png

  2. A Contribution Manager window will appear. Click the Libraries tab.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/adc45b05-619f-4bda-96b5-5ba1588b6722/Untitled.png

  3. Click the All popup menu on the right.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/72a48abd-7db0-41db-b795-4f1e40e12ddf/Untitled.png

  4. Select the Sound category

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/85ccf214-0478-4169-8e04-ff32e236e56e/Untitled.png

  5. Select the Sound library from the list of libraries, and click Install

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f7a24585-adbd-4a82-a5eb-9e2c5384c778/Untitled.png

Visual Studio Code for Processing

Teaching VS Code to Recognize *.pde Files as Java

Visual Studio Code recognizes *.pde files (files that end in “.pde”) as text files. You can teach it that a these files as Java, This causes VS Code to display them as appears on the right, instead of on the left. It also allows you to format them (equivalent to Processing's “Auto Format” menu item), with the addition of another extension (the following recipe).

Language Mode: Text. Color Theme: Light.

Language Mode: Text. Color Theme: Light.

Language Mode: Java. Color Theme: Light.

Language Mode: Java. Color Theme: Light.

To teach it to recognize *.pde files as Java, install the Processing Language extension through one of these two mechanisms:

Method 1: Using the link. Click on the link. Click Install. Allow the page to open “Visual Studio Code”. Then follow step 4 below.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0d2bd94a-7b19-470f-8412-ffa0a51d962b/Untitled.png

Method 2: Searching for the extension. Open Visual Studio Code. In the Visual Studio Code action bar (on the left), click the Extensions icon. Search for “Processing”. Click the “Processing Language” item in the results. Click on Install.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b9e234d8-bdaa-439f-8cbb-0e4a58e76847/Untitled.png

Once installed by using, the pane in Visual Studio Code should show the “Disable” and “Uninstall” buttons. (Don't click on either one! We want to keep it installed.)

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/639f4be7-8f2b-45f4-984c-80d4aeeeb732/Untitled.png

Format Processing Sketches

VS Code can be configured to format sketch files. This changes them from the poorly-indented text on the left, to the text on the right. Formatting is triggered by a Format menu item. VS Code can also be configured to format a file every time that it is saved.

Installation: