https://www.htxarduino.dk/index.php?action=history&feed=atom&title=GrafikobjekterGrafikobjekter - Versionshistorie2026-06-15T22:25:26ZVersionshistorie for denne side i HTX ArduinoMediaWiki 1.45.1https://www.htxarduino.dk/index.php?title=Grafikobjekter&diff=3223&oldid=prevBar med 24. okt. 2022, 19:112022-10-24T19:11:03Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="da">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Ældre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen fra 24. okt. 2022, 21:11</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Linje 1:</td>
<td colspan="2" class="diff-lineno">Linje 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Eksemplet her tager udgangspunkt i PImage<ref>[https://processing.org/reference/PImage.html PImage] på Processing.org</ref>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Eksemplet her tager udgangspunkt i PImage<ref>[https://processing.org/reference/PImage.html PImage] på Processing.org</ref>. </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Til koden hører 4 små billeder der er 120x120 pixel .jpg filer. Koden kan hentes i [[media:procImages.zip|denne ZIP-fil]].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Til koden hører 4 små billeder der er 120x120 pixel .jpg filer. Koden kan hentes i [[media:procImages.zip|denne ZIP-fil]].</div></td></tr>
</table>Barhttps://www.htxarduino.dk/index.php?title=Grafikobjekter&diff=3136&oldid=prevBar: 1 version importeret2022-10-24T18:18:23Z<p>1 version importeret</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="da">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Ældre version</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Versionen fra 24. okt. 2022, 20:18</td>
</tr><tr><td colspan="2" class="diff-notice" lang="da"><div class="mw-diff-empty">(Ingen forskel)</div>
</td></tr></table>Barhttps://www.htxarduino.dk/index.php?title=Grafikobjekter&diff=3135&oldid=prevhtx_>Bar med 14. nov. 2018, 12:172018-11-14T12:17:36Z<p></p>
<p><b>Ny side</b></p><div>Eksemplet her tager udgangspunkt i PImage<ref>[https://processing.org/reference/PImage.html PImage] på Processing.org</ref>.<br />
<br />
Til koden hører 4 små billeder der er 120x120 pixel .jpg filer. Koden kan hentes i [[media:procImages.zip|denne ZIP-fil]].<br />
<br />
Da der anvendes 4 billeder, så placeres de i et [[array]], hvilket sker i to datastrukturer. Den ene datastruktur '''names''' indeholder filnavnene, og den anden datastruktur '''photos''' er der hvor billederne læses ind i programmets hukommelse.<br />
<br />
Den sidste data-model er en simpel int-variabel, der angiver hvilket billede der vises. Den starter på 0, så det er pic1.jpg der vises.<br />
<br />
[[fil:showImage.png|right|thumb|160px|Visning af et Billede]]<br />
I [[draw()]] vises blot det aktuelle billede.<br />
<br />
For at kunne skifte mellem billederne etableres en [[mouseClicked()]]-eventhandler, der kaldes hver gang der er klikket på musen. Her tælles aktuel en frem hver gang, og begrænses til området 0 til 3.<br />
<br />
Som det kan ses i ZIP-filen, så kan billederne placeres i en mappe under program-koden der hedder Data - dette er standard-stedet for processing at hente filer. Processing kan håndtere 4 forskellige billedfil-typer: .jpg - .png - .gif og .tga.<br />
<source lang="C"><br />
String [] names = {"Pic1.jpg", "Pic2.jpg", "Pic3.jpg", "Pic4.jpg"};<br />
PImage [] photos = new PImage[names.length];<br />
int aktuel = 0;<br />
<br />
void setup() {<br />
size(160, 160);<br />
for (int n = 0; n < names.length; n++) {<br />
photos[n] = loadImage(names[n]);<br />
}<br />
}<br />
<br />
void draw() {<br />
background(0);<br />
image(photos[aktuel], 20, 20);<br />
}<br />
<br />
void mouseClicked() {<br />
aktuel++;<br />
if (aktuel == names.length) {<br />
aktuel = 0;<br />
}<br />
}<br />
</source><br />
<br />
==Referencer==<br />
<references /><br />
{{Spiludvikling}}<br />
<br />
[[Kategori:Spil_Visning]]<br />
[[Kategori:Grafik_i_Processing]]</div>htx_>Bar