iphone - 画面に描画された線の内側の影効果?

Question

ユーザーが指で画面に線を引くことができる iOS プログラムを作成しました。touchesBegan、touchesMoved、および touchesEnded メソッドを使用して、CGContext を作成し、そのように線を描画しました。まるで彫刻されたかのように、線が画面に面取りされているように見せたいです。これはどのように可能でしょうか？

Answer 1

線を 3 回ストロークすることで、単純なベベルを実現できます。

1. 最初に、実際の線に対して点 p(x-1, y-1) で背景よりも明るい色で
2. 次に、実際の線の位置での線の色、ポイント p(x, y)
3. 次に、線の色よりも明るいが、p(x+1, y+1) の背景よりも暗い

これは、上と左から線を照らす光と考えることができます。これにより、下の座標が明るくなり、ベベルを通過し、上の座標に小さな影が投じられます。

このように疑似 3D ジオメトリについて考えるコツをつかめば、線の内側のディテールを含む、よりきれいなベベルを作成できます。それらはより多くのストロークを必要とします。