clay/examples
Orwa Diraneyya 293a3819c4
Added instructions for building examples
The bulk of the instructions were generated using GitHub copilot which were tested and edited manually by me.
2025-08-11 12:19:54 +02:00
..
cairo-pdf-rendering [Renderers/Cairo] Fix outdated image API usage in cairo example 2025-06-23 09:16:41 +10:00
clay-official-website [Renderers/HTML] Fix a mouse overlap bug with external scroll handling 2025-06-20 10:59:44 +10:00
cpp-project-example [Core] Replace config macros with a single unified configuration struct (#240) 2025-02-04 17:00:19 +13:00
introducing-clay-video-demo [Renderers/Raylib] Pin raylib version to 5.5 2025-04-29 12:43:44 +12:00
playdate-project-example [Renderers/Playdate] Playdate console example (#404) 2025-05-19 11:46:39 +12:00
raylib-multi-context [Renderers/Raylib] Pin raylib version to 5.5 2025-04-29 12:43:44 +12:00
raylib-sidebar-scrolling-container [Core] Split base ID hash from index ID hash 2025-07-16 09:30:54 +10:00
SDL2-video-demo [Renderers/SDL2] Indent SDL2's CMakeLists.txt consistently (#424) 2025-05-28 09:50:00 +10:00
SDL3-simple-demo [Renderers/SDL] Font sizing is ignored (#444) 2025-06-23 09:30:14 +10:00
shared-layouts [Core] Replace .scroll config with .clip (#376) 2025-05-01 14:11:31 +12:00
sokol-corner-radius [Renderers/Sokol] Sokol renderer & examples (#373) 2025-04-09 13:40:22 +12:00
sokol-video-demo [Core] Fix a string hash bug with single characters (#384) 2025-04-16 20:16:05 +12:00
termbox2-demo [Renderers/termbox2] Termbox2 renderer & examples (#419) 2025-06-27 08:26:38 +10:00
termbox2-image-demo [Renderers/termbox2] Termbox2 renderer & examples (#419) 2025-06-27 08:26:38 +10:00
terminal-example [Renderers/Terminal] Add initial implementation of terminal renderer (#91) 2025-05-22 12:45:52 +12:00
win32_gdi [Renderers/WinGDI] Working on Win32 GDI renderer and example (#344) 2025-04-09 11:31:33 +12:00
README.md Added instructions for building examples 2025-08-11 12:19:54 +02:00

Building the Examples

This guide describes how to build and run the examples in this project.


1. Prerequisites

  • CMake (3.25 or newer recommended)
  • C Compiler with Wasm32-target support (GCC, Clang, or MSVC)
  • Specific SDKs or Libraries for some examples:
    • Playdate SDK for Playdate examples
    • Raylib, Sokol, stb, termbox2: fetched automatically by CMake

2. Clone the Repository

git clone https://github.com/nicbarker/clay.git
cd clay

3. Build All Examples

To build all examples (except Playdate by default):

cmake -DCLAY_INCLUDE_ALL_EXAMPLES=ON -B cmake-build-debug
cmake --build cmake-build-debug

4. Build Specific Example Sets

You can selectively enable examples:

  • Raylib Examples:
    -DCLAY_INCLUDE_RAYLIB_EXAMPLES=ON
  • SDL2 Example:
    -DCLAY_INCLUDE_SDL2_EXAMPLES=ON
  • Sokol Examples:
    -DCLAY_INCLUDE_SOKOL_EXAMPLES=ON
  • Terminal Examples:
    -DCLAY_INCLUDE_DEMOS=ON

Example (for Raylib only):

cmake -DCLAY_INCLUDE_RAYLIB_EXAMPLES=ON -B cmake-build-raylib
cmake --build cmake-build-raylib

5. Building the Playdate Example

Requires the Playdate SDK to be installed.

To build for the Playdate simulator:

cmake -DCLAY_INCLUDE_PLAYDATE_EXAMPLES=ON -B cmake-build-playdate
cmake --build cmake-build-playdate

The output .pdx file will be:

examples/playdate-project-example/clay_playdate_example.pdx

You can open this file using the Playdate simulator.

To build for Playdate hardware:
Replace /path/to/PlaydateSDK with your Playdate SDK path.

cmake -DTOOLCHAIN=armgcc \
      -DCMAKE_TOOLCHAIN_FILE=/path/to/PlaydateSDK/C_API/buildsupport/arm.cmake \
      -DCLAY_INCLUDE_ALL_EXAMPLES=OFF \
      -DCLAY_INCLUDE_PLAYDATE_EXAMPLES=ON \
      -B cmake-build-release
cmake --build cmake-build-release

6. Building the Web Example (WASM)

To build the official website demo as a WebAssembly app:

cd examples/clay-official-website
./build.sh

Warning

If you are on Mac OS X and see the following error:

error: unable to create target: 'No available targets are compatible with triple "wasm32"'

... then you may need to install llvm using homebrew and add it to your PATH, resulting in it being used instead of clang which comes bundled with Mac OS X (which does not support WASM). An alternative is using emscripten but this requires modifying the build.sh script.

Resulting files are found in the ./build/clay subfolder:

  • build/clay/index.html
  • build/clay/index.wasm

In order to view the page correctly, you will need to serve the build folder via a webserver, and then navigate to index.html in a web browser.

Using vscode, open the build directory in own's workspace then use the Live Preview extension.


7. Running Examples

After building, executables are found in cmake-build-* directories or in their respective subfolders.
Run them directly, e.g.:

./cmake-build-debug/examples/introducing-clay-video-demo/clay_examples_introducing_clay_video_demo

Note

  • Many examples automatically fetch dependencies using CMake's FetchContent no manual installs needed for Raylib, Sokol, stb, or termbox2.
  • For example-specific instructions, check the README files inside each examples/ folder.