Colored Eraser Demo - 色の消しゴム デモ
前々からPaperみたいなiPadの手書きメモアプリで、「特定の色だけ消せる消しゴム機能」が欲しいなと思っていました。
Paperにはレイヤー機能がないのですが、これの前はAdobe Ideasを使っていて、この時はレイヤー毎に自分でペンの色を変えて使っていました。
私に取ってバタフライボードの様なホワイトボードと比較して、iPadを使うメリットの一つにレイヤー機能があります。しかしLayerは切り替え面倒だし、このレイヤーに書くか管理するのも面倒です。
私の使い方では、レイヤーはグループ化の手法で、ペンの色を変えるのもグループ化です。 グループをレイヤーではなく色で管理するためには何が足りないか考えると「特定色を消せる消しゴム機能=色の消しゴム」があれば良いのにって思ってました。3−4年www
こういった機能を持ったアプリを探したんですが、見つからないのでコンセプト実証としてReactで実装してみました。Androidで動くかは分かりません。
手書きメモアプリの作者の方は取り込みご検討ください!
ひねりどころは、レイヤー毎にOpacity: 0.4にして色を重ねている所です。コレがないと消したときに表示する色を保持しておくのが面倒になります。
Yuichiro MASUI, Dec, 23rd 2017.