Skip to content

ccrma/webchuck-ide

Repository files navigation

WebChucK IDE

Node.js Build

A web-based integrated development environment (IDE) for real-time sound synthesis and music creation with ChucK!

Try it here: https://chuck.stanford.edu/ide/

What is WebChucK IDE?

Write and run ChucK code in the browser, learn ChucK with interactive examples, and prototype projects with WebChucK IDE! WebChucK IDE uses WebChucK to bring the latest version of ChucK to the web, runnning via WebAssembly and the Web Audio API. Try ChucK online and share projects on the web!

Learn more about WebChucK here:

  1. Github for WebChucK
  2. WebChucK Tutorials by Mike Mulshine

WebChucK IDE Features

  • Syntax highlighting with Monaco editor

  • Monitor runtime of ChucK's virtual machine

  • Spectral frequency and waveform visualizer

  • Auto-generated GUI

  • HID monitoring for keyboard and mouse events

  • ChucK's Example Library

  • Export to WebChucK web app

Usage

Clone this repository

git clone https://github.com/ccrma/webchuck-ide

Install Node and dependencies

npm install

Run development server to run WebChucK IDE

npm run dev

(Deployment) Build static WebChucK IDE website to /dist folder

npm run build

Contributing

Contributions are welcome! Please report issues and open PRs to the dev branch.

Note: You will need to run npm run lint and npm run format to pass build checks.