Qorista Hagaha Farta SDF

Waa maxay sababta soo bandhigida xarfaha ay wali uga muhiimsan yihiin waxaad u malaynayso

Pixal kasta oo shaashaddaada ku yaal wuxuu sheegaa sheeko, mana jirto meel ka cad cad sida qoraalku u bixiyo dhammaan aaladaha, xallinta, iyo heerarka soo-dhoweynta. Farshaxanada caadiga ah ee loo yaqaan 'bitmap-ka' ayaa si wanaagsan noogu adeegay xilligii kormeerayaasha xallinta go'an, laakiin qarxinta bandhigyada-DPI-ga sare, is-dhexgalka jawaab-celinta, iyo codsiyada 3D ee waqtiga-dhabta ah ayaa daaha ka qaaday xaddidaaddooda aasaasiga ah. Geli xarfaha Goobta Fogaanta Saxeexan (SDF) - farsamo qaab-samayn ah oo si aamusnaan ah wax uga beddeshay sida codsiyada casriga ahi u muujiyaan qoraal qallafsan, la cabbiri karo iyada oo aan dibbirin xusuusta ama wax-qabad la hurayn.

Haddii aad dhisayso UI ciyaarta, dashboard-ka xogta, ama madal u jeedda macmiilka oo u baahan inay ka eegaan mandiil-fiiqan wax kasta laga bilaabo smartwatch ilaa kormeeraha 4K, fahamka xarfaha SDF waxay ku siinaysaa gees farsamo oo culus. Hagahan waxa uu fikradda ka soo saarayaa mabaadi'da ugu horreeya, waxa uu dhex maraa dhuumaha jiilka, waxana uu bixiyaa talo wax ku ool ah oo lagu dhexgelinayo xarfaha SDF ee mashaariicdaada.

Waa maxay Saxeexa Goobta Fog ee Saxeexan?

Goobta Fogaanta Saxiixan waa qaab laba-cabbir ah halkaas oo pixel kasta uu ku kaydiyo fogaanta meeshaas ilaa cidhifka ugu dhow ee dulmar glyph ah. Qaybta "saxiixay" waa muhiim: pixels gudaha xuduudka glyph waxay ku kaydiyaan qiyamka togan, halka pixels ka baxsan ay ku kaydiyaan qiyamka taban (ama dhanka kale, iyadoo ku xidhan heshiiska). Soohdinta lafteedu waxay ku fadhidaa isgoyska eber. Matalaaddan xisaabeed ee fudud waxay dejinaysaa qaddar aan caadi ahayn oo macluumaad qaab ah oo u beddelaya sawir cufan oo cufan.

Farsamada waxaa caan ku ah warqadda SIGGRAPH ee Valve's 2007, halkaas oo Chris Green uu muujiyay in textures SDF ee u yar sida 64x64 pixels ay soo saari karaan qoraal ku sii fiiqan weynaanta ba'an - natiijooyinka u baahan doona 4096x4096 bitmap si loo gaaro rasterization dhaqameed. Aragtida muhiimka ah ayaa ah in isdhexgalka labajibbaaran ee GPU-da, kaas oo soo saara natiijooyin aan fiicneyn oo ku saabsan xarfaha bitmap-ka caadiga ah, dhab ahaantii waxay soo saartaa dhexdhexaadin siman oo sax ah oo ku saabsan qaababka SDF.

Marka la eego macnaha dhabta ah, hal farta SDF ee atlas - caadi ahaan 512x512 ama 1024x1024 pixels - waxay ka koobnaan kartaa xarfo dhan oo si nadiif ah u bixinaysa cabbir kasta. Is barbar dhig taas si loo habeeyo xarfaha loo yaqaan 'bitmap', kuwaas oo u baahan atlases texture gaar ah cabbir kasta oo xarfo ah (16px, 24px, 32px, 48px, iyo wixii la mid ah), si degdeg ah u cunaya megabytes ee xusuusta texture ee hal nooc.

Sidee loo soo saaray SDF Font Atlases

Dhuumaha jiilka waxay ka bilowdaan feylka farta farcanka ah (TTF ama OTF) waxayna soo saartaa atlas texture iyo fayl badan oo qeexaya booska, cabbirka, iyo cabbirka glyph kasta. Dhowr qalab oo furan ayaa gacanta ku haya habkan, iyadoomsdf-atlas-gen,Hiero(qayb ka mid ah libGDX), iyomsdfgenay yihiin kuwa ugu isticmaalka badan. Nidaamku wuxuu ku lug leeyahay rastering glyph kasta oo leh qaraar sare, xisaabinta goobta fogaanta iyadoo la adeegsanayo algorithms sida 8-dhibcood ee isku xigxiga Euclidean fogaanta isu beddelka (8SSEDT), ka dibna ku xidhid natiijooyinka hal qoraal.

Waxa jira saddex nooc oo SDF ah oo ay tahay inaad fahanto:

• Sandard SDF (hal-channel):Waxay kaydisaa hal fogaan qiimaheedu halkii pixels. Waxay soo saartaa qaloocyo siman laakiin waxay la halgamaysaa geeso fiiqan, kuwaas oo u janjeera inay ku wareegaan xalal hoose. Waxa ugu fiican qoraalka jidhka iyo xaaladaha halka jilcinta gees yar la aqbali karo.
• Multi-channel SDF (MSDF):Waxay isticmaasha saddex kanaal oo midab leh (RGB) si ay u codeeyaan macluumaadka fogaanta qaybaha cidhifyada kala duwan. Tani waxay ilaalinaysaa geeso fiiqan iyo tafaasiil fiican oo aad uga wanaagsan SDF hal kanaal ah, taas oo ka dhigaysa doorashada la doorbido codsiyada casriga ah ee badankood. Waxaa sameeyay Viktor Chlumský, MSDF waxa ay noqotay halbeegga dhabta ah.
• Multi-channel + True SDF (MTSDF):Waxay ku darsataa kanaalka afraad ee alfa ka kooban yahay meel fog oo run ah oo ay weheliso saddexda kanaal ee MSDF. Tani waxay ku siinaysaa sida ugu wanaagsan labada adduun - geeso fiiqan oo ka yimid MSDF iyo macluumaadka fogaanta saxda ah ee saamaynta SDF-ta dhabta ah - oo ay ku kacayso kharashyada textures wax yar ka weyn.

Amarka jiilka caadiga ah ee isticmaalaya msdf-atlas-gen waxaa laga yaabaa inuu qeexo cabbirka farta 42 pixels, masaafada u dhexeysa 4 pixels, iyo cabbirka texture 1024x1024. Qiyaasta kala fogaanta masaafada ayaa koontaroolaysa inta ka fog cidhifka glyph macluumaadka masaafada ay u fidsan tahay, taas oo si toos ah u saamaynaysa tayada ugu saraysa ee dulucda, hadhyada, iyo saamaynta dhalaalaya ee aad codsan karto wakhtiga runtime.

Shader jajabka: Meesha Sixirku ka dhaco Dhinaca samaynta xarfaha SDF ayaa si qurux badan u fudud. Hooska jajabkaaga, waxaad muunadaynaysaa qaabka SDF, barbardhig qiimaha masaafada ka soo horjeeda marinka (sida caadiga ah 0.5 ee cidhifka glyph), oo isticmaal hawl fududayn si aad uga hortagto kala-guurka. Caqliga xudunta u ah GLSL waxa uu u muuqdaa wax sidan oo kale ah: muunad dhex dhexaadinta saddexda kanaal ee MSDF, xisaabi jaangooyooyinka fogaanta shaashadda ee ka-hortagga saxda ah, ka dibna codso shaqo siman si aad u soo saarto qiimaha alfa ugu dambeeya.

Awooda dhabta ah ee xarfaha SDF kuma taalo oo kaliya madax banaanida xallinta, laakiin waxay ku jirtaa qiimaha aan badnayn ee saamaynta ku darida. Tilmaamaha, hooska hoos u dhaca, dhalaalka gudaha, iyo xitaa 3D bevels dhamaantood waxaa lagu xisaabin karaa baas isku mid ah hadh la mid ah iyada oo si fudud looga tijaabinayo heerar kala duwan oo fogaan ah - ma jirto qoraallo dheeraad ah, wicitaano sawiro dheeri ah ma jirto, ma jiraan lakabyo saameyn horay loo dubay.

Saamaynta dulsaarka aasaasiga ah, waxaad tijaabinaysaa laba marin: mid cidhifka dibadda ee dulmarka iyo mid buuxinta gudaha ah. Pixels ku dhaca inta u dhaxaysa marinnadan ayaa helaya midabka dulucda; pixels gudaha helay midabka buuxinta. Hooska hoos u dhaca ayaa si la mid ah u shaqeeya - ka saar isku-duwayaasha qoraalka ka hor inta aan la qaadin, mari kala duwanaansho siman oo ballaadhan, oo isku dheji hooska ka dambeeya glyph-ka weyn. Hawlgalladani waxay ku daraan kharashka GPU-da dayacan sababta oo ah waxay yihiin hawlo xisaabeed oo keliya oo ku saabsan qiimihii fogaanta ee hore loo tijaabiyey.

Ka-hortagga shaashadda-space waxay mudan tahay fiiro gaar ah. Hirgelinta nafiska ah waxay isticmaashaa balac siman oo go'an, kaas oo soo saara qoraal u eg hal cabbir laakiin aad u dhuuban ama kuwa kale aad u jilicsan. Habka saxda ah waxa uu xisaabiyaa ballaca siman ee shaashada-space ka soo jeeda ee garoonka masaafada (iyadoo la isticmaalayo fid () gudaha GLSL ama ddx/ddy gudaha HLSL). Tani waxay si toos ah ula qabsanaysaa ka-hortagga cabbirka wax-soo-saarka ee hadda, iyadoo soo saarta geeso si joogto ah u qallafsan iyadoon loo eegayn heerka soo-dhoweynta ama fogaanta daawashada.

💡 DID YOU KNOW?

Mewayz replaces 8+ business tools in one platform

CRM · Invoicing · HR · Projects · Booking · eCommerce · POS · Analytics. Free forever plan available.

Start Free →

Dhibaatooyinka caadiga ah iyo sida looga fogaado

In kasta oo ay qurux badan yihiin, xarfaha SDF waxay wataan gotchas kuwaas oo burburin kara xitaa horumariyayaal khibrad leh. Arrinka ugu badan waa fogaan la'aanta inta lagu jiro jiilka atlaska. Haddii kala duwanaanshaha masaafada uu aad u yar yahay, saamaynta sida tibaaxaha qaro weyn ama hadhyo waaweyn ayaa si lama filaan ah u duubi doona cidhifka kala duwanaanshaha summada. Xeerka wanaagsan ee suulka ayaa ah in la dejiyo kala fogaanta fogaanta ilaa ugu yaraan labanlaab raadiyaha saamaynta ugu badan ee aad qorshaynayso inaad isticmaashid, oo lagu cabbiro atlas pixels.

Dhibaatada kale ee soo noqnoqda waa shaandhaynta texture. Qaababka SDFwaa inay adeegsadaan shaandhaynta bilinear - shaandhaynta deriska- dhow waxay burburisaa isku-xidhka ka dhigaya farsamada inay shaqeyso, soo saarta qoraal xannibaad leh. Si kastaba ha ahaatee, waa inaad joojisaa sawir-qaadista SDF atlases, maadaama meelaha fogaanta la sawiray ay soo saaraan natiijooyin khaldan heerarka miibka hoose halkaasoo cidhifyada glyph fog ay isku dhiigi karaan.

Kerning iyo qaabaynta qoraalka sidoo kale waa meelaha ay horumariyayaashu inta badan geesaha gooyaan. SDF atlas waxay gacanta ku haysaa samaynta, laakiin qaabaynta qoraalka saxda ah - kala dheeraynta dabeecadda, lammaanaha kerning, dhererka xariiqda, iyo qoraalka laba jiho - wali waxay u baahan tahay mishiinka qaabaynta. Maktabadaha sidaHarfBuzzamaFreeType ayaa tan si sax ah u maamula. Ka boodista qaabaynta qoraalka saxda ah iyadoo loo door bidayo kala dheeraynta ballac go'an ee fudud waa habka kaliya ee ugu dhaqsaha badan ee loogu samayn karo qoraalkaaga mid hiwaayad leh, iyada oo aan loo eegin sida uu u nadiifsan yahay hirgelinta SDF.

1. Samee xallin deeqsinimo leh
2. U isticmaal MSDF hal kanaal SDF ahilaa aad sabab gaar ah u haysan. Horumarka saxda ah ee geesku waa mid aad u weyn iyadoo dusha laga eegayo dayacan.
3. Tijaabi cabbirro xad dhaaf ah. Ku samee qoraalkaaga 8px iyo 200px inta lagu jiro horumarka. Arrimaha aan la arki karin marka loo eego cabbirrada caadiga ah waxay noqdaan kuwo cad marka ugu dambeysa.
4. Xusuusta qoraalka profile. Taasi caadi ahaan waxa ay ka yar tahay laba xajmiyada farta bitmapka oo leh tayo u dhiganta.
5. kahor xisaabi glyph quads ee CPU. Si gardarro ah u kaydi.

SDF Fonts ee Soo saarista: Codsiyada-dhabta ah ee Adduunka

Matoorada ciyaarta ayaa horseeday qaadashada xarfaha SDF, laakiin farsamada ayaa ku faaftay in ka badan ciyaaraha. Khariidadaha Google-kawaxa ay u isticmaashaa summada SDF-ku-kordhinta, taas oo u oggolaanaysa magacyada meeluhu inay sii ahaadaan kuwo la akhriyi karo laga bilaabo-soo-dhoweynta heerka-waddo ilaa heer-qaar-soo-dhoweyn iyadoon dib-u-cusbooneysiin. Mapbox GLwuxuu si buuxda ugu tiirsan yahay glyphs SDF khariidadaha WebGL-sameeyay, oo u adeegaya SDF atlas tiles oo horay loo soo saaray oo CDN-keeda ah. Labada xaaladoodba, madax-bannaanida xallinta xarfaha SDF waxay meesha ka saaraysaa dhammaan fasallada wax-soo-saarka kutaannada heerka-soo-dhoweynta.

Codsiyada ganacsigu si isku mid ah ayey uga faa'iidaystaan. Madal kasta oo ku soo bandhigta qoraalka firfircoon ee shiraac ama WebGL - ka fikir dashboards, muuqaalaynta xogta, warbixinnada isdhexgalka, ama calaamada dhijitaalka ah - waxay faa'iidooyin degdeg ah ka helaysaa samaynta SDF. Mewayz, halkaas oo ganacsiyadu ay maareeyaan wax walba laga bilaabo qaansheegadka ilaa falanqaynta 207 qaybood oo isku dhafan, qoraal joogto ah oo waxqabad leh oo qalabyada oo dhan ah maaha wax raaxo ah - waa shuruud. Marka mulkiilaha makhaayadu uu taleefoonka ku eego dashboardka ballanta oo xisaabiyahoodu uu dib u eego isla xogta ku jirta kormeeraha 32-inch ah, qoraalku wuxuu u baahan yahay inuu si isku mid ah u ahaado mid la akhriyi karo iyada oo aan la dirin hantida farta gaarka ah ee cufnaanta shaashad kasta.

Nidaamka deegaanka ee WebGL waxa uu ka dhigay xarfaha SDF mid si isa soo taraysa ay u heli karaan horumariyayaasha webka. Maktabadaha sidasaddex-mesh-uiiyotroika-saddex-qoraalwaxay bixiyaan hoos-u-dhigista qoraalka MSDF ee muuqaallada Three.js, halka horumariyeyaasha heerka hoose ay hirgelin karaan samaynta SDF ee caadada u ah wax ka yar 100 xariiq oo koodka hadhka ah. Farsamada ayaa sidoo kale heshay dariiqeeda horumarinta mobilada hooyo iyada oo loo marayo qaab-dhismeedka sida Flutter, kaas oo u adeegsada samaynta ku salaysan SDF ee matoorka qoraalka gaarka ah.

Dhammaan qoraalka: Meesha Farsamooyinka SDF ku socdaan

Fikradda goobta fogaantu waxay aad uga dheer tahay samaynta farta. Nashqadeeyayaasha UI waxay isticmaalayaan farsamooyinka SDF si ay u abuuraan summada xallinta-madax-bannaan, qaababka vector-ka la miisaami karo, iyo xitaa walxaha UI ee nidaamka sida leydi wareegsan oo leh geeso qumman pixel. Isla habka atlas-ku-saleysan ee ka dhigaya xarfaha SDF-ku-wax-ku-ool ah xusuusta waxay si isku mid ah u khuseysaa jaangooyooyinka summada - hal 512x512 SDF atlas wuxuu ka koobnaan karaa boqollaal astaamood oo si qumman u bixinaya cabbir kasta.

Xuduudda cilmi-baarista, habab ku salaysan neerfaha ayaa soo baxaya kuwaas oo baranaya in ay si toos ah u abuuraan beero fogaan ah oo ka soo baxa jaantusyada vector, oo laga yaabo inay soo saaraan natiijooyin tayo sare leh marka loo eego hababka algorithmic-dhaqameedka. Dhanka kale, samaynta istaroogga ballac-ballaadh ee beddelka ah iyadoo la adeegsanayo qoraallada SDF waxay furaysaa fursado cusub oo loogu talagalay saamaynta qoraalka iyo gacan-ku-qorista ee markii hore aan waxtar u lahayn codsiyada waqtiga-dhabta ah.

Horumariyeyaasha dhisaya codsiyada casriga ah, ee qaababka badan leh, xarfaha SDF waxay u taagan yihiin mid ka mid ah farsamooyinka naadirka ah halkaas oo maalgelinta waxbarashadu ay ku bixiso faa'iidada guud ahaan mashruuc kasta. Tayada soo bandhigista waxay xafiiltamaan matoorada qoraalka asalka ah, raadraaca xusuusta waa qayb ka mid ah beddelka khariidadda, iyo nidaamka saamaynta hadhku ku salaysan wuxuu bixiyaa dabacsanaan hal abuur leh oo habab hore loo dubay aanay si fudud ula jaan qaadi karin. Haddi aad calaamado ku samaynayso 3D globe ama aad hubinayso in xogta muhiimka ah ee ganacsigu ay si sax ah uga soo muuqato shaashad kasta oo nolosha isticmaalayaashaada ah, xarfaha SDF waa aalad mudan in la barto.

Su'aalaha Inta badan La Isweydiiyo

Waa maxay xarfaha SDF maxayse tahay in horumariyayaashu ay daneeyaan iyaga?

Footyada Goobta Fog ee Saxiixan waxay ku kaydiyaan qiimayaasha fogaanta pixel kasta ilaa cidhifka glyph ee ugu dhow, taasoo awood u siinaysa samaynta qoraalka madax-bannaan ee xallinta. Si ka duwan xarfaha bitmap-ka caadiga ah ee noqda kuwa blul marka la cabbiro, xarfaha SDF waxay ahaanayaan kuwo qallafsan cabbir kasta ama heer kasta oo soo dhaweyn ah. Tani waxay ka dhigaysaa lama huraan u ah is-dhexgalyada jawaabaha casriga ah, ciyaarta UI, iyo codsi kasta oo lagu beegsanayo cufnaanta shaashadaha badan - laga bilaabo aaladaha mobilada ilaa kormeerayaasha 4K iyo wixii ka dambeeya.

Sidee loo barbardhigaa xarfaha SDF marka loo eego khariidad-dhaqameedka iyo samaynta xarfaha vector?

Xarfaha Bitmap waxay u baahan yihiin qaabab kala duwan oo cabbir kasta ah, iyaga oo cunaya xusuus muhiim ah iyadoo weli soo saaraysa farshaxanno marka la cabbiro. Farshaxanka 'Vectors fonts' ayaa bixiya tayo qumman laakiin xisaab ahaan waa qaali in la cusboonaysiiyo waqtiga dhabta ah. Farta SDF waxay soo saartaa dheelitirnaan ku habboon - hal qoraal oo is haysta ayaa si qurux badan u soo saara qiyaas kasta oo leh GPU ugu yar, taas oo ka dhigaysa doorashada la doorbido codsiyada waqtiga-dhabta ah sida ciyaaraha iyo dashboards is-dhexgalka.

Waa maxay agabka iyo maktabadaha diyaar u ah abuurista xarfaha SDF?

Ikhtiyaarada caanka ah waxaa ka mid ah msdfgen oo loogu talagalay jiilka SDF ee kanaalka badan, Hiero oo loogu talagalay xirxirida xarfaha bitmap ee taageerada SDF, iyo adeegyo kala duwan oo talis-ka-furan ah. Inta badan mishiinnada ciyaarta sida Midnimada iyo Godot waxaa ku jira taageerada qoraalka ee SDF. Meheradaha dhisaya codsiyada gaarka ah, aaladaha sida Mewayz oo wata 207-module-ganacsiyeedka OS ee ka bilaabmaya $19/mo waxay ku dari karaan farsamooyinkan soo bandhigida khibradaha dhijitaalka ah ee sumaddaysan.

Footooyinka SDF ma xamili karaan saamaynta gaarka ah sida dulmar, hadh, iyo qoraalka dhalaalaya?

Dhab ahaantii - tani waa mid ka mid ah xarfaha SDF ee ugu weyn. Sababtoo ah xogta goobta fogaanta ayaa laga heli karaa hadhka, waxaad ku dari kartaa tilmaamo, hoos u dhac, dhalaal jilicsan, iyo xitaa saamaynta firfircoon adigoo si fudud u hagaajinaya qiyamka bilowga. Saamayntani waxay ku kacaysaa wax ku dhow wax qabadkeeda maadaama aysan u baahnayn joomatari dheeraad ah ama kaadhadh qoraal ah, taasoo siinaysa naqshadeeyayaasha xoriyad halabuureed oo cajiib ah iyada oo aan la hurin heerarka jireed.