Tutorials

Getting started

  • Getting started with the Projucer
    Learn how to install JUCE. Create an Projucer project, and generate Xcode/Visual Studio projects that you can run and debug.
  • Manage your Projucer projects
    The Projucer is a very powerful tool for managing cross-platform projects. Learn how to configure your build settings, create new export targets and configurations, and use the Projucer's C++ code editor.
  • Getting started with Android
    This tutorial introduces the use of Android Studio for creating JUCE-based projects

Audio, MIDI & plug-ins

GUI Basics

  • The application window
    Create a basic GUI app with a resizable window.
  • The main component
    Learn how to add a content component to your window that can hold different graphical elements.
  • The Graphics class
    Fill your app with colour! Add colours, text, lines and other geometrical shapes.
  • Parent and child components
    Learn how to arrange your components into a hierarchy to build a modular graphical user interface for your JUCE app.
  • Customise the look and feel of your app
    Make a custom skin for your application by drawing your own buttons, sliders, and other components.
  • Advanced GUI layout techniques
    Lay out your components with a simple yet powerful technique that will produce elegant code with fewer bugs.
  • Listeners and Broadcasters
    Make your app interactive! Learn how to connect different elements of your GUI. In this example, we let a graphical element automatically change whenever the user clicks on a button.
  • The Slider class
    Add sliders to your app to graphically modify a value within a range. Learn how to use the Slider class to handle different values and ranges, and how to use logarithmic ranges.
  • The Label class
    Add labels to display text in your apps. Learn how to customise the appearance of text using the Label class and display simple text editors.