Setting up your Processing + HYPE project in Sublime Text Editor

sublime_processing_hype_setup.md

Setting up your Processing + HYPE project in Sublime Text Editor

Mac

Install & configure Processing

1. First download and install Processing. Once it's installed run it! Make sure you grab the appropriate installer for your Mac. There are different builds for the M1 versus Intel machines.
2. In Processing, go to the Tools menu and click "Install processing-java". This will add processing-java to your $PATH. To test this works, open your Terminal.app and type processing-java on the command line. You should see a block of text showing processing commands and options. If you see that, go to the next step.
3. With Processing open, verify where Processing is looking for your sketches. Open Preferences (⌘ + ,) in Processing and at the top of the dialog, you'll Sketchbook location. This is where Processing expects to find all your Sketches. It's also where your Libraries for Processing are added. So change the location if you need to, but otherwise, remember this path!

Download HYPE

1. Visit the HYPE project page on Github and download it.
2. Unzip and copy the HYPE folder into the libraries folder in the Processing sketchbook. You will need to create this libraries folder if it does not exist. The folder structure for your Sketches location looks something like this:

Processing
  libraries
    HYPE
      examples
      library
        HYPE.jar
      reference
      src

3. After HYPE has been successfully installed, restart the Processing application.

Configure Sublime Text Editor for Processing & HYPE

1. Open Sublime.
2. Either click Tools then Command Palette or type ⌘ + ⇧ + P to open the command palette and choose to install Package Control and hit enter.
3. With Package Control installed, now open the Command Palette again and type install package. Run the menu item that says, Package Control: Install Package.
4. A new dropdown menu appears. Type Processing and select the Processing language support from that menu.

Now you have Processing support in Sublime! To run a sketch, type ⌘ + ⇧ + B and select Processing from the menu that appears. Your sketch should build and run!

If everything worked correctly, you should see your Processing output open just as it would if you were working right within the Processing app.