Graphic Interfaces: Difference between revisions

From EMC Electronic Music Coders
Jump to navigation Jump to search
(Created page with "https://juce.com/learn/tutorials Graphics The application windowCreate a basic GUI app with a resizable window. The main componentLearn how to add a content componen...")
 
No edit summary
Line 1: Line 1:
https://juce.com/learn/tutorials
== https://juce.com/learn/tutorials ==


Graphics
=== Graphics ===


    The application windowCreate a basic GUI app with a resizable window.
* [http://docs.juce.com/master/tutorial_main_window.html The application window]
    The main componentLearn how to add a content component to your window that can hold different graphical elements.
Create a basic GUI app with a resizable window.
    The Graphics classFill your app with colour! Add colours, text, lines and other geometrical shapes.
* [http://docs.juce.com/master/tutorial_main_component.html The main component]
    Animating geometryCreate simple animations in your JUCE applications. Bring static geometry shapes to life using the AnimatedAppComponent class.
Learn how to add a content component to your window that can hold different graphical elements.
    Build an OpenGL applicationLearn how to get started with OpenGL as a high performance rendering library within your JUCE applications. Render beautiful 2D and 3D graphics in your audio apps and plugins.
* [http://docs.juce.com/master/tutorial_graphics_class.html The Graphics class]
Fill your app with colour! Add colours, text, lines and other geometrical shapes.
* [http://docs.juce.com/master/tutorial_animation.html Animating geometry]
Create simple animations in your JUCE applications. Bring static geometry shapes to life using the AnimatedAppComponent class.
* [http://docs.juce.com/master/tutorial_open_gl_application.html  Build an OpenGL application]
Learn how to get started with OpenGL as a high performance rendering library within your JUCE applications. Render beautiful 2D and 3D graphics in your audio apps and plugins.


Interface Design
=== Interface Design ===


    Parent and child componentsLearn how to arrange your components into a hierarchy to build a modular graphical user interface for your JUCE app.
* [http://docs.juce.com/master/tutorial_component_parents_children.html Parent and child components]
    Customise the look and feel of your appMake a custom skin for your application by drawing your own buttons, sliders, and other components.
Learn how to arrange your components into a hierarchy to build a modular graphical user interface for your JUCE app.
    Colours in JUCESpecify and apply colours within your application in various ways.
* [http://docs.juce.com/master/tutorial_look_and_feel_customisation.html]
    The Point, Line, and Rectangle classesUse the Point, Line, and Rectangle classes to simplify your geometry calculations.
Customise the look and feel of your appMake a custom skin for your application by drawing your own buttons, sliders, and other components.
    Advanced GUI layout techniquesLay out your components with a simple yet powerful technique that will produce elegant code with fewer bugs.
* [http://docs.juce.com/master/tutorial_colours.html Colours in JUCE]
    Responsive GUI layouts using FlexBox and GridBuild responsive GUI layouts that work across different screen sizes and orientations using the FlexBox and Grid classes. Learn how to quickly visualise Components using the Projucer
Specify and apply colours within your application in various ways.
*[http://docs.juce.com/master/tutorial_point_line_rectangle.html The Point, Line, and Rectangle classes]
Use the Point, Line, and Rectangle classes to simplify your geometry calculations.
* [http://docs.juce.com/master/tutorial_rectangle_advanced.html Advanced GUI layout techniques]
Lay out your components with a simple yet powerful technique that will produce elegant code with fewer bugs.
* [http://docs.juce.com/master/tutorial_flex_box_grid.html Responsive GUI layouts using FlexBox and Grid]
Build responsive GUI layouts that work across different screen sizes and orientations using the FlexBox and Grid classes. Learn how to quickly visualise Components using the Projucer

Revision as of 11:26, 15 May 2019

https://juce.com/learn/tutorials[edit]

Graphics[edit]

Create a basic GUI app with a resizable window.

Learn how to add a content component to your window that can hold different graphical elements.

Fill your app with colour! Add colours, text, lines and other geometrical shapes.

Create simple animations in your JUCE applications. Bring static geometry shapes to life using the AnimatedAppComponent class.

Learn how to get started with OpenGL as a high performance rendering library within your JUCE applications. Render beautiful 2D and 3D graphics in your audio apps and plugins.

Interface Design[edit]

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 appMake a custom skin for your application by drawing your own buttons, sliders, and other components.

Specify and apply colours within your application in various ways.

Use the Point, Line, and Rectangle classes to simplify your geometry calculations.

Lay out your components with a simple yet powerful technique that will produce elegant code with fewer bugs.

Build responsive GUI layouts that work across different screen sizes and orientations using the FlexBox and Grid classes. Learn how to quickly visualise Components using the Projucer