fez-ui

regarding the name change

i changed the name because it was too similar to dear-imgui
also "i-am-ui" wasn't very creative
the names of the files will stay the same to keep compatibility

about

a ui library for p5.js

please note that the new version is vastly different from the old version.
all acessibily such as tts or tactile response is not included.

library can be used with jsdelivr:

<script src="https://cdn.jsdelivr.net/gh/zturtledog/fez-ui/i-am-ui-new.js"></script>

live example

a list of features:

util

hitbox
iiil
gridlock

ui

button
vslider
slider
slider2d
onelinetext
checkbox
draggable

gui

hyperect
centeredtext

kpi

kpi is an updated input system that makes it easier to handle key input
keydown
keytapd

coming someday (maybe)

(feature creep be like)
colorpicker
graphics portals -- a hole in the scene to another graphics instance (a wrapper of p5.Graphics)
survansii support -- a type of string formating
graphs -- like with equations and things.
theme systems -- a way of managing color themes

getting started

import i-am-ui-new.js into your project
it is important to put uiupd() at the end of your draw function

like this:

function draw() {
  background(220);

  //your code here!
  
  uiupd();
}

example project

see wiki for the docs

note that it is a perpetual work in progress.
also apologies for any spelling errors.