Online Resources With Generative and Interactive Graphics

Interactive-Graphics.md

Introduction

THis is a list of interactive coding tools online.

GLSL-based interactive tools

Shadertoy

• Description: Shader motherlode
• URL: http://shadertoy.com
• Language: GLSL
• Twitter: @Shadertoy

GLSL Sandbox

• Editor and tester of GLSL
• URL: https://glslsandbox.com/
• Language: GLSL
• GitHub: https://github.com/mrdoob/glsl-sandbox

twigl.app

• Description: online editor for One tweet shader
• URL: https://twigl.app
• Language: GLSL-ish
• Features: GIFs, sound, broadcast live coding
• Source code: https://github.com/doxas/twigl
• Twitter: @h_doxas

NEORT

• Description: 'Digital art platform'. Also supports uploading video samples for 3D portfolio
• URL: http://neort.io
• Language: compatable with GLSL and OpenProcessing
• Twitter: @neort_io

Interactive graphics with different programming languages

OpenProcessing

• Description: On-line sketches compatible with Processing IDE.
• URL: https://openprocessing.org
• Language: JavaScript + p5.js or Processing.js.
• Twitter: @openprocessing

dwitter.net

• Description: procedural generation limited to 140 characters, i.e. 'acceptable for tweets'
• URL: https://www.dwitter.net
• Language: JavaScript
• Source code: https://github.com/lionleaf/dwitter
• Discord: https://discord.gg/emHe6cP

Esotheric corner

Forth Haiku Salon

• Description: Texture shaders in stack-based Forth programming language
• URL: http://forthsalon.appspot.com
• Language: Forth ;-)
• Author's page: https://bradn123.github.io
• Examples:
  • Rotating Sphere - https://forthsalon.appspot.com/haiku-view/ahBzfmZvcnRoc2Fsb24taHJkchILEgVIYWlrdRiAgICAhMqbCww

tixy

• Description: Minimaliztic code-golfing
• URL: https://tixy.land/
• Language: based on JavaScript

Retro-computing Languages

BBC Micro Bot

• Description: BBC BASIC online
• URL: http://bbcmic.ro
• Language: BBC BASIC
  • Tutorial: https://www.bbcmicrobot.com/learn/index.html
• Source code: https://github.com/8bitkick/BBCMicroBot
  • Online editor source: https://github.com/mattgodbolt/owlet-editor
  • Emulator source: https://github.com/scarybeasts/beebjit
• Mastodon: https://mastodon.me.uk/@bbcmicrobot
• Twitter (defunct): @bbcmicrobot
• Discord: https://discord.gg/hufyMWTR

JSBeeb

• Description: Online BBC Micro home/personal computer (more hardware-orienter than BBC Micro Bot)
• URL: https://bbc.godbolt.org/
• Language: BBC BASIC
• Source code: https://github.com/mattgodbolt/jsbeeb
• Twitter: @mattgodbolt

MSXPen

• Description: Interactive MSX BASIC
• URL: https://msxpen.com/
• Language: MSX BASIC
• Twitter: @jannone

WebMSX

• Description: Online MSX personal computer
• URL: https://webmsx.org/
• Language: MSX BASIC
• Source code: https://github.com/ppeccin/webmsx
• Twitter: @ppeccin

Other interactive tools

Observable

• Description: on-line notebooks with interactive symbolic algebra
• URL: https://observablehq.com
• Language: Similar to Wolfram Mathematica
• Twitter: @observablehq
• Examples:
  • Complex function plotter - https://observablehq.com/d/4ee58f286602264f

Google Colab

• Description: Google's online notebooks with GPU support. Can be used for testing PyTorch, PyCUDA or TensowFlow
• URL: https://colab.research.google.com
• Language: IronPython notebooks, Bash on Linux VMs
• Twitter: @GoogleColab
• Examples
  • 3D Photography/Layered Depth demo - https://colab.research.google.com/drive/1706ToQrkIZshRSJSHvZ1RuCiM__YX3Bz

Desmos

• Description: Graphical calculator
• URL: http://www.desmos.com/

Books

NVIDIA's GPU Gems

• URL - https://developer.nvidia.com/gpugems/GPUGems/gpugems_pref01b.html
  • GPU Gems 1 - https://developer.nvidia.com/gpugems/gpugems/foreword
  • GPU Gems 2 - https://developer.nvidia.com/gpugems/gpugems2/inside-front-cover
  • GPU Gems 3 - https://developer.nvidia.com/gpugems/gpugems3/foreword

Ray Tracing in One Weekend

• URL - https://raytracing.github.io/

Real-Time Rendering

• URL - http://www.realtimerendering.com/