Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 0 additions & 8 deletions .babelrc

This file was deleted.

26 changes: 0 additions & 26 deletions .eslintrc

This file was deleted.

3 changes: 0 additions & 3 deletions .gitignore

This file was deleted.

78 changes: 19 additions & 59 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,65 +1,25 @@
# React Native Paint
# SoundPaint React
Intro
You can try the app with the compiled Windows and Linux executables.

Minimal implementation of a "Paint" app using React Native and Exponent
Listen to the colors under your fingertips.
Your drawing or any picture, in an interactive or semirandom way. Creating a flexible relationship between colors and musical notes.

https://exp.host/@test123/rmotr-paint
There is a colors palette in the shape of a piano, each key color is calibrated to sound like that piano key when the LISTEN mode is on.

<p align="center">
<img src="http://i.imgur.com/XzR65hx.gif">
</p>
Windsurf said:
A sound visualization experiment where colors are mapped to musical notes.

## Current Status
This is a basic, experimental version with some known issues:
- The notes to color mapping is incorrect
- White canvas areas should be silent but may not be

## Setting up project dependencies
## More Complete Version
For a more complete prototype, check out the original Processing version:
[Processing SoundPaint](https://github.com/zvuho/SoundPaint)

```bash
$ npm install -d
```

## Setting up the Exponent Development CLI

```bash
$ npm install -g exp
```

## Login or Signup

In order to start Exponent server, you would need to be registered.

```
$ exp login
```

```
$ exp signup
```

## Running the app in a local server

Exponent Development CLI provides, out of the box, a way to start a local server for your app and give your a URL to it. Just execute the `exp start` command from Exponent Development CLI and the application will start. To see all options available execute `exp start --help`.

The server will continue running until you stop it with `exp stop`. Use `exp logs` to view logs.

Also you can specify type of protocol to use with `--exp`, `--http` (default) or `--redirect` options. You can choose type of host to use with too with `--lan`, `--localhost` or `--tunnel` (default) options. That last one allow you to view your app on other network.

```bash
$ exp start --dev [options]
```

## Running the app in your simulator

Exponent Development CLI also provides a way to opens your app in Exponent app in a currently running iOS simulator on your computer, or on a connected Android device.

```bash
$ exp start --ios [options]
```

```bash
$ exp start --android [options]
```

Note: If you will use an Android emulator, you will probably need to configure the `ANDROID_HOME` and `PATH` env variables to make it works correctly.

---
<p align="center">
<img src="http://i.imgur.com/0WbWPlA.png?1">
</p>
## Tech Stack
- React
- Tone.js on Web Audio API for audio processing
- React Color for color selection
49 changes: 0 additions & 49 deletions components/ColorSelector.js

This file was deleted.

57 changes: 0 additions & 57 deletions components/Header.js

This file was deleted.

30 changes: 0 additions & 30 deletions components/IconButton.js

This file was deleted.

86 changes: 0 additions & 86 deletions components/Reaction.js

This file was deleted.

Loading