Monorepo for Aesthetic.Computer aesthetic.computer
at main 94 lines 4.5 kB view raw view rendered
1<img width="200" src="https://assets.aesthetic.computer/aesthetic-inc/pals.png"> 2 3Aesthetic Computer is a mobile-first runtime and social network for creative computing. 4 5AC's client interface is designed to function like a musical instrument, on which users discover their own memorizable paths in the network of commands and published pieces. As users grow their literacy through play and exploration, they are able to improvise, recombine, and expand their performable repertoire. 6 7I started writing Aesthetic Computer in 2021 because I desired new tools to author, publish and connect the creative software toys I had been making in my art and education practice for 10+ years. The last of these before AC was https://nopaint.art, discussed on Hacker News in 2020.[0] 8 9### Try Me 10 11Visit https://aesthetic.computer and press the top left of the screen or type any key to activate the prompt. 12 13In the AC prompt, enter names of built-in toy and utility pieces like `notepat`[1], or `boyfriend` and those published by user handles like `@bash/hub`. 14 15Return to the prompt by pressing the name at the top left corner, your browser's back button or the `[Esc]`, ``[`]``, or `[Backspace]` keyboard shortcuts. 16 17Enter `list` at the prompt for a scrollable index of pieces and commands. 18 19Most of AC is open to anonymous users. Some pieces like `chat` or `moods` require a registered @handle to fully participate and post data. 20 21Every piece on AC is URL addressable. For example, users who enjoy using `notepat` can skip the prompt entirely by bookmarking https://aesthetic.computer/notepat. 22 23QR codes to share any piece can be generated by prefixing the piece with `share` at prompt as in `share notepat`. 24 25Here are a some recipes to try: 26 27### A. Make a Painting 🖼️ 28 291. Enter `new 128` to start a new 128x128 pixel painting. 302. Enter `rect red` and drag to paint red (or any CSS color) rectangles.<br> 31 (Or try other primitive brushes like `line`, `shape`, and `fill`.) 323. Press the command name in the top left corner to return to `prompt`.<br> 33 (Or use `[Esc]`, `[Backspace]`, or ``[`]`` on the keyboard.) 345. Enter `smear` and drag to use a pixel scattering brush, then return to `prompt`. 356. Enter `dl` to download a timestamped PNG, `done` to publish the painting on AC servers, or `print` to mail order a real sticker. 36 37### B. Play a Melody 🎹 38 391. Enter `+` to open a second prompt window. 402. Enter `metronome 120` in the second prompt window to keep rhythm at 120 BPM. 413. Enter `notepat` in the first prompt window to play tones in regular time.<br> 42 (Or try `bleep:sine 4x4` for a randomized playable tone matrix.)<br><br> 43**Bonus** 444. Record a `notepat` performance as a 7s looping, downloadable video by entering `tape notepat`. 455. Play `notepat` in person with others by generating a QR code via `share notepat`. 46 47### C. Say "hi" in `chat` 🗨️ 48 491. Enter `imnew` or press [I'm New] on a deactivated prompt to register. 502. Verify your email. 513. Set a @handle by entering `handle ur-handle-here`. 524. First-time handle setters are automatically routed to `chat`. 535. Say "hi" and request technical help from myself (@jeffrey) and others. 54 55To dive in more you can read the technical history [2] or try coding your own AC 56piece[3]. 57 58<img width="100%" src="https://assets.aesthetic.computer/aesthetic-inc/screenshot.png"> 59 60--- 61 62### Development in GitHub Codespaces 63 64When running Aesthetic Computer in a GitHub Codespace, you can access the local server using the Codespace's public URL. 65 66To get the proper Codespace URL: 671. Get your Codespace name: `echo $CODESPACE_NAME` 682. Construct the URL: `https://{CODESPACE_NAME}-8888.app.github.dev` 69 70For example, if your Codespace name is `potential-parakeet-7p54gjqw7qcx46g`, the URL would be: 71``` 72https://potential-parakeet-7p54gjqw7qcx46g-8888.app.github.dev 73``` 74 75To access specific routes like kidlisp.com: 76``` 77https://potential-parakeet-7p54gjqw7qcx46g-8888.app.github.dev/kidlisp.com 78``` 79 80--- 81 82### KidLisp 83 84Aesthetic Computer includes KidLisp, a minimal Lisp dialect for creating generative art and interactive experiences. See the [KidLisp documentation](kidlisp/) for language reference, examples, and technical details. 85 86--- 87 88[0] No Paint HN discussion from 2020: https://news.ycombinator.com/item?id=23546706 89 90[1] Recent HN discussion on `notepat` here: https://news.ycombinator.com/item?id=41526754 91 92[2] The AC Story: STORY.md 93 94[3] Write a Piece: WRITE-A-PIECE.md