This is a fully working Slider Component where the user can specify the background and thumb graphics. They can also set the minimum, maximum and number of steps the Slider...

Overview Learn how to use the Set Global Variable Action, and the getGlobalVar and setGlobalVar JavaScript functions to set variables that are accessible all throughout a project. In this example,...

Overview The getData and setData APIs allow you to gather databases stored in specific Components and alter the data as you please using setData in JavaScript code. This can be...

https://youtu.be/qDVwUzsG2-0 This game is a digital version of the famous party game charades, but in reverse. You pick a theme and then everyone else has to act out a word...

Overview The getProperty, and setProperty APIs allow you to gather data stored in your project and alter it as you please through JavaScript code. This can be useful if you...

Part 1 - Five Star Component This is a fully working 'Five Star' display for data binding - and input control for raising events. The user can adjust the graphics...

This control is going to enable us to display single values in a 'donut' style that has been popularized in many dashboarding tools. It's like a cross between a pie...

This is an extended example of the RenderKit Component being used as a base for a Custom Component. The RenderKit has a number of special attributes and features which make...

This is a very simple game involving dodging planets and collecting glowing stars. There is a two-layer parallax repeating starfield in the background. This uses sprites and the RenderKit to...

Using special effects (shaders) in Umajin Shaders are used to provide special effects to objects drawn in Umajin.  This document assumes you already have a working knowledge of shaders and...

You can import your ShaderToy code for use in Umajin projects. Just note that ALL contributions to the Shadertoy site have individual licensing requirements and many are not available for...

This example will show how to convert a ShaderToy shader into a reusable component inside the Umajin Editor.  If you have not read the first tutorial, you should read that...

Overview The apeConnect API allows you to create your own real-time communication channel for your projects to communicate through. This can be useful if you would like to allow any type of...

Overview When writing to Umajin or creating Custom Components, you may want a quick and simple way to store, edit and retrieve data. Especially if you hope to decrease the...

Overview This tutorial is a quick introduction to how Umajin works with BLE devices. First, we'll create an ESP32 BLE server, and then we'll develop an app by Umajin Editor...

To use the ‘Open with Visual Studio Code’ function in the Umajin Editor main menu, you will first need to install Visual Studio Code onto your desktop device.  To do this...

Introduction This tutorial will show you how to create some relatively simple custom feeds to use in Feed Lists and Feed Item Views of your applications.  Custom Feeds can be used to...

Overview Using Advanced Actions, developers can access and alter values in their JavaScript files with the Umajin platform.  In this tutorial, we will make a basic two-page demonstration project with an...