0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Next2DAdvent Calendar 2021

Day 3

Next2D NoCode Toolで絵を描く

Last updated at Posted at 2021-12-02

描画ツール

本日は、描画ツールを紹介したいと思います。
Tool Areaに雛形として、矩形楕円角丸矩形を準備してます。
スクリーンショット 2021-12-01 23.06.21.png
ツールを選択後、Screen Area上で描画範囲をマウスで選択する事で追加できます。
スクリーンショット 2021-12-02 11.38.36.png

塗りツール

色設定もTool Areaに設置されてます。
画像の上から、塗りの色線の色線の幅となっています。
線の幅が0の時は線の描画は行われず、塗りだけが実行されます。
スクリーンショット 2021-12-01 23.09.05.png
Screen AreaにShapeを追加した後、Controller Areaから以下の色設定変更が可能です。

  • 色変更
  • 画像の塗り(繰り返し)
  • 線形グラデーション
  • 円形グラデーション
    スクリーンショット 2021-12-01 23.03.58.png

ペンツール

ペンツールはマウスで自由に線を描く事ができます。
スクリーンショット 2021-12-01 23.07.47.png

塗りツールの線の幅とカラー設定すると、Screen Areaに直接線を描く事ができます。
スクリーンショット 2021-12-02 11.04.09.png
スクリーンショット 2021-12-02 11.06.36.png

変形ツール

Tool AreaのShape変形ツールからShapeのパスのカスタマイズが可能です。
スクリーンショット 2021-12-01 23.21.14.png

四角のポインターがパスのxy座標で、円のポインターがカーブのxy座標になっています。
Shapeの外側もしくは内側をダブルクリックすると新しいパスのポインターが追加されます。
四角のポインターをダブルクリックすると円のポインターが追加され、Deleteボタンで削除する事ができます。
スクリーンショット 2021-12-02 10.59.38.png

中抜き

中抜きを行いたい場合は新たに雛形などでShapeを追加し、右クリックで表示されるモーダルメニューのIntegrating pathsでShapeを結合させる事ができます。
スクリーンショット 2021-12-01 23.31.40.png

動作サンプル動画

(僕自身、絵が描けないので下手なサンプル動画となり、すみません。。。)

Shape機能は、まだまだ機能が不足していると思いますので、これから順次機能を拡張できればと思っています。
もし、この記事を見て、どんな絵が描けるか試してたい方はこちらから動作確認が可能です。
NoCode Tool

明日はテキストツールを紹介できればと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?