Lists on Digital Art & Creativity - GRibbans/Gribbans GitHub Wiki

Digtal Art & Computed Graphics

Resources for 2D/3D graphics, generative art, and digital still / moving images.

Table of Contents

2D and 3D Engines

GLSL and WebGL now WebGL2, are the definitive standards for browser graphics.

Web Frameworks

  • Babylon JS - JavaScript library and 3D engine for HTML5 real time 3D graphics.
  • Matter.JS - A 2D physics engine for the web.
  • P5 JS - a web version of Processing.org using JavaScript instead of Java / Python.
  • P5 Py - P5 PY is a Python package based on the core ideas of Processing/P5 JS
  • Pixi JS - 2D WebGL engine.
  • React components for Spline - Run Spline models in browser.
  • React Three Fibre - A React renderer for Three.js
  • Theatre JS - JS animation library with a professional motion design toolset.
  • Three.JS - JS library/API for 3D computer graphics in a web browser using WebGL.
  • Voxel CSS - Lightweight 3D CSS voxel library

Game Engines

  • Godot - 2D/3D game engine.
  • Love2D - Lua based 2D game engine
  • Panda 3D - Cross-platform game engine for Python and C++, developed by Disney and CMU (OSS)
  • Phaser JS - HTML5 game framework (OSS)
  • PyGame - Game and multimedia application engine.
  • Pyglet - Easy-to-use Python library for developing games and other visually rich media

Desktop Platforms

  • Blender - Full-size 3D creation suite: 3D modelling, animation, rendering to video editing +.
  • Processing.org Generative art application, with runner/viewer.
  • Spline - 3D editor. A design tool focused on web 3D, animation and interactivity.

3rd Party Platforms

  • Improviz - web-based generative graphic platform.
  • Hydra at ojack - web-based generative graphic platform.
  • P5 Live - web-based generative graphic platform.
  • Nodes - node-based UI for generative design

Shaders (GLSL)

Introduction to Shaders

Small programs running on the GPU to decide how the pixels will behave on the computer monitor.

Examples of shaders

OpenGL and WebGL Playgrounds

Gallery of ideas, for fragment and vertex shaders.

IDE Extensions

N.B. For derivatives of VS Code/Codium.

Digital Image & Video

Live Visual Performance

Audio Visualisation

Image Editing and Asset Management

  • Darktable - A digital image workflow app inc. Lightroom (OSS).
  • Topaz AI - AI image and video enhancement, and upscaling (OSS).
  • Tropy - Free open-source software that allows you to organize and describe photographs. Originally designed to support research material management.
  • UpScayl (AI) - AI image up-scaling (OSS).

Digital Image & Design Applications

  • Affinity Photo 2 / Designer 2 - Rivals Adobe Photoshop, Illustrator, at a far more reasonable price point.
  • DrawIO - Diagramming tool.
  • Figma - Design and prototyping tool.
  • Framer - ???
  • JustinMind - Design and prototyping tool for web and mobile app.
  • Khroma - Colour palettes.
  • Krita - Cross-platform software for creating digital art (OSS).
  • Penpot - Design and prototyping tool, an open-source Figma, cloud and self-hosted option available (OSS).
  • Presentor - Free and Open source design feedback and presentation platform.
  • UXPin - Design UI with code-backed components.
  • Web Studio - OSS alternative to Web Flow, Builder.io. More a visual IDE compared to Figma.
  • Origami - By Facebook. Design, animate, and prototype. OSX only

AI Image & Video Generation

Section is WIP - possibly move to main AI/LLM Note

  • Automatic1111 - A Stable Diffusion web UI
  • ComfyUI - Modular diffusion model GUI, api and backend with a graph/nodes interface.
  • Easy Diffusion - An easy to install and use distribution of Stable Diffusion,
  • Oobabooga - Gradio web UI for Large Language Models.
  • ReCraft (AI) - Vector / raster image creation with AI assistant. Free tier is unlimited, but also public.
  • Replicate - Run and fine-tune open-source models.
  • Krea AI - Online AI image/video generation and enhancement platform
  • Live-Portrait (AI) - Applies movement from video to animate static images. Self-host option with >16GB RAM (OSS)
  • Mid Journey (AI) - Current leader in AI image generation platforms. Might be being overtaken by SeaArt / Tensor Art
  • Run Pod - Cloud GPU for training and running AI
  • Stable Diffusion (AI) - Main image generation model
  • SeaArt - FLUX.1 AI model from original creators of StableDiffusion. Very generous free tier (50 images per day).
  • Tensor Art - FLUX.1 AI model image generator site. Generous free tier.
  • ToonCrafter - Take a MidJourney static image, and turn into five second animation.

Video Editing, Compositing, and Processing

  • AviSynth - Tool for video post-production.
  • AvsPmod - Enhancements for Avisynth-specific syntax highlighting and autocompletion.
  • Avidemux - Non-linear video editing and transcoding multimedia files.
  • Cathodemer - Simulate analogue video effects.
  • DaVinci Resolve - Top tier video editor. Free version available.
  • FastFlix - GUI video encoder, includes AV1 codec if HFX card suitable.
  • FFMPEG - Record, convert and stream audio and video (OSS).
  • Handbrake - Tool for rendering final video files (OSS).
  • Media Encoder - *tip: use to create proxy LQ files for editing.
  • Natron - Video compositor for visual effects (OSS).
  • Natron Plugins - Collection of Natron community plugins.
  • NestMap - 360 degree projection dome mapping made simple.
  • OBS Studio - Video recording and live streaming (OSS).
  • OpenShot - Free video editor
  • Shotcut - Free video editor
  • ShutterEncoder - tool for rendering final video files (OSS).
  • Spout - realtime video piping via GPU.
  • Staxrip - Encoding GUI for CLI tools e.g. FFMPEG, AviSynth+, VapourSynth etc.
  • Topaz AI - AI video enhancement and upscaling.
  • VirtualDub2 - Video editor with simple frame-by-frame timeline (OSS).

Miscellaneous Tools

SYSTEM NAME DESCRIPTION
Akascape Various plugins.
Bitmap font collection Bitmap font collection.
Pillow Adjust images, tone, colour etc.
Remotion Programmatically create MP4 videos using React
Spector.js Engine-agnostic JavaScript framework for exploring/troubleshooting WebGL scenes.
SuperModulation Interference pattern FX plugin for DaVinci Resolve.
Tone.js Web Audio framework for creating interactive music in the browser.
Toxiclib.js Open-source library for computational design in javascript.
Video.js HTML5 video player, handles adapative formats e.g. HLS as well as standard.
AMD Open SDK AMD GPU rendering libraries (OSS).
AMD FSR AMD FidelityFX Super Resolution (FSR)
AMD CAS Contrast Adaptive Sharpening (CAS) algorithm.

Plugins & Extensions

DaVinci Resolve Plugins

Mostly for the Fusion Reactor Addon Manager.

SYSTEM NAME DESCRIPTION
[ColourRama, Ground Loop, Pixel Dance, Edge Stretch, VHS Strip] By MT_GlitchTools.
[STX: StrangeLoop, HiPass, Temporal Filter] By STX.
[XGlow, XF Chroma] By TBC
'Super Retro' pack By Akascape. SuperNTSC + SuperCRT + SuperVHS
Inference By Akascape. HQ. Solo dev studio offering decent plugins
Extreme Glitch By Akascape. HQ. Solo dev studio offering decent plugins
Rutt Etra By Akascape. HQ. Solo dev studio offering decent plugins
Upscaler By Akascape. Uses AMD FSR and CAS

Inspiration Resources

  • Tympanus - Tutorials from people with no skill issues.

Web Articles and Video Tutorials

A collection of useful or interesting learning resources.

Note Todo List

  • TopHat bitmap font creator
  • Timeline
  • Pixi.js open-source, cross-platform 2D engine
  • Add QTGMC
  • Add plugins: Stitch_n_Glitch_3 / GmicPlugin_x64 / PixelDrifter
  • Add [Motion VFX] / [AE Juice] / [Reactor Fusion] / [Turbulent Noise / Dehancer / XF CHroma Fuse]
  • Add shadertoy-unofficial-plugin browser extension
  • OpenGL ES Shading Language (GLSL)
  • Shaderific for OpenGL ES

WIP Area

Best Practices

Capture best quality: 4:2:2 10bit

  • StaxRip or QTGMC
  • Deinterlace and upscale
  • Topaz to move into HD or up into the ranks
  • Bilinear pixel movements

GRibbans 2024

⚠️ **GitHub.com Fallback** ⚠️