Jak tworzyć grafikę w aplikacji JES

JES to środowisko programistyczne, które umożliwia edycję zdjęć, filmów i dźwięku. JES umożliwia wybranie obrazu i zmianę koloru każdego piksela. To programowe podejście umożliwia edycję obrazów w interesujący sposób.

JES zawiera również wbudowaną funkcję dodawania własnych grafik do obrazów. Obejmuje to linie lub kształty, takie jak prostokąty, owale i koła.

Jak utworzyć puste płótno w JES

Możesz renderować istniejące obrazy za pomocą JES, w tym te, które użytkownik zapisał na swoim komputerze i które wybrał do przesłania. Jeśli chcesz narysować swoje kształty na pustym obrazie, możesz zamiast tego użyć wbudowanej funkcji makeEmptyPicture() w celu utworzenia nowego pustego płótna.

1. W nowej aplikacji JES utwórz nową funkcję o nazwie createEmptyPicture():

   pokutwórz pusty obraz():

2. Wewnątrz niego użyj wbudowanej funkcji makeEmptyPicture(). Przekaż szerokość i wysokość nowego obrazu w pikselach do funkcji. Ponieważ JES używa Jythona, upewnij się, że kod jest wcięty, tak jak w Pythonie. Możesz rzucić okiem na niektóre ważne polecenia Pythona dla początkujących jeśli potrzebujesz zweryfikować swoje umiejętności w zakresie Pythona.

   pustyPicture = makeEmptyPicture (600, 300)

3. Użyj funkcji show(), aby wyświetlić obrazek:

   pokazywać(pusty obraz)

4. Kliknij na Załaduj program znajdujący się między obszarem programowania a linią poleceń. Kliknij Taki zapisz istniejący kod w nowym pliku.
5. Wprowadź następujący kod w linii poleceń:

   utwórz Pusty Obraz()

   Spowoduje to wywołanie funkcji createEmptyPicture po naciśnięciu Enter:
6. Funkcja zostanie następnie uruchomiona, pokazując nowe puste płótno.

Jak tworzyć i dodawać prostokąty

Możesz użyć JES do tworzenia kształtów, takich jak prostokąty. W JES współrzędne x i y zaczynają się od lewego górnego rogu obrazu, a nie od lewego dolnego rogu.

Użyj wbudowanej funkcji addRect(), aby narysować prostokąt na pustym obrazku.

1. Utwórz nową funkcję o nazwie drawRectangle():

   pokrysujprostokąt():

2. Wewnątrz funkcji utwórz nowy pusty obraz:

   pic = makeEmptyPicture (600, 300)

3. Użyj funkcji addRect(), aby narysować prostokąt. Funkcja addRect() przyjmuje sześć parametrów. Pierwszy parametr to zmienna przechowująca obraz, na którym chcesz rysować. Następnie znajdują się współrzędne x i y lewego górnego rogu prostokąta. Na koniec podaj współrzędne x i y prawego dolnego rogu oraz kolor obramowania.

   addRect (zdjęcie, 50, 100, 200, 50, czerwony)

4. Możesz także dodawać wypełnione prostokąty za pomocą funkcji addRectFilled() zamiast addRect():

   addRectFilled (zdjęcie, 100, 200, 200, 50, czerwony)

5. Użyj funkcji show(), aby wyświetlić obraz:

   pokazywać(fotka)

6. Kliknij na Załaduj program znajdujący się między obszarem programowania a linią poleceń.
7. Uruchom funkcję drawRectangle() za pomocą wiersza poleceń:
8. Poczekaj, aż obraz się otworzy, pokazując utworzone prostokąty.

Jak tworzyć i dodawać koła i owale

Możesz użyć wbudowanej funkcji addOval() do tworzenia owali i okręgów. Jeśli tworzysz koło, upewnij się, że szerokość i wysokość owalu są równe.

1. Utwórz nową funkcję o nazwie drawCircle():

   pokrysujOkrąg():

2. Wewnątrz funkcji utwórz nowy pusty obraz:

   pic = makeEmptyPicture (600, 300)

3. Utwórz owal za pomocą funkcji addOval(). Dodaj obrazek, na którym chcesz narysować owal jako pierwszy argument funkcji. Wprowadź współrzędne x i y lewego górnego punktu owalu. Dodaj szerokość i wysokość, które nie muszą być równe, jeśli rysujesz owal. Ostateczny argument przyjmuje kolor konturu owalu:

   addOval (zdjęcie, 100, 100, 50, 100, czerwony)

4. Aby dodać wypełnione owale, użyj funkcji addOvalFilled() zamiast funkcji addOval():

   addOvalFilled (zdjęcie, 200, 100, 50, 100, czerwony) 

5. Możesz użyć tej samej funkcji addOval() do tworzenia okręgów. Upewnij się, że wartości szerokości i wysokości wprowadzone jako trzeci i czwarty argument są takie same:

   addOval (zdjęcie, 350, 100, 50, 50, czerwony)

6. Użyj funkcji addOvalFilled(), aby utworzyć wypełnione koło:

   addOvalFilled (zdjęcie, 450, 100, 50, 50, czerwony)

7. Użyj funkcji show(), aby wyświetlić obraz:

   pokazywać(fotka)

8. Kliknij na Załaduj program znajdujący się między obszarem programowania a linią poleceń.
9. Uruchom funkcję drawCircle() w wierszu poleceń:
10. Poczekaj na otwarcie obrazu, aby wyświetlić narysowane owale i okręgi.

Jak tworzyć i dodawać linie

Użyj funkcji addLine(), aby narysować linie na pustym obrazie w JES.

1. Utwórz nową funkcję o nazwie drawLine():

   pokrysować linię():

2. Wewnątrz funkcji utwórz nowy pusty obraz:

   pic = makeEmptyPicture (600, 300)

3. Użyj funkcji addLine(), aby narysować linię. Wprowadź obrazek, na którym będziesz rysować linię. W drugim i trzecim argumencie wprowadź współrzędne x i y punktu początkowego. W czwartym i piątym argumencie wprowadź współrzędne x i y punktu końcowego. Na koniec wprowadź kolor linii. To rysuje linię od (50, 200) do (250, 200):

   addLine (zdjęcie, 50, 200, 250, 200, czerwony)

4. Użyj funkcji show(), aby wyświetlić obraz:

   pokazywać(fotka)

5. Kliknij na Załaduj program znajdujący się między obszarem programowania a linią poleceń.
6. Uruchom funkcję drawLine() w wierszu poleceń:
7. Poczekaj, aż obraz się otworzy, pokazując nową linię.

Rysowanie własnych kształtów w JES

Powinieneś teraz móc rysować własne kształty w JES. Możesz zacząć być bardziej kreatywny, korzystając z innych interesujących technik przetwarzania obrazu.