CSS-sprites: tuairisgeul air dòighean-obrach bunaiteach agus feumail tips

Nuadh-làraich a bhith luath, laghach agus èifeachdach an dà chuid aig an ìre leasachaidh, agus an uair ag obair le luchd-dèiligidh. Mar riaghailt, a h-uile companaidh a tha a 'cruthachadh ghoireasan air-loidhne, a' feuchainn ri aghaidh a bhith aca fhèin, a 'tàladh luchd-tadhail le a dealbhadh, stoidhle, earbsachd, luaths agus buadhan eile.

Feumail feartan sprites

CSS-sprites a leasachadh an dà chuid an càileachdail feartan an làraich agus a 'chompanaidh an dealbh. Aig a cridhe, chan eil e ro iom-fhillte a leasachadh inneal, ach tha e dha-rìribh luaithe a 'phròiseas agus leasachadh stòrais, agus astar an obair aca.

Am measg rudan eile, tha e simplifies chòd agus, ann an cuid de mhothachadh, tha e so-ghiùlain ri goireasan eile sin, mar thoradh air gu bheil a 'chleachdadh CSS-sprites a tha coltach mar an dlùth-chàirdean, oir faodaidh sibh a' cleachdadh an aon grafaigeach beachdan, stoidhle dealbhadh eileamaidean còmhradh, structar agus na th 'ann an taga.

Anns a 'chùrsa àbhaisteach de leasachadh na làraich a dhèanamh tòrr de dhealbhan. Glè thric, na dealbhan seo a 'gabhail suas glè bheag, ach tha iad an-còmhnaidh air leth faidhle. Airson sam bith an siostam-obrachaidh sam bith fhrithealaiche Fosgail faidhle --obrach seo, àm-caitheamh, ge-tà, nach bi eadar-dhealachadh mòr a thaobh àm nuair faidhle fhosgladh air 13 le 13 pixel, agus nuair faidhle fhosgladh bho 16 dealbhan 52 le 52 piogsail. Anns a 'chiad chùis, feumaidh tu faidhlichean 16 agus 16 fosgailte / obraichean a leughadh, anns an dara cùis 16 ìomhaighean a thèid fhaighinn mar thoradh air fosgladh ach an aon fhaidhle.

Ma tha thu a 'cruthachadh seat de na faidhlichean air a' chuspair (còmhnard-taice, foirmean chòmhradh, an àireamhair putanan mìosachan dealbhadh eileamaidean ...) a leithid ìomhaighean a còmhla sùbailte a ghluasad bho làrach gu làrach.

air an sìos-

Nuair a tha luchd-leantainn cuideachd frisky a 'moladh a' cleachdadh CSS sprites Chan eil an fheadhainn a tha iad gu cùramach a 'dèanamh a' chùis agus a 'sealltainn gu soilleir gu bheil e an-còmhnaidh practaigeach a bhith ag obair an t-seann fhasanta slighe.

Gu dearbh, ma tha fear ann am faidhl dealbhan de 16, an àite 16 fosgailte / leughadh obraichean bi aon àite à 16 dealbh faidhlichean. Ach tha an cleas a tha a h-uile brabhsair Tha tasgadan, agus tha e a 'lìonadh a-mhàin rudeigin mar èigneachadh mu dheireadh. A thuilleadh air sin, mar as trice an duilleag-eileamaidean a tha a luchdachadh nuair a bhios tu a 'chiad tadhal air an duilleig, agus an uair sin a luchdachadh a-mhàin atharrachadh.

Taobh eile. Mar as trice, tha an dealbh seo air a ghearradh, nach glaodhadh ri faidhle singilte. Dhòigh a tha e air a leasachadh teicneòlas, tha e nas fheàrr ri ràdh, an custom. Tha an dealbhaiche a 'cruthachadh cumadh agus cruth a' cleachdadh pìosan: pìosan a ghearradh gu grinn air cumadh. Nàimhdean sprites 'creidsinn gu bheil a' togail grunn dealbhan ann an aon faidhle - 'caitheamh gnìomhachd, a tha a' meudachadh an àireamh iomlan duilleag dealbhadh.

Tha an fheadhainn a tha creidsinn leasachaidh agus am feum as fheàrr air an àireamh de HTTP-iarrtasan, a 'creidsinn gur e seo an dreuchd a tha nas bunaitiche na CSS-sprites.

Tha amannan air an comharrachadh gun teagamh cudromach, ach fada nas cudromach 'sa tha an t-sealladh: bu chòir a chur an gnìomh taobh a-staigh crìochan reusanta.

Fèin-obrachas agus CSS-Sprites

Ma tha e a 'dèanamh ciall sam bith a ruith CSS Sprites gineadair agus faigh an làimh dheis na pàirt de dhealbhadh, an sin cha tèid càil dìreach a' dèanamh suas a 'phàirt seo den dòigh àbhaisteach. Ma gnàthach teicneòlas tha e riatanach a ghearradh na ceudan de dhealbhan, tha e na b 'fheàrr ri dealbh a tharruing na JavaScript-gnìomh, a tha na riatanas a bhios a' taghadh bho na thathar ag iarraidh sgìre am bòcan e agus a thaisbeanadh.

Bu chòir a thoirt fa-near, ge-tà, gu bheil am bòcan a dhà no trì eileamaidean, no dusan eile - a h-uile ceart, ach nuair ann am bòcan ceudan de dealbhan, cuid le sgrìobhadh JavaScript-ghnìomh duilgheadasan, gu dearbh, nach bi a 'tachairt, ach cia mòr an obair a bheir e a' cruthachadh cho mòr bòcan ... a bharrachd air sin, glaodh dealbhan - fear seo CSS bòcan gineadair agus a 'dèanamh a' miannachadh a ìomhaigh, agus CSS-code for e, cha robh e a 'gabhail cùram cia mòr a bhios an com-eileamaidean am bòcan. Duilgheadasan a 'nochdadh nuair a remaking an làrach dealbhadh atharrachadh, a' toirt air falbh agus a thuilleadh air ùr-eileamaidean. Leasachadh bòcan, bu chòir dhuibh smaoineachadh nach mu mar a chleachdas e, agus mar a tha e an uair sin ag atharrachadh.

Cuspair buannachd cleachdadh sprites

Eu-coltach ri CSS phrògraman cànain, 'se seo an ìre mhath socrach seata de riaghailtean a h-uile daineamaigs a rèir riaghailtean agus ghnìomhail aca shusbaint (ìre). Beachdachadh air na sprites ann an iom-fhillte, HTML, CSS an urrainn chruthachadh cuspaireil-ghnìomhaich a 'dealbhadh an leabharlann.

Mar eisimpleir, chrìochnaichte dreach den chlàr-taice: dìreach a 'ceangal ioma css-riaghailtean, JS-gnìomhan agus gabhail a-steach an còd HTML-uile divs, gheibh sibh an toradh. Le bhith ag atharrachadh na th 'air ìomhaigh nan bòcan, faodaidh sibh atharrachadh air coltas a' chlàr. A 'sònrachadh an corp na dreuchd, faodaidh tu a' gleusadh an comas-gnìomh.

Faigh sònruichte dhealaichte air rud a-amas phrògraman (OOP). Sure, bhiodh e soilleir bheachd, ach cha bhi e ro shoilleir gu seasamh a-mach an aghaidh a 'chùl-ionad eile OOP chànanan, dualchainntean fìor. Tha e a-mhàin tràth anns na 90an, nuair a PLO Chaidh ath-bheothachadh agus bha e neo-àbhaisteach gu luath a 'faighinn àite ann a' ghrian, tha e sònraichte beachd agus concrait riochd a labhairt, ach a-nis an-leasachaidh air tighinn suas ris mar mòran dhual-chainntean a tha eadar-mheasgte Ruiseanach.

Toys - a Bonanza airson sprites

Othail agus prògramadh - bun-bheachdan neo-fhreagarrach, ach prògraman sgilean, a 'sgrìobhadh geamannan, a tha eadar-dhealaichte bho obschebytovoy (sìmplidh crioptachadh) agus cruthachail (dealbhadh agus leasachadh air teicneòlasan ùra, bheachdan).

Game Design thagraidhean airson Vector grafaigeachd, oir measgachadh de SVG-sprites + CSS-riaghailtean a-mhàin Chan eil iarrtas ann, ach gu tric a 'fàs na nì an leasaiche (an làraich) gus cuspair a' geama ceart. Gu sònraichte, tha a 'còrdadh gheama Counter Strike a' buntainn ri cumhaichean an sprites, sprays gu math ciallach Synonyms: blast, fuil, an sùilibh ...

Tha an abairt "shuidhich am bòcan v34 css" airson a thòiseachadh gu math àbhaisteach agus furasta a thuigsinn. Sprites Gheibhear chan ann a mhàin a 'cleachdadh an-shòghail, ann an smior, ach cuideachd air an cruthachadh còs, a tha gu math làn-nochdadh, aig prìs ruigsinneach agus furasta a thuigsinn àraidh cearcall de luchd-cleachdaidh.

CSS-sprites: Example

caochladh roghainnean airson an cànan sònraichte a chur air duilleagan air an làraich a chleachdadh, ach ma tha an cànan roghnaichear gus seinn mar ìomhaigh, a 'fuasgladh a' cleachdadh bòcan dòcha a 'coimhead mar seo:

Follaiseach drawbacks sprites

Chiad de na h-uile, tha e àm-caitheamh agus meticulous phròiseas. 'S e aon rud - a ghearradh an dealbhachadh ann am pìosan beaga, agus eile - a' cruinneachadh dealbh de iomadh beag. Cuir a-steach am beachd air a 'chanabhas agus a chur air a h-uile de na h-ìomhaighean a chleachdadh air an làraich a tha gu tur meadhan air dìomhanas.

Fiù 's a' cleachdadh CSS sprites Generator, duilgheadasan nach urrainn a sheachnadh, gu h-àraidh nuair a tha e riatanach a bhith ag atharrachadh an làrach dealbhadh. Cuir ann am beagan deichean de ìomhaighean bòcan - chan eil e seat de eileamaidean, an grafaigeachd a tha grafaigeachd, tha e dìreach mar as trice air an taisbeanadh air an glacadh, an àite a rèiteach a-mach an còd mar ordugh cheart a lorg phìos.

Coitcheann is luchd-leasachaidh a leanas a 'tagradh gu bheil mar sprites co-cheangailte ri poileasaidh chùl a chleachdadh, chan eil e ach a' chùl ìomhaigh agus nach 'eil an làrach eileamaid. Graphic eileamaidean pàirteil duilleag bu chòir atharrachadh tag img.

Tha e doirbh a bhith ag aontachadh air sgàth gun sìmplidh gu leòr nuair a chùl a faicinn mar a bha cumanta 'chùlaibh. Tha e dìreach a 'chùl, ge bith dè - dealbhag eileamaid no an duilleag fad.

Aig an aon àm, a 'riochdachadh grafaigeach phàirt droch bhacadh ri cleachdadh sprites.

cleachdadh ciallach

A dh'aindeoin 's gu bheil na briathran "Internet teicneòlas" agus "àrd teicneòlas" Thathar a' meas a bhith co-ionann, gu dearbh, tha e àm-caitheamh agus uaireannan glè ìosal-tech obair. Sprites nach 'eil gu h-àraidh an èideadh an taca ri eile cumhang ann am fìor-ghlan phrògraman ann JavaScript no PHP, a thuilleadh air ann an leasachadh a dhìth a-chomas, a' suidheachadh pròiseasan a lìonadh làraichean no fiosrachadh, leithid a 'chùl a' cruthachadh tasglann lethbhreacan.

Cumhachd agus dùilean cleachdadh na susbaint siostaman rianachd tric a dhèanamh còmhnard nuances aca practaigeach iarrtais, agus manual leasachadh stòrais, mar riaghailt, a 'dol gu feum airson 1001st àm gu ath-sgrìobhadh air aon no eile a dìlseanach algairim.

Ann an cho-theacsa seo, tha e cudromach gu dìreach reusanta a bhith a 'cleachdadh na h-uile a' toirt nuadh-inneal. Chan eil e ro dheònach a 'cleachdadh thairis air an taobh eile, agus an Golden Rule ann làraich togalach a' leughadh mar a leanas: feumaidh tu a 'smaoineachadh nach mu dheidhinn mar a dhol seachad air an obair cho luath' sa ghabhas, agus ciamar a cur an gnìomh e mar sin ann an cùis sam bith unforeseen suidheachadh Faodar luath 'fuasgladh thrioblaid sam bith.