Kuvakemaatti

Ennen kuin todella aloitamme kuvakkeiden luomisen Kuvakemaatissa, muutama sana Haikun kuvakkeista yleensä.

BeOS-bittikartta vs. Haikun-vektorikuvakkeet

Päinvastoin kuin BeOS, Haiku käyttää vektorikuvakkeita bittikarttakuvakkeiden sijasta. Kehitettiin erityinen Haiku-vektorikuvakemuoto (HVIF), joka on hyvin optimoitu pieneen tiedostokokoon ja nopeaan renderointiin. Tästä syystä kuvakkeemme ovat enimmäkseen paljon pienempiä kuin bittikartat tai laajalti käytetty SVG-muoto. Myös toisin kuin BeOS:n bittikarttakuvakkeissa, Haiku ei ole rajoittunut 8-bittiseen palettiin (256 väriä).
Ota esimerkiksi tämä Pääteikkunakuvake:

Bittikartta	SVG	HVIF
1,024 tavua + 256 tavua	7,192 tavua	768 tavua

Huomaa, että BeOS käytti kahta kuvakeversiota, yksi 16x16 ja toinen 32x32 saavuttaakseen hyvän visuaalisen asun luetteloissa ja kuvakenäkymätilassa.

Tätä temppua ei tarvita vektorikuvakkeissa. Paitsi että koko on vain muutamia satoja tavuja, vektorikuvakkeet skaalautuvat myös paljon paremmin kuin bittikarttatiedostot. (Huomaa: BeOS tarjosi ainoastaan 16x16 ja 32x32 näytöt.)

	16x16	32x32	64x64	128x128
Bittikartta
Vektori

Kuvakkeet ovat attribuutteja

Kuvakkeet tallennetaan tiedoston attribuuttina. Se ei kuitenkaan tarkoita, että jokaisella tiedostolla on tämä attribuutti, joka näkyy Seuraajan ikkunassa: datatiedostot perivät kuvakkeensa tiedostotyypistään. Yleisesti käytettyä tiedostotyypin kuvaketta voi muuttaa Tiedostotyypit-asetuksista. Jos haluat vain lisätä tietyn kuvakkeen yksittäiseen tiedostoon, käytä siihen sen sijaan Tiedostotyyppilisäosaa. Katso lisätietoja aiheesta Tiedostotyypit.

Kuvakkeiden luominen Kuvakemaatilla

Kuvakemaatti on Haikun kuvake-editori, joka voi tallentaa työsi HVIF-, SVG- tai PNG-tiedostona. Kuvake voidaan myös suoraan liittää olemassa olevan tiedoston attribuutiksi tai viedä kehittäjien käyttämäksi resurssiksi tai lähdetiedostoksi. Koska sovellus räätälöitiin optimoituun HVIF-muotoon, sen käyttö heijastaa tämän muodon sisäistä toimintaa.

Toisin kun tavalliset vektorigrafiikkaohjelmistot, et jaa erillisiä objekteja, joista jokainen sisällyttää kaikki tietyt ominaisuutensa, kuten polku, viivaleveys, viiva ja täyttöväri, jne. Pikemminkin asennat objekti("hahmosi") jaetuista poluista ja väreistä ("tyylit") ja asetat tiettyjä ominaisuuksia. Tämä elementtien uudelleenkäyttö on yksi HVIF-muodon tehokkuuden salaisuuksista. Vaikka se määrää joitakin rajoituksia kuvakesuunnittelijalle, siitä on myös muutamia etuja.
Esimerkiksi polkua uudelleenkäytettäessä useita objekteja voidaan muokata yhdessä manipuloimalla tätä yhtä polkua. Ajattele objektia ja sen varjoa. Niiden jaetun polkun muokkaaminen muuttaa itse objektia ja automaattisesti sen (ehkä hiukan vääristynyttä/kääntynyttä) varjoa.

Tässä on Kuvakemaatti-ikkunan pikayleiskuva:

Tarvitset kaikkien näkyvien objektien luominen kankaalle hahmoa polulla ja tyylillä. Kätevästi voit luoda yhden, kaksi tai kaikki kolme yhdessä Hahmo-valikosta. Jokaisella objektityyppillä (polut, hahmot, tiedostomuuntimet, ja tyylit) on valikko sen elementtiluettelon yläpuolella tarjoten eri komentoja. Jokaisella elementillä on tiettyjä valitsimia, jotka asetetaan Ominaisuudet-näkymässä.

Polku

Polku koostuu useista pisteistä, jotka yhdistetään viivoilla tai Bezier-kaarilla. Pisteiden lisäämiseksi tai muuttamiseksi varmista, että polku on valittu polkuluettelossa.

Kankaan napsauttaminen asettaa yksinkertaisesti ensimmäisen pisteen. Pisteitä asetettaessa päätät, jos tuloksena oleva viiva on suora tai kaareva: yksinkertainen napsautus ja vapautus tuottaa suoran viivan, hiiren painikkeen pitäminen alhaalla ja hiiren siirtäminen raahaa Bezier-kaaren kahvan. Tietysti voit myös muuttaa sen kaiken myöhemmin.

Päästäksesi pisteestä "A" pisteeseen "B", sinun on muunnettava joitakin pisteitä kulmapisteistä kaaripisteiksi. Se tehdään pitämällä ALT-näppäin alhaalla samalla kun napsautetaan pistettä ja raahataan sitä kahvoista. Tästä on seurauksena symmetrinen Bezier-kaari: toinen kahva seuraa ensimmäisen liikettä. Jos sinulla on tarve siirtää kahvoja toisistaan riippumatta, napsauta ja rahaa taas Bezier-kahvasta samalla kun pidät alhaalla ALT-näppäintä.
Päinvastaisessa tapauksessa, mentäessä Bezier-kaaresta kulmapisteeseen, pidä alhaalla ALT-näppäintä ja napsauta pistettä.

Pisteen siirtämiseksi yksinkertaisesti napsauta ja raahaa sitä. Useamman kuin yhden pisteen valitsemiseksi pidä alhaalla VAIHTO-näppäin ja piirrä valintanelikulmio. Valitut pisteet merkitään punaisella reunalla eikä tavallisella mustalla.
Pisteen lisäämiseksi polkuun napsauta yhdysviivaa kahden pisteen välillä.
Valitut pisteet poistetaan painamalla DEL-näppäintä tai napsauttamalla mitä tahansa pistettä samalla kun pidetään alhaalla CTRL-näppäintä.

Hiiren osoitin osoittaa nykyisen tilan:

Siirrä pisteet	Lisäpiste	Lisää piste	Poista piste CTRL	Kulma↔Bezier ALT	Valitse pisteet VAIHTO

Voit kutsua asiayhteysvalikkoa napsauttamalla pistettä tai pisteiden valintaa hiiren kakkospainikkeella:

Polkuvalikko

Valikko Polku tarjoaa muutamia ilmeisiä rivejä Lisää nelikulmio and Lisää ympyrä tai polulle Tee kaksoiskappale tai Poista. Tässä on muutamia, jotka vaatinevat lisäselitystä:

Polkuominaisuudet

Ominaisuudet ikkunan vasemmassa alakulmassa tarjoaa kaikki käytettävissä olevat nykyisin valitun objektin asetukset. Polulla on vain kaksi: a Nimi ja onko se Suljettu vai ei.

Hahmo

Hahmo ryhmittää yhteen yhden tai useampia polkuja, joilla on tyyli. Käytännössä se on objekti, jonka todellisuudessa näkee canvas-komponentissa. Ryhmitys tehdään valintaruuduilla polkujen ja tyylien edessä: valitse vain hahmosi ja rasti halutut polut ja tyyli.

Hahmo määrittää, kuinka polku ja tyyli toteutetaan, esimerkiksi sen, että onko objekti täytetty vai vain raidoitettu (mikä tehdään käyttämällä muunninta hahmossa, tulemme siihen myöhemmin). Myös hahmoa voidaan siirtää, pyörittää ja sen kokoa voidaan muuttaa koskettamatta käytettyä polkua. Tällä tavalla voit käyttää uudelleen yksittäistä polkua ja saada erilaisen, mutta sukua olevat muodot.

Kun hahmo valitaan luettelosta, sen ympärille piirretään nelikulmio. Riippuen siitä, mistä tartut siihen, hahmoa siirretään, sen kokoa muutetaan tai sitä pyöritetään keskipisteen ympäri, mitä itseäkin voidaan siirtää. Pitämällä VAIHTO-näppäimen alhaalla lukitaan siirtosuunta, rajoitetaan pyörittäminen 45°:een ja rajoitetaan kuvasuhdetta kokoa muutettaessa. Hiiren osoitin kertoo taas nykyisen tilan:

Siirrä	Muuta kokoa	Pyöritä	Siirrä pyörityspistettä

Hahmot sijaitsevat toistensa päällä, jokainen omassa kerroksessaan, jos niin halutaan. Ne voi järjestää uudelleen rahaamalla ja pudottamalla komponenttirivin eri kohtaan luettelossa.

Hahmovalikko

Hahmo-valikko tarjoaa aiemmin mainitut mahdollisuudet Lisää tyhjä, path/style/path-polku ja tyyli ja hahmolle Tee kaksoiskappale tai Poista. Sitten on myös:

Hahmo-ominaisuudet

Paitsi Nimi, hahmon Ominaisuudet-näkymällä on nämä valitsimet:

Yksityiskohtataso (LOD)

16x16	32x32	64x64

Katso, onko BeVexed-kuvakkeen 16 pikseliversiossa numeroita? Se tehdään niiden hahmojen "Yksityiskohtataso"-asetuksella.
LOD-asetuksella ohjaat hahmon näkyvyyttä sen koosta riippuen. Sillä tavalla voit jättää pois kuvakkeesta yksityiskohdat, jotka näyttävät hyvältä isommassa kuvakkeessa, mutta eivät niin paljoa pienemmässä versiossa.

Näin se toimii: 1.0 LOD on määritelty 64 pikselin kuvakekoko. Jotta saataisiin tietty LOD-kuvakekoko, se on yksinkertaisesti jaettava 64:lla, esimerkiksi 16 pikselin kuvakkeella on 16/64 LOD = 0.25. Hahmo ei ole näkyvä sen Minimi LOD-arvon alla ja sen Maksimi LOD-arvon yläpuolella.

Joten, jos asetat hahmon Minimi LOD-arvoksi 0.0 ja Maksimi LOD-arvoksi 0.5, tämä tarkoittaa, että hahmo on näkyvä ainoastaan kuvakekkoina, jotka ovat pienempiä tai yhtäsuuria kuin 32 pikseliä. Jos haluat sulkea pois 32 pikselin kuvakekoon, sinun on jäätävä arvon 0.5 alapuolelle, sanotaan vaikka 0.49.

LOD ei ole vain hahmon yksityiskohtien jättämistä varten, mutta myös esim.: piirrosviivan leveyden vaihtamiseksi erikokoiseksi, jos sinusta tuntuu, että sitä tarvitaan. Kopioi hahmosta kaksoiskappale ja tee muutoksesi sekä aseta sen molemmat LOD-asetukset näyttämään joko yhtä tai toista. Tässä on yksi hämmennyksen lähde, kun vahingossa kirjoitat hahmon LOD-arvojen päälle, ja ihmettelet, että miksei jotkut kokoarvot ole näkyvissä...
Esimerkiksi, jos Hahmo 1 näytettiin alle 48 pikselin kokoisena ja Hahmo 2 arvosta 48 pikseliä ylöspäin (LOD: 48/64 = 0.75):

Tyyli

Tyyli voi olla joko täysivärinen tai jonkuntyyppinen liukuväri.
Paitsi ennakolta määriteltyjä värejä Palaset-valikossa, voit sekoittaa värejä napsauttamalla nykyistä väriä. Huomaa myös liukukytkin värispektrin alla, mikä asettaa alfakanavan (läpinäkyvyys).

Luot uuden tyylin nopeasti sekoittamalla värisi ja yksinkertaisesti raahaamalla ja pudottamalla sen tyylien luetteloon.

Jos siirryt liukuväriin, aseta tyypiksi (Lineaarinen, Säteettäinen, Vinoneliö, Kartio) ja määrittele sitten alku- ja loppuvärit. Tämä tehdään raahaamalla ja pudottamalla värisanko vastaavaan väri-indikaattoriin liukuvärin alla.
Voit tietysti siirtää nämä indikaattorit vaihtamaan liukuväriä halusi mukaan. Voit myös lisätä lisää värejä kaksoisnapsauttamalla liukuväriin. Painikkeen DEL painaminen poistaa valitun indikaattorin.

Voit siirtää, muuttaa kokoa ja kääntää liukuvärin esittelyikkunaa piirtoalueella kunnes se sopii tarkoituksiisi. Tämä toimii kuten hahmoilla.

Tyylivalikko

Tyyli-valikko tarjoaa tavallisia valikkorivejä Lisää, Tee kaksoiskappale tai Poista tyyli ja Nollaa muunnos.

Tyyliominaisuudet

Nimi on tyylin ainoa Ominaisuus.

Muunnin

Hahmolla voi olla Muuntimia, jotka vaihtavat sen ulkoasun. Tehosteet ovat kuitenkin hienovaraisempia kuin kuorma-auton muuntuminen taistelurobotiksi...

Muuntimen Lisää-valikko

Muuntimen tyypistä riippuen saat erilaisia ominaisjoukkoja.

Muunninominaisuudet

Paitsi Muuntimen Nimi ja todellinen Leveys, Ominaisuudet-valikkonäkymällä on nämä (riippuen lievästi sen tyyppieroista) valitsimet:

Kuvakkeen tallentaminen

Ylimpänä on tavallinen valikkopalkki, Tiedosto, Muokkaa, Valitsimet. Käyttö on paljolti itsestäänselvää, joten katsomme vain, kuinka työ tallennetaan.

Tiedosto | Tallenna nimellä... tallentaa erikoisessa Kuvakemaatti-muodossa, joka säilyttää lisätiedot, kuten polkujen nimet, hahmot ja tyylit. Nämä riisutaan todellisesta kuvakkeesta heti kun viet sen tallennustilaan. On hyvä ajatus varmuuskopioida työsi tällä tavoin, koska ilman nimettyjä objekteja kaikki nimetään "<polku>/<hahmo>/<tyyli>" mikä tekee tietyt vaihdot hankaliksi.

Tiedosto | Vie nimellä... avaa tutun tallennuspaneelin, jonka pohjalla on tiedostonmuodon ponnahdusvalikko, joka tarjoaa nämä valinnat:

Vihjeet ja niksit

Muutamia asioita tulisi pitää mielessä, kun työskennellään Kuvakemaatilla ja joitakin yleisiä vihjeitä sen käytöstä:

• Lue Kuvakeohjeet oppiaksesi Haiku-kuvakkeiden tärkeät ominaisuudet, esim.: perspektiivi, värit ja varjot.

• Polkujen käyttöä tulisia aina yrittää minimoida, koska ne ovat kalliimpia tiedoston koon kannalta. Yritä käyttää polkuja uudelleen aina kun mahdollista ja työskentele sen sijaan manipuloitujen hahmojen ja niiden muunnosten kanssa. Liukuvärien älykäs käyttö voi myös säästää tilaa.

• Pitäisi milloin vain mahdollista aktivoida Kiinnitä-rasteriin Valitsimet-valikosta kun muokataan polkuja. Polkupisteet, jotka tasaavat 64x64 pikselin rasterikäyttöön käyttävät vähemmän tallennustila. Saat myös teräväpiirteisemmän näkymän, jos pisteet on asetettu tarkalleen pikselirajoille. Esimerkiksi, on tärkeää tasata silmiinpistävimmät ääriviivat 16x16-rasteriin.

• Tarkista esikatselu nähdäksesi, näyttääkö kuvake yhä hyvältä 16x16-koossa. Haluat ehkä käyttää Hahmo-kappaleessa kuvailtuja Yksityiskohtataso-asetuksia.

• Kirjainten tuottamien on helppoa, vaikka Kuvakemaatti ei tarjoa sellaista työkalua. Kirjoita vain teksti sellaisessa tekstieditorissa kuin StyleEdit, säädä kirjasintyyppi ja -tyyli sekä raahaa ja pudota tai kopioi-liitä valittu teksti Kuvakemaattiin. Tämä luo vastaavat polut ja hahmot.

• Jos liität useamman kuin yhden polun hahmoon, päällekkäiset alueet peruvat toisensa. Kun yksi polku on kokonaan toisen sisällä, se luo käytännössä reiän tuloksena olevaan hahmoon.

• Voit lähentää ja loitontaa piirrosaluetta hiiren rullalla. Vieritys tehdään joko napsauttamalla ja raahaamalla hiiren keskimmäisellä painikkeella tai normaalilla napsauta hiiren vasemmalla painikkeella ja raahaa samalla kun VÄLI-painiketta pidetään alhaalla.