HOC adding dat.GUI plugged to React.Component props.

Simple to use, fully customizable, high-resolution graphical user interface for openFrameworks

cbDataGUI is an open-source, easy to implement GUI for manipulating object instance variables written in GML (Gamemaker Studio's scripting language)

Simple p5.js plug & play boilerplate, with ES6 and Webpack

Map for analyzing total population distribution for Alberta's census subdivisions (2001 - 2017)

🎛 Dat.gui like controller for React.js with Ease curve editor, Draggable placement and Stylable component's.

The basics of Image Rasterization - Application lets you upload an image or use the webcam to visually process and export with the Canvas element.

👨‍🔬 Created an animated DNA model using three.js

finalproject-johnnymd_ig_project_eq created by GitHub Classroom

🎨 Creative coding projects using p5.js, dat.GUI, and many other different JS Libraries. Creative coding is a type of computer programming in which the goal is to create something expressive through code, instead of something functional.

Some simple bindings between playcanvas and dat.gui for easily creating debug UI and interactive demos.

A-Frame component example for datGUIVR

🔮 Tiny helper for three.js to debug and write shaders

Used Three.js particles (Points Materials) in order to generate a galaxy. The rotation, number of particles, colours and other properties can be modified using dat.gui.

dat.gui for Three.js demo by ikatyang

PID Controller Car Simulator (Demo).

3D Tech Stack

An advanced threejs starter project with Typescript, Webpack, Eslint and dat gui added.

I used Three.js to create a great landing page in this tutorial. You'll briefly learn how to use orbit controls and dat.gui. By the end of the tutorial, you'll learn to create an awesome website like this.

Audiovisual live set system used on Mutek AR 2022