波線を書きたいことがあってAffinity Designerでどうやって書けば良いのか調べていたら以下のサイトが参考になりました。
AffinityDesignerでの波線の描き方 | coneta.me
1. ペンツールでギザギザを書く
2. コーナーツールで角をつける
このツールを選択して、
コーナーを作りたいパスを選択して、コーナーを作ります。
コーナーツールを使って砂のウェーブを作りました！(自分のゲーム内で使うもの)
緩やかなウェーブにしたい時はギザギザの角度を緩やかにすれば緩やかウェーブになります。
ウェーブ！
高さいっぱいになるような背景画像を用意したい状況に遭遇したので、何pixel用意すれば良いかの考え方を調べました。
考える時は２つの要素が必要です。
とした時に必要となる背景画像の高さは1000pixelとなります。
カメラのsizeが５の時は高さが10Unitになります。(size * 2)
背景のpixelPerUnitが100(初期値)に設定してある時は画面全体の高さのpixel数は
100pixel * 10unit = 1000pixel
になります。
なので高さが1000pixelの画像を用意してあげるとぴったりと高さが一致します。
わかってしまえば簡単ですが、sizeやpixelPerUnitに触れる機会がないと、どこから計算すればいいかわからないので、もしかしたら計算に苦労するかもしれません
ブレンドモードでよく使う「スクリーン」について調べてみました。
以下のサイトが
について分かりやすくまとまっていました。
加算とスクリーンを正しく使い分けて綺麗な光を描くヒント - コンポジゴク
スクリーンは乗算の逆で
乗算はA*Bなのに対し1 - ( (1-A) × (1-B) )で反転しています。
なので効果は加算と似たようなものになりますが、加算は足し上げていくので、やがては白になりますが、スクリーンは掛け算なので白に近づいていくだけになります。
つまり「いい感じの加算」ということでしょうか？
レイヤーの不透明度の横にコンボボックスがあるのでこれで設定できます。
スクリーンとぼかしを使ったよくある真ん中だけ白っぽく色あせたものの作り方です。
完成
1. 土台を用意します。
2. ぼかし用のオブジェクトを用意します。(色は黒に近づくと土台の色になっていきます。)
3. ぼかしを入れます。
4. ブレンドモードをスクリーンにします。
スクリーンとぼかしは結構使う便利技です。
オブジェクトを均等に整列したい時のやり方です。
水平に均等に配置します。
整列させたいオブジェクトを選択します。
次に上のちょっと右あたりに整列するためのボタンがあるのでここを押します。
水平に揃えるために「垂直方向に揃える」から「上下中央揃え」を選択します。
「水平方向に揃える」から「水平方向に等間隔に配置」を押して、あとは好きな等間隔に調整します。
出来上がりです。
スライスが自動で期待のものにならなかった時に、手動でスライスのサイズを指定する方法です。
1. 書き出しペルソナ
2. いつものようにスライスを作成する
3. スライスタブからスライスのサイズを指定したいものを選択して、右下の変換ウィンドウから好きな数値をいれて、書き出し
角度指定をとりあえず雑に指定する方法のメモです。
Unity InspectorのRotationでx, y, zを指定して角度を入力する方法です。(Quaternionから逃げたい！)
float angle = 90; transform.eulerAngles = new Vector3(0, 0, angle); // or transform.rotation = Quaternion.Euler(new Vector3(0, 0, angle));
プロトタイプを作っているときに角度を指定したい場面に出会すといっつも忘れてしまうのでメモです！
角度指定は「ユーラー」と覚えておけば今度こそ覚えているはず！
utf8jsonを使おうとしたところAndroidでは事前に自動生成したファイルが必要になるらしいです。その自動生成するバイナリ(Utf8Json.UniversalCodeGenerator)も提供されているのですが、Macでは動かないらしく、ソースコードから自分でビルドしてあげる必要があるみたいです。
上記の問題を解決するためにdockerにしてしまいました。
macにdocker hubがインストールされていれば、動くと思います。
内容は以下の２点です。
utf8jsonは速いらしい！
