Skip to content

Commit 4cb96a5

Browse files
authored
Merge pull request #13 from processing/readme-update
Revise and expand README documentation
2 parents 1208cf6 + 2cbf057 commit 4cb96a5

File tree

1 file changed

+50
-45
lines changed

1 file changed

+50
-45
lines changed

README.md

Lines changed: 50 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,73 +1,78 @@
11
# Processing VSCode Extension
22

33
<!-- TODO: Generate grammar based on the installed Processing version -->
4-
<!-- TODO: Setup publishing https://code.visualstudio.com/api/working-with-extensions/publishing-extension -->
54

6-
<!-- TODO: add a link to the extension Marketplace page -->
5+
Create and run Processing sketches in Visual Studio Code.
76

8-
This extension provides support for the Processing programming language in Visual Studio Code.
7+
![Processing VS Code Extension Screenshot](.github/media/screenshot.png)
98

10-
![Processing VSCode Extension Screenshot](.github/media/screenshot.png)
11-
12-
With familiar run and stop buttons, syntax highlighting, and other helpful features like code suggestions, this extension is designed to support creative coding with Processing for people who prefer using Visual Studio Code as their code editor of choice.
9+
This extension adds support for Processing sketches in VSCode. Includes familiar run and stop buttons, syntax highlighting, code suggestions, and easy access to your sketchbook and examples. If you prefer coding in VS Code, this extension makes it easier to work with Processing.
1310

1411
## Requirements
15-
To use this extension, you need to have the **release of Processing (4.4.6+)** installed on your system. You can download it from this link: [Processing](https://processing.org).
1612

17-
> [!IMPORTANT]
18-
> **Make sure to run Processing 4.4.6 at least once** before using the extension. This step is needed to initialize some required files.
13+
You will need **Processing 4.4.6 or later** installed on your computer.
14+
15+
Download Processing here: [Processing](https://processing.org).
16+
17+
**IMPORTANT:** Run Processing at least once after installing it. This creates the files the extension needs.
1918

2019
## Features
21-
- ▶️ Run / Stop buttons: Play your sketch directly in VS Code.
22-
- 📁 Sketchbook & Examples Explorer: Browse and open sketches easily.
23-
- 🎨 Syntax Highlighting: Color-coded formatting for Processing functions and variables.
24-
- 💡 Code suggestions & error checking: Powered by Processing’s Language Server.
25-
- 🛠️ No setup required: The extension auto-detects your Processing install.
2620

27-
## How to Use
28-
To use the Processing VSCode extension, follow these steps:
21+
* Run and stop sketches directly in VS Code
22+
* Browse your sketchbook and open example sketches
23+
* Syntax highlighting for Processing code
24+
* Code suggestions and error checking with the Processing Language Server
25+
* Automatic detection of your Processing installation (no manual configuration required)
26+
27+
## Install
28+
29+
Install the extension from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/) or search for "Processing" in the [Extension Marketplace](https://code.visualstudio.com/docs/configure/extensions/extension-marketplace) within VS Code.
30+
31+
## Getting Started
2932

30-
1. Install Processing 4.4.6 or later
31-
2. Open a `.pde` file or use the sketchbook/explorer in VS Code.
32-
3. Press ▶️ to run your sketch!
33+
1. Install the Processing extension for VS Code.
34+
2. Click the Processing icon in the Activity Bar on the side of the VS Code window.
35+
3. Open a sketch from your sketchbook or from the examples.
36+
4. Click the Run button to start your sketch.
37+
38+
When you run a sketch, a terminal will open at the bottom of VS Code to show the build output, and the Processing sketch window will appear.
3339

3440
## Troubleshooting
35-
If you encounter any issues with the Processing VSCode extension, try the following steps:
3641

37-
- Restart VS Code.
38-
- Make sure no other Processing extensions are installed in VSCode.
39-
- Quit any running instances of Processing.
40-
- Double-check that you're using the correct version of Processing (4.4.6+).
41-
- Try running the Processing app once before opening VS Code.
42+
If something doesn’t work:
43+
44+
* Close VSCode
45+
* Check you have installed Processing 4.4.6 or later and ran it once
46+
* Run the Processing editor once
47+
* Restart VSCode
48+
* Remove any other Processing extensions that might conflict with this one
49+
* Close any running Processing sketches or editor windows
4250

4351
## Compatibility
44-
This extension has been tested on the following platforms:
4552

46-
- ✅ macOS (Apple Silicon)
47-
- ✅ Windows 64-bit
48-
- ✅ Linux 64-bit
53+
The extension has been tested on:
54+
55+
* macOS (Apple Silicon)
56+
* Windows 64-bit
57+
* Linux 64-bit
4958

50-
## Known issues
51-
- Play/Stop buttons don’t reflect the actual running state yet.
52-
- Syntax highlighting for Processing-specific constants (e.g., `PI`, `RGB`, `DEGREES`, etc) is not yet implemented.
53-
- Classes imported from third-party libraries are not recognized by the language server, leading to line errors (the sketch will still run correctly) see issue [#9](https://github.com/Stefterv/processing4-vscode-extension/issues/9).
59+
## Known Issues
5460

61+
* Some Processing constants (like `PI`, `RGB`, `DEGREES`) are not highlighted yet
62+
* Classes from third-party libraries are not recognized by the language server (sketches still run fine). See [issue #9](https://github.com/processing/processing-vscode-extension/issues/9)
63+
* The Run/Stop buttons do not visually indicate when a sketch is running (this is due to limitations in VS Code's extension API)
64+
* The extension includes a bundled JDK for macOS, Windows, and Linux. This increases the extension size, but is necessary for reliably detecting your Processing installation across platforms. Eventually, we hope to remove this dependency and rely on the Processing CLI instead.
5565

5666
## Contributing
57-
This extension is still in development, and you’re welcome to help!
5867

59-
> [!NOTE]
60-
> Before opening a pull request, it's usually a good idea to start a conversation in the related issue or open a new one. This gives us a chance to talk through the idea together, point you to relevant parts of the code or documentation, and help make your contribution smoother and more likely to be accepted.
68+
This project is still growing, and contributions are welcome!
6169

62-
1. Fork the repository
63-
2. Clone your fork
64-
3. Create a new branch
65-
4. Make your changes
66-
5. Test your changes locally
67-
6. Commit your changes (use a descriptive commit message)
68-
7. Push to your fork and open a pull request
70+
**IMPORTANT:** Before submitting a pull request, please read the [CONTRIBUTING.md](https://github.com/processing/processing4/blob/main/CONTRIBUTING.md) from the Processing repository.
71+
72+
Please note we also have a [Code of Conduct](https://github.com/processing/processing4/blob/main/CODE-OF-CONDUCT.md) that we expect all contributors to follow.
6973

7074
## License
71-
This project is licensed under the GPL-2.0 License. See the [LICENSE](LICENSE.md) file for details.
7275

73-
For information about Processing's own licensing, please refer to the Processing [README](https://github.com/processing/processing4?tab=readme-ov-file) file.
76+
This project uses the GPL-2.0 License. See [LICENSE](LICENSE.md) for details.
77+
78+
For Processing’s own licensing, see the Processing [README](https://github.com/processing/processing4?tab=readme-ov-file).

0 commit comments

Comments
 (0)