https://github.com/neefrehman/generative

A digital playground for experimenting with creative coding and WebGL
https://github.com/neefrehman/generative

art experimental generate generative-art javascript p5 p5-sketches p5js processing

Last synced: 6 months ago
JSON representation

A digital playground for experimenting with creative coding and WebGL

• Host: GitHub
• URL: https://github.com/neefrehman/generative
• Owner: neefrehman
• License: mit
• Created: 2018-12-30T18:01:05.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T03:50:13.000Z (over 2 years ago)
• Last Synced: 2024-08-09T17:30:25.077Z (10 months ago)
• Topics: art, experimental, generate, generative-art, javascript, p5, p5-sketches, p5js, processing
• Language: TypeScript
• Homepage: https://generative.neef.co
• Size: 17.2 MB
• Stars: 64
• Watchers: 2
• Forks: 5
• Open Issues: 8
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Generative

## A digital sketchbook for experimenting with generative art, WebGL, and machine learning

This repo is for [generative.neef.co](https://generative.neef.co/), a playground for experimentation.

It supports multiple libraies for generating sketches, from p5, to THREE, to anythng else, and incliudes support for shader via [glslify](https://github.com/glslify/glslify). Built ontop of [Next.js](https://nextjs.org/), it uses a combination of Next's [dynamic routes](https://nextjs.org/docs#dynamic-routing) and React's `lazy` and `Suspense` to build and export each sketch as a static page (with code-splitting to ensure library bundles can be shared between sketches).

More documentation coming soon.

## Resources

Some of my favourite resources that I've learned a lot from:

-   [The Book of Shaders](https://thebookofshaders.com/)

-   [The Coding Train](https://www.youtube.com/user/shiffman)

-   [Sebastian Lague](https://www.youtube.com/channel/UCmtyQOKKmrMVaKuRXz02jbQ)

-   [Jamie Wong](http://jamie-wong.com/)

-   [Three.js Fundamentals](https://threejsfundamentals.org/)

-   [WebGL Fundamentals](https://webglfundamentals.org/) / [WebGL2 Fundamentals](https://webgl2fundamentals.org/)

-   [Inigo Quilez's blog](https://iquilezles.org/)

-   [Electric Square's Raymarching workshop](https://github.com/electricsquare/raymarching-workshop)

-   [Luigi De Rosa's list of case studies on WebGL and creative code](https://github.com/luruke/awesome-casestudy)