Java applety - základná práca - História úprav

Juraj na 21:30, 27. december 2010

2010-12-27T21:30:55Z

Juraj na 20:59, 12. november 2010

2010-11-12T20:59:58Z

Juraj na 19:39, 23. október 2010

2010-10-23T19:39:26Z

Juraj na 20:17, 22. október 2010

2010-10-22T20:17:36Z

Juraj na 18:05, 17. október 2010

2010-10-17T18:05:57Z

Juraj: Vytvorená stránka „{{Navigacne menu - java}} Pri práci s grafikou treba pamätať na fakt, že začiatok súradnicového systému [0,0] je v ľavom hornom rohu. Os x rastie smerom doprava a…“

2010-10-16T19:32:21Z

Vytvorená stránka „{{Navigacne menu - java}} Pri práci s grafikou treba pamätať na fakt, že začiatok súradnicového systému [0,0] je v ľavom hornom rohu. Os x rastie smerom doprava a…“

Nová stránka

{{Navigacne menu - java}}
Pri práci s grafikou treba pamätať na fakt, že začiatok súradnicového systému [0,0] je v ľavom hornom rohu. Os x rastie smerom doprava a os y rastie smerom dolu.

==Kreslenie čiar==
'''Úloha 1.1''': Do appletu nakreslite čiary do oboch uhlopriečok.

'''Analýza úlohy'''

Pre kreslenie čiar existuje metóda triedy Graphics drawLine:
<source lang="java">
public abstract void drawLine(int x1, int y1, int x2, int y2);
</source>
Kde:
*x1 - súradnica x prvého bodu.
*y1 - súradnica y prvého bodu.
*x2 - súradnica x druhého bodu.
*y2 - súradnica y druhého bodu.

Súradnica pravého dolného rohu appletu je daná samotnými rozmermi appletu. Teda jeho šírkou a výškou. Tieto hodnoty sa dajú jednoducho zistiť metódami triedy Applet getWidth a getHeight. Body medzi ktorými ideme kresliť čiary sú vlastne rohy okna appletu. Sú to tieto body:
*Ľavý horný roh - [0,0]
*Pravý horný roh - [šírka,0]
*Ľavý dolný roh - [0,výška]
*Pravý dolný roh - [šírka ,výška]

Riešenie:
<source lang="java">
import java.applet.*;
import java.awt.*;

public class Ciary extends Applet {

public void init() {
}

public void paint( Graphics g ) {
int sirka = this.getWidth();
int vyska = this.getHeight();
g.drawLine(0,0,sirka,vyska);
g.drawLine(0,vyska,sirka,0);
}
}
</source>
Výsledok:

[[Súbor:applet1.png|center|framed]]

'''Úloha 1.2''': Do prvého appletu doplňte čiary nasledovne: z bodu [0,0] nakreslite "vejár" smerujúci na pravú stranu. Podobne, ale z bodu [sirka,0] nakreslite čiary v tvare vejára na ľavú stranu.

'''Analýza úlohy'''
V úlohe nie je povedané koľko čiar má mať vejár. Preto si zvoľme ''n'' čiar. Toto ''n'' potom môžeme ľubovoľne meniť. Keď budeme kresliť čiary z bodu [0,0] na protiľahlú pravú stranu, chceme aby boli rozostupy medzi týmito čiarami rovnaké. Označme si tento rozostup ako ''krok''. ''Krok'' vypočítame jednoducho: stačí vydeliť výšku appletu počtom čiar, ktoré chceme nakresliť. Teda: <math>krok=vyska/n</math>.
Postupne budeme kresliť čiary z bodu [0,0] do bodov [sirka,0], [sirka,krok], [sirka,2*krok] ... [sirka,n*krok]. Kde vlastne n*krok je vyska.

Riešenie:
<source lang="java">
import java.applet.*;
import java.awt.*;

public class Ciary2 extends Applet {

public void init() {
}

public void paint( Graphics g ) {
g.setColor( Color.green );
int sirka = this.getWidth();
int vyska = this.getHeight();
int n=10;
int krok = vyska/n;
for(int i=0; i<n ; i++)
{
g.drawLine(0,0,sirka,i*krok); //vejar zľava doprava
g.drawLine(sirka,0,0,i*krok); //vejar sprava doľava
}
}
}
</source>
[[Súbor:applet2.png|center|framed|Vejár z 10-tich čiar (n=10)]] [[Súbor:applet3.png|center|framed|Vejár z 30-tich čiar (n=30)]]

'''Úloha 1.3''': Vytvorte obrazec, z ktorého stredu budú vychádzať čiary k hornému a dolnému okraju okna.

'''Analýza úlohy'''

Úlohu si upravíme, aby sa dala ľahšie implementovať. Prvá čiara bude vlastne uhlopriečka okna z ľavého horného rohu do pravého dolného rohu. Teda z bodu [0,0] do bodu [sirka,vyska].
Druhá čiara bude vychádzať z bodu [1*krok,0] do dobu [sirka-1*krok,vyska]. Ďalšia čiara pojde z bodu [2*krok,0] do dobu [sirka-2*krok,vyska]. Posledná čiara pôjde z bodu [n*krok,0] do dobu [sirka-n*krok,vyska]. čo je vlastne [sirka,0] do dobu [0,vyska].
Ešte poznamenajme, že premenná krok je teraz: <math>krok=sirka/n</math>

[[Súbor:applet4.png|center|framed]]

==Kreslenie ostatných tvarov==

<source lang="java">
</source>
<source lang="java">
</source>
<source lang="java">
</source>
==Farby==
<source lang="java">
</source>
<source lang="java">
</source>
<source lang="java">
</source>

@@ Riadok 75: / Riadok 75: @@
+}
 </source>
-[[Súbor:applet2.png|center|framed|Vejár z 10-tich čiar (n=10)]] [[Súbor:applet3.png|center|framed|Vejár z 30-tich čiar (n=30)]]
+[[Súbor:applet2.png|center|framed|Vejár z 10-tich čiar (n=10)]]
@@ Riadok 497: / Riadok 498: @@
+}
 </source>
 Pre všetky obrázky platí K: [200,200], R=100
-*kruhy 1: r=40, krok=PI/8
+[[Súbor:applet kruh 1.png|thumb|center|200px|kruhy 1, r=40, krok=PI/8]]
-*kruhy 2: r=100, krok=PI/16
+[[Súbor:applet kruh 2.png|thumb|center|200px|kruhy 2, r=100, krok=PI/16]]
-*kruhy 3: r=100, krok=PI/2
+[[Súbor:applet kruh 3.png|thumb|center|200px|kruhy 3, r=100, krok=PI/2]]
-Kde K červená kružnica, r je polomer čiernych kružníc, a krok je inkrement v uhle alfa.
+Kde K červená kružnica, r je polomer čiernych kružníc, a ''krok'' je inkrement v uhle ''alfa''.

@@ Riadok 1: / Riadok 1: @@
 {{Navigacne menu - java}}
 Pri práci s grafikou treba pamätať na fakt, že začiatok súradnicového systému [0,0] je v ľavom hornom rohu. Os x rastie smerom doprava a os y rastie smerom dolu.
+__TOC__
 ==Kreslenie čiar==
 '''Úloha 1.1''': Do appletu nakreslite čiary do oboch uhlopriečok.
@@ Riadok 416: / Riadok 416: @@
 [[Súbor:applet9.png|center|framed]]

@@ Riadok 256: / Riadok 256: @@
 ==Farby==
 <source lang="java">
 </source>
 <source lang="java">
 </source>
 <source lang="java">
 </source>

@@ Riadok 86: / Riadok 86: @@
 Ešte poznamenajme, že premenná krok je teraz: <math>krok=sirka/n</math>
 [[Súbor:applet4.png|center|framed]]
 ==Kreslenie ostatných tvarov==
 <source lang="java">
 </source>