JES アプリケーションでグラフィックを作成する方法

JES アプリケーションでグラフィックを作成する方法

JES は、写真、ビデオ、およびサウンドを編集できるプログラミング環境です。JES では、イメージを選択して各ピクセルの色を変更できます。このプログラムによるアプローチにより、興味深い方法で画像を編集できます。

JES には、独自のグラフィックスをイメージに追加する組み込み機能も含まれています。これには、長方形、楕円、円などの線や形状が含まれます。

JES で空のキャンバスを作成する方法

JES を使用して既存のイメージをレンダリングできます。これには、ユーザーが自分のコンピューターに保存したものや、ユーザーがアップロードすることを選択したものも含まれます。空白の画像に図形を描画する場合は、組み込みの makeEmptyPicture() 関数を使用して、代わりに新しい空のキャンバスを作成できます。

  1. 新しい JES アプリケーションで、createEmptyPicture() という新しい関数を作成します。 def createEmptyPicture():
  2. その中で、組み込みの makeEmptyPicture() 関数を使用します。新しい画像の幅と高さをピクセル単位で関数に渡します。JES は Jython を使用するため、Python の場合と同様にコードをインデントしてください。Python スキルを修正する必要がある場合は、初心者向けのいくつかの重要な Python コマンドを確認できます。 emptyPicture = makeEmptyPicture(600, 300)
  3. show() 関数を使用して画像を表示します。 show(emptyPicture)
  4. プログラミング領域とコマンド ラインの間にある[プログラムのロード] ボタンをクリックします。はいをクリックし、既存のコードを新しいファイルに保存します。
    プログラムをロードしてダイアログを保存
  5. コマンド ラインに次のコードを入力します 。Enter キーを押すと、createEmptyPicture 関数が呼び出されます。 createEmptyPicture()
    コマンドラインで空の画像関数を作成する
  6. 関数が実行され、新しい空のキャンバスが表示されます。
    空のキャンバスを表示する新しいウィンドウ

長方形を作成および追加する方法

JES を使用して、長方形などの形状を作成できます。JES では、x 座標と y 座標は、イメージの左下隅ではなく、左上隅から始まります。

座標の例を含む空の画像

組み込みの addRect() 関数を使用して、空の画像に四角形を描画します。

  1. drawRectangle() という新しい関数を作成します。 def drawRectangle():
  2. 関数内で、新しい空の画像を作成します。 pic = makeEmptyPicture(600, 300)
  3. addRect() 関数を使用して長方形を描画します。addRect() 関数は 6 つのパラメーターを受け取ります。最初のパラメーターは、描画したい画像を格納する変数です。これに続くのは、長方形の左上隅の x 座標と y 座標です。最後に、右下隅の x 座標と y 座標、および境界線の色を渡します。 addRect(pic, 50, 100, 200, 50, red)
  4. addRect() の代わりに addRectFilled() 関数を使用して、塗りつぶされた長方形を追加することもできます。 addRectFilled(pic, 100, 200, 200, 50, red)
  5. show() 関数を使用して画像を表示します。 show(pic)
  6. プログラミング領域とコマンド ラインの間にある[プログラムのロード] ボタンをクリックします。
  7. コマンド ラインから drawRectangle() 関数を実行します。
    コマンドラインで長方形関数を描く
  8. 画像が開き、作成した長方形が表示されるまで待ちます。
    長方形を示す空の画像

円と楕円を作成および追加する方法

組み込みの addOval() 関数を使用して、楕円と円の両方を作成できます。円を作成する場合は、楕円の幅と高さが同じであることを確認してください。

  1. drawCircle() という新しい関数を作成します。 def drawCircle():
  2. 関数内で、新しい空の画像を作成します。 pic = makeEmptyPicture(600, 300)
  3. addOval() 関数を使用して楕円を作成します。楕円を描画したい画像を関数の最初の引数として追加します。楕円の左上点の x 座標と y 座標を入力します。幅と高さを追加します。楕円を描く場合は、同じである必要はありません。最後の引数は、楕円の輪郭の色を取ります: addOval(pic, 100, 100, 50, 100, red)
  4. 塗りつぶされた楕円を追加するには、addOval() 関数の代わりに addOvalFilled() 関数を使用します。 addOvalFilled(pic, 200, 100, 50, 100, red)
  5. 同じ addOval() 関数を使用して円を作成できます。3 番目と 4 番目の引数として入力された幅と高さの値が同じであることを確認します。 addOval(pic, 350, 100, 50, 50, red)
  6. addOvalFilled() 関数を使用して塗りつぶされた円を作成します。 addOvalFilled(pic, 450, 100, 50, 50, red)
  7. show() 関数を使用して画像を表示します。 show(pic)
  8. プログラミング領域とコマンド ラインの間にある[プログラムのロード] ボタンをクリックします。
  9. コマンド ラインで drawCircle() 関数を実行します。
    コマンドラインで楕円関数を描く
  10. 画像が開いて、描画された楕円と円が表示されるまで待ちます。
    楕円形と円形を示す空の画像

ラインを作成および追加する方法

addLine() 関数を使用して、JES で空のイメージに線を描画します。

  1. drawLine() という新しい関数を作成します。 def drawLine():
  2. 関数内で、新しい空の画像を作成します。 pic = makeEmptyPicture(600, 300)
  3. addLine() 関数を使用して線を描画します。線を引く絵を入力します。2 番目と 3 番目の引数には、開始点の x 座標と y 座標を入力します。4 番目と 5 番目の引数には、終点の x 座標と y 座標を入力します。最後に線の色を入力します。これは (50, 200) から (250, 200) への線を引きます: addLine(pic, 50, 200, 250, 200, red)
  4. show() 関数を使用して画像を表示します。 show(pic)
  5. プログラミング領域とコマンド ラインの間にある[プログラムのロード] ボタンをクリックします。
  6. コマンド ラインで drawLine() 関数を実行します。
    コマンドラインで線を引く機能
  7. 画像が開き、新しい行が表示されるまで待ちます。
    描かれた線を示す空の画像

JES での独自の図形の描画

これで、JES で独自の形状を描くことができるはずです。提供されている他の興味深い画像処理技術を使用して、より創造的になることができます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です