Mɔfiame si Ku Ðe SDF Ŋɔŋlɔdzesiwo Ŋu Ŋɔŋlɔ

Nusitae Ŋɔŋlɔdzesiwo Gɔmeɖeɖe Gagale Vevie Wu Alesi Nèsusui

Pixel ɖesiaɖe si le wò screen dzi gblɔa ŋutinya aɖe, eye afi aɖeke meli ema dzena le wu alesi nuŋɔŋlɔwo ɖea nu le mɔ̃wo, woƒe nɔnɔmewo, kple woƒe lolome dzi ɖeɖe kpɔtɔ ƒe dzidzenuwo dzi o. Bitmap ŋɔŋlɔdzesi siwo wozãna tsã la subɔ mí nyuie le ɣeyiɣi si me wozãa ŋkuléleɖenuŋu siwo ƒe nɔnɔme le ɖoɖo nu, gake DPI-nukpɔmɔ̃ siwo ƒe nɔnɔme deŋgɔ, dɔwɔnu siwo wɔa dɔ nyuie, kple 3D dɔwɔnu siwo wozãna le ɣeyiɣi ŋutɔŋutɔ me ƒe wowó ɖe woƒe seɖoƒe veviwo ɖe go. Enter Signed Distance Field (SDF) ŋɔŋlɔdzesiwo — gɔmeɖeɖemɔnu si trɔ asi le alesi egbegbe dɔwɔɖoɖowo ɖea nuŋɔŋlɔ siwo me kɔ, siwo woate ŋu atrɔ asi le fiana ŋu kpoo evɔ womafu ŋkuɖodzinu alo atsɔ dɔwɔwɔ asa vɔe o.

Eɖanye fefe UI, data dashboard, alo asisiwo ƒe mɔnu si hiã be wòadze abe razor-sharp ene le nusianu dzi tso smartwatch dzi va ɖo 4K monitor dzi o, SDF ŋɔŋlɔdzesiwo gɔmesese naa mɔ̃ɖaŋununya ƒe ŋgɔyiyi vevi aɖe wò. Mɔfiame sia ma susua me tso gɔmeɖose gbãtɔwo dzi, ezɔ to dzidzime ƒe mɔ̃a me, eye wòna aɖaŋuɖoɖo nyuiwo hena SDF ŋɔŋlɔdzesiwo tsɔtsɔ de wò ŋutɔ wò dɔwo me.

Nuka Tututue Nye Adzɔge ƒe Agble si Wode Asi?

Adzɔge si wode dzesii ƒe agble nye akpa eve ƒe nɔnɔme si me piksel ɖesiaɖe dzraa didime si tso teƒe ma va ɖo glyph ƒe nɔnɔmetata ƒe go si te ɖe eŋu wu ɖo. Akpa si "wode asi" la le vevie ŋutɔ: piksel siwo le glyph ƒe liƒoa me dzraa asixɔxɔ nyuiwo ɖo, gake piksel siwo le egodo dzraa asixɔxɔ manyomanyowo ɖo (alo le go bubu me, le kɔnyinyi nu). Liƒoa ŋutɔ nɔa anyi ɖe zero ƒe mɔdodoa dzi. Akɔntabubu ƒe nɔnɔmetata bɔbɔe sia ŋlɔa nɔnɔme ŋuti nyatakaka agbɔsɔsɔme tɔxɛ aɖe ɖe nɔnɔmetata si le ɣie si le sue me.

Aɖaŋu sia xɔ ŋkɔ to Valve ƒe ƒe 2007 SIGGRAPH pepa dzi, afisi Chris Green ɖee fia le be SDF ƒe nuŋɔŋlɔ siwo le sue abe 64x64 pixels ene ateŋu awɔ nuŋɔŋlɔ si gakpɔtɔ le ɖaɖɛ le dzidziɖedzi si gbɔ eme — emetsonu siwo abia be woawɔ 4096x4096 bitmap hafi woateŋu akpɔe kple rasterization xoxo. Gɔmesese vevitɔ enye be GPU ƒe bilinear interpolation si wotu ɖe eme, si naa emetsonu siwo me mekɔ o le bitmap ŋɔŋlɔdzesi siwo wozãna edziedzi dzi la, le nyateƒe me la, ewɔa didiƒe ƒe interpolation si le bɔbɔe eye wòde pɛpɛpɛ le SDF textures dzi.

Le nyateƒe me la, SDF ŋɔŋlɔdzesiwo ƒe atlas ɖeka — zi geɖe la, 512x512 alo 1024x1024 piksel — ateŋu akpɔ ŋɔŋlɔdzesiwo ƒe hatsotso blibo si ɖea egɔme dzadzɛ le lolome ɖesiaɖe kloe me. Tsɔ ema sɔ kple bitmap ŋɔŋlɔdzesiwo ƒe mɔnuwo, siwo bia nuŋɔŋlɔ ƒe atlas vovovowo na ŋɔŋlɔdzesi ƒe lolome ɖesiaɖe (16px, 24px, 32px, 48px, kple bubuawo), si xɔa nuŋɔŋlɔ ƒe ŋkuɖodzinu megabyte kabakaba na nuŋɔŋlɔ ɖeka.

Alesi Wowɔa SDF Font Atlaswoe

Dzidzime ƒe mɔ̃a dzea egɔme kple vektor ŋɔŋlɔdzesi faɛl (TTF alo OTF) eye wòwɔa nuŋɔŋlɔ ƒe atlas kpe ɖe metadata faɛl si ɖɔa ŋɔŋlɔdzesi ɖesiaɖe ƒe nɔƒe, lolome, kple metriks. Dɔwɔnu geɖe siwo le ʋuʋu ɖi la kpɔa dɔ sia gbɔ, eye msdf-atlas-gen, Hiero (libGDX ƒe akpa aɖe), kple msdfgen ye nye esiwo wozãna wu. Dɔwɔwɔa bia be woawɔ rasterizing glyph ɖesiaɖe le resolution kɔkɔ me, akɔntabubu le didiƒe ƒe agble ŋu to algorithms abe 8-point sequential Euclidean distance transform (8SSEDT) zazã me, eye emegbe woabla emetsonuwo ɖe texture ɖeka me.

SDF ƒe vovototo vevi etɔ̃ li siwo gɔme wòle be nàse:

ƒe nyawo
• Dzidzenu SDF (mɔ ɖeka): Dzra didiƒe ƒe asixɔxɔ ɖeka ɖo ɖe piksel ɖeka me. Ewɔa dzogoe siwo le gbadzaa gake ewɔa avu kple dzogoe ɖaɖɛwo, siwo dina be yewoaƒo xlãe le nɔnɔme siwo bɔbɔ wu me. Enyo wu na ŋutilã ƒe nuŋɔŋlɔ kple nɔnɔme siwo me dzogoe ƒe fafa vie sɔ.
• Multi-channel SDF (MSDF): Zãa amadede ƒe mɔnu etɔ̃ (RGB) tsɔ ŋlɔa didiƒe nyatakakawo tso nugbɔ ƒe akpa vovovowo me. Esia kpɔa dzogoe ɖaɖɛwo kple nu nyuiwo ta nyuie wu SDF si me mɔ̃ ɖeka le, si wɔe be wònye tiatia si wodi wu na egbegbe dɔwɔnu akpa gãtɔ. Viktor Chlumský ye to MSDF vɛ, eye wòzu dzidzenu ŋutɔŋutɔ.
• Multi-channel + True SDF (MTSDF): Tsɔ alfa channel enelia si me didiƒe vavãtɔ ƒe agble le kpe ɖe MSDF channel etɔ̃awo ŋu. Esia naa xexe eveawo ƒe nyuitɔ kekeake — dzogoe ɖaɖɛwo tso MSDF kple didiƒe ŋuti nyatakaka siwo sɔ na ŋusẽkpɔɖeamedziwo tso SDF vavãtɔ gbɔ — le nuŋɔŋlɔ siwo lolo vie ƒe asixɔxɔ ta.

Dzidzime ƒe sedede si bɔ si zãa msdf-atlas-gen ateŋu agblɔ ŋɔŋlɔdzesi ƒe lolome si nye piksel 42, didime ƒe didime si nye piksel 4, kple nuŋɔŋlɔ ƒe lolome si nye 1024x1024. Adzɔge ƒe didime ƒe nɔnɔmetata kpɔa afisi didiƒe ŋuti nyatakakawo keke tso glyph ƒe nugbɔ gbɔ, si kpɔa ŋusẽ ɖe nɔnɔmetata, vɔvɔli, kple keklẽ ƒe ŋusẽkpɔɖeamedzi ƒe nyonyome gãtɔ si nàte ŋu awɔ le dɔwɔwɔ me dzi tẽ.

Ame Kakɛwo ƒe Vɔvɔli: Afisi Akunyawɔwɔa Dzɔna Le

SDF ŋɔŋlɔdzesiwo ƒe gɔmeɖeɖe ƒe akpaa le bɔbɔe ŋutɔ. Le wò fragment shader me la, ètsɔa SDF ƒe nɔnɔme ƒe kpɔɖeŋu, tsɔa didime ƒe asixɔxɔ sɔna kple dzidzenu (zi geɖe la, 0.5 na glyph ƒe nugbɔ), eye nèzãa smoothing function tsɔ tsia tre ɖe tɔtrɔa ŋu. Susu vevi si le GLSL me la le abe esia ene: tsɔ MSDF mɔ̃ etɔ̃awo ƒe titina ƒe kpɔɖeŋu, bu screen-space distance gradient hena antialiasing nyuie, emegbe nàwɔ smoothstep dɔwɔwɔ ŋudɔ atsɔ awɔ alfa ƒe asixɔxɔ mamlɛtɔ.

ƒe nyawo

Ŋusẽ ŋutɔŋutɔ si le SDF ŋɔŋlɔdzesiwo ŋu menye le vovototodedeameme ƒe ɖokuisinɔnɔ me ko o, ke boŋ le ga si mehiã o si woatsɔ akpe ɖe ŋusẽkpɔɖeamedziwo ŋu me. Woateŋu abu akɔnta le outlines, drop shadows, inner glows, kple 3D bevels gɔ̃ hã ŋu le shader pass ɖeka me to dodokpɔ ko me ɖe didiƒe ƒe dzidzenu vovovowo ŋu — textures bubu aɖeke manɔ eme o, draw calls bubu aɖeke manɔ anyi o, effect layers siwo woɖa do ŋgɔ aɖeke manɔ anyi o.

Na gɔmedzedze ƒe nɔnɔmetata ƒe ŋusẽkpɔɖeamedzi la, èdoa dzidzenu eve kpɔ: ɖeka na nɔnɔmetata ƒe gota gome eye ɖeka na ememe yɔyɔ. Pixel siwo dze le dzidzenu siawo dome la xɔa nɔnɔmetata ƒe amadede; piksel siwo le eme la xɔa amadede si wotsɔ yɔe. Drop shadows wɔa dɔ nenema ke — offset texture coordinates hafi sampling, de smoothing range si keke ta wu, eye nàƒo vɔvɔli si le glyph vevitɔ megbe la nu ƒu. Dɔwɔwɔ siawo tsɔa GPU ƒe gazazã si womate ŋu atsɔ ɖeke le eme o kpena ɖe eŋu elabena akɔntabubu ƒe dɔwɔwɔwo koe wonye le didiƒe ƒe asixɔxɔ si wotsɔ wɔ kpɔɖeŋui xoxo la dzi.

Screen-space antialiasing dze be woalé ŋku ɖe eŋu etɔxɛe. Naive implementation zãa fixed smoothing width, si naa nuŋɔŋlɔ siwo dzena nyuie le lolome ɖeka me gake wo me mekɔna akpa alo jaggy akpa le bubuwo me. Mɔnu nyuitɔ bua smoothing kekeme tso screen-space derivatives le didiƒe agblea me (zã fwidth() le GLSL alo ddx/ddy le HLSL me). Esia trɔa asi le antialiasing la ŋu le eɖokui si ɖe fifi render ƒe lolome nu, si wɔnɛ be nugbɔ siwo le crisp ɣesiaɣi metsɔ le zoom ƒe sesẽme alo didiƒe si wokpɔna me o.

Mɔ̃ Siwo Bɔ Kple Alesi Nàƒo Asa Na Wo

Togbɔ be woƒe dzedzeme le atsyɔ̃ɖoɖo me hã la, SDF ŋɔŋlɔdzesiwo va kple gotchas siwo ateŋu akli nu dɔwɔla bibiwo gɔ̃ hã. Nya si bɔ wue nye didiƒe si mesɔ gbɔ o le atlas dzidziɣi. Ne didime ƒe didime le kpuie akpa la, ŋusẽkpɔɖeamedziwo abe nɔnɔmetata ɣiwo alo vɔvɔli gãwo ene atso zi ɖeka le didime si woŋlɔ ɖe kɔpi me ƒe go kemɛ dzi. Se nyui aɖee nye be nàɖo didime ƒe didime ɖe ŋusẽkpɔɖeamedzi ƒe didime si sɔ gbɔ wu si nèɖo be yeazã la ƒe teƒe eve ya teti, si wodzidze le atlas pikselwo me.

Kuxi bubu si doa mo ɖa enuenu enye texture filtering. SDF textures ele be nazã bilinear filtering — nerest-neighbor filtering gblẽa interpolation si na mɔnu la wɔa dɔ, si wɔa blocky, aliased text. Ke hã, ele be nàtɔ te mipmapping na SDF atlases, elabena mipmapped didiƒe agblewo naa emetsonu siwo mesɔ o le mip ƒe dzidzenu siwo le anyime afisi didiƒe glyph goawo ateŋu aʋu ayi wo nɔewo me.

Kerning kple text layout hã nye teƒe siwo developers lãa dzogoewo zi geɖe. SDF atlas la kpɔa gɔmeɖeɖe gbɔ, gake nuŋɔŋlɔ ƒe nɔnɔme nyui — ŋɔŋlɔdzesiwo ƒe dometsotso, kerning eve, fli ƒe kɔkɔme, kple nuŋɔŋlɔ si le mɔ eve dzi — hiã na ɖoɖowɔɖi ƒe mɔ̃ kokoko. Agbalẽdzraɖoƒewo abe HarfBuzz alo FreeType kpɔa esia gbɔ nyuie. Dzodzo le nuŋɔŋlɔ ƒe nɔnɔme nyuitɔ dzi tsɔ do alɔ dometsotso bɔbɔe si ƒe kekeme le ɖoɖo nu nye mɔ ɖeka kolia si le kabakaba wu si dzi nàto ana wò nuŋɔŋlɔ ƒe gɔmeɖeɖe nadze abe amateur ene, eɖanye aleke kee wò SDF ƒe dɔwɔwɔ le dzadzɛe o.

ƒe nyawo
1. Dzra le nɔnɔme si me woɖea nu le dɔmenyotɔe me. Togbɔ be SDF ŋɔŋlɔdzesiwo dzi ɖena kpɔtɔna nyuie hã la, gɔmedzedze kple nuŋɔŋlɔ ƒe lolome si nye piksel 32-48 ya teti le atlas la me kpɔa nyatakaka nyuiwo ta le nuŋɔŋlɔ sesẽwo abe CJK ŋɔŋlɔdzesiwo alo atsyɔ̃ɖoɖo ƒe nuŋɔŋlɔwo ene me.
2. Zã MSDF ɖe mɔ ɖeka dzi SDF negbe ɖe susu aɖe koŋ le asiwò be màzãe o. Dzogoe ƒe nyateƒetoto ƒe ŋgɔyiyi wɔ nuku ŋutɔ kple gazazã si wometsɔ ɖeke le eme o.
3. Doe kpɔ le lolome siwo gbɔ eme me. Trɔ wò nuŋɔŋlɔa ɖe 8px kple 200px dzi le ŋgɔyiyiɣi. Nya siwo womekpɔna le lolome si sɔ me o la va dzena le nusiwo gbɔ eme.
4. Profile texture memory. MSDF atlas ɖeka si ƒe lolome nye 1024x1024 (RGB, 8-bit) ɖua GPU ŋkuɖodzinu 3 MB. Zi geɖe la, ema mede bitmap ŋɔŋlɔdzesiwo ƒe lolome eve le nyonyome si sɔ me o.
5. Do ŋgɔ na akɔntabubu glyph quads le CPU la dzi. Vertex buffer si me glyph quads siwo woɖo ɖe teƒe aɖe le la trɔna ne nuŋɔŋlɔ me nyawo trɔ ko, ke menye frame ɖesiaɖe o. Cache it aggressively.

SDF Ŋɔŋlɔdzesiwo le Ewɔwɔ me: Xexeame Ŋutɔŋutɔ ƒe Dɔwɔɖoɖowo

Fefe ƒe mɔ̃woe na wova xɔ SDF ŋɔŋlɔdzesiwo, gake aɖaŋua kaka yi ŋgɔ sasasã wu fefewɔwɔ. Google Maps zãa dzeside siwo woɖe tso SDF me na eƒe anyigbatata ƒe nutsyɔtsyɔwo, si na be teƒewo ƒe ŋkɔwo gakpɔtɔ nye esiwo woate ŋu axlẽ tso ablɔdzi ƒe lolome dzi va ɖo anyigbagã ƒe dzidzeme ƒe lolome dzi evɔ womagbugbɔ xexlẽdzesiwo awɔ o. Mapbox GL ɖoa ŋu ɖe SDF ŋɔŋlɔdzesiwo ŋu bliboe hena eƒe anyigbatata siwo wowɔ le WebGL me, subɔa SDF atlas tile siwo wowɔ do ŋgɔ tso eƒe CDN me. Le go eveawo siaa me la, SDF ŋɔŋlɔdzesiwo ƒe vovototodedeameme ƒe ɖokuisinɔnɔ ɖea zoom-level gɔmeɖeɖe ƒe vodadawo ƒe hatsotso blibo aɖe ɖa.

Asitsatsa ƒe dɔbiagbalẽviwo kpɔa viɖe sɔsɔe. Nuƒolanɔƒe ɖesiaɖe si ɖea nuŋɔŋlɔ siwo trɔna le canvas alo WebGL nɔnɔme me — bu dashboards, nyatakakawo ƒe nɔnɔmetatawo, nyatakaka siwo me wowɔa nu aduadu le, alo dijitaal dzesiwo ŋu — kpɔa viɖe enumake tso SDF gɔmeɖeɖe me. Le Mewayz, afisi asitsalawo kpɔa nusianu dzi tso fexexe dzi va ɖo numekuku dzi le modules 207 siwo wotsɔ wɔ ɖekae me la, nuŋɔŋlɔwo gɔmeɖeɖe si mewɔa tɔtrɔ o eye wòwɔa dɔ nyuie le mɔ̃wo dzi menye atsyɔ̃ɖoɖo o — enye nudidi. Ne nuɖuɖudzraƒe aɖe tɔ lé ŋku ɖe woƒe agbalẽŋɔŋlɔ ƒe dashboard ŋu le telefon dzi eye woƒe akɔntanyala lé ŋku ɖe nyatakaka mawo ke ŋu le ŋkuléleɖenuŋu si ƒe didime nye inch 32 dzi la, ele be nuŋɔŋlɔa naxlẽ nyuie sɔsɔe evɔ meɖo ŋɔŋlɔdzesiwo ƒe nunɔamesi vovovowo ɖe screen density ɖesiaɖe o.

WebGL ecosystem na SDF ŋɔŋlɔdzesiwo va le bɔbɔe na web dɔwɔlawo. Agbalẽdzraɖoƒewo abe three-mesh-ui kple troika-three-text naa MSDF nuŋɔŋlɔ ƒe ɖeɖefia si woate ŋu atsɔ aƒu gbe na Three.js nukpɔkpɔwo, esime dɔwɔla siwo le ɖoƒe si le anyime ateŋu awɔ SDF gɔmeɖeɖe tɔxɛ ŋudɔ kple shader code ƒe fli siwo mede 100 o. Mɔnu sia hã kpɔ mɔ yi asitelefon ƒe ŋgɔyiyi ŋutɔŋutɔ me to ɖoɖowo abe Flutter ene, si zãa SDF-dzi gɔmeɖeɖe na eƒe nuŋɔŋlɔ ƒe mɔ̃ si wowɔ ɖe ɖoɖo nu.

Beyond Text: Afisi SDF Mɔnuwo Le Ta Ðo

Adzɔge ƒe agble ƒe susua keke ta yi ŋgɔ wu ŋɔŋlɔdzesiwo ƒe gɔmeɖeɖe. UI aɖaŋuwɔlawo le SDF mɔnuwo zãm tsɔ le dzesi siwo mewɔ ɖeka kple vovototodedeameme o, vektor ƒe nɔnɔme siwo woate ŋu atrɔ, kple ɖoɖowɔɖi ƒe UI ƒe akpawo gɔ̃ hã abe dzogoe ene me goglo siwo ƒe dzogoewo sɔ pɛpɛpɛ le piksel ene gɔ̃ hã wɔm. Mɔnu ma ke si wotu ɖe atlas dzi si na SDF ŋɔŋlɔdzesiwo mewɔa dɔ nyuie o la wɔa dɔ ɖe dzesiwo ƒe hatsotsowo dzi sɔsɔe — 512x512 SDF atlas ɖeka ateŋu akpɔ dzesi alafa geɖe siwo ɖea nu nyuie le lolome ɖesiaɖe me.

Le numekuku ƒe liƒo dzi la, mɔnu siwo wotu ɖe ahɔhɔ̃mekawo ƒe kadodo dzi le dodom siwo srɔ̃a alesi woawɔ didiƒe ƒe agblewo tẽ tso vektor ƒe nɔnɔmetatawo me, si ate ŋu ana emetsonu siwo de ŋgɔ wu akɔntabubumɔnu xoxowo. Le ɣeyiɣi sia me la, ʋuʋudedi ƒe kekeme si trɔna ƒe gɔmeɖeɖe to SDF nuŋɔŋlɔwo zazã me le mɔnukpɔkpɔ yeyewo ʋum na nuŋɔŋlɔ kple asiŋɔŋlɔ ƒe nuŋɔŋlɔ ƒe ŋusẽkpɔɖeamedzi siwo mewɔa dɔ tsã le ɣeyiɣi ŋutɔŋutɔ ƒe dɔwɔwɔwo me o.

Le dɔwɔla siwo le egbegbe, mɔ̃ geɖe ƒe dɔwɔwɔwo tum gome la, SDF ŋɔŋlɔdzesiwo tsi tre ɖi na mɔnu mawo siwo mebɔ o dometɔ ɖeka si me nusɔsrɔ̃ ƒe gadedea xea fetu le dɔ ɖesiaɖe kloe me. Gɔmeɖeɖe ƒe nyonyome ʋlia ho kple nuŋɔŋlɔ ƒe mɔ̃ gbãtɔwo, ŋkuɖodzinu ƒe afɔti nye bitmap ƒe mɔnu bubuwo ƒe akpa sue aɖe, eye shader-based effect system naa nuwɔwɔ ƒe asitɔtrɔ si mɔnu siwo woɖa do ŋgɔ mate ŋu asɔ kple wo nɔewo o. Eɖanye be èle dzesiwo gɔme ɖem le 3D globe dzi alo nèle ekpɔm be nyatakaka vevi siwo le asitsatsa me la dze nyuie le screen ɖesiaɖe dzi le wò zãlawo ƒe agbenɔnɔ me o, SDF ŋɔŋlɔdzesiwo nye dɔwɔnu si ŋu wòle be nàbi ɖo.

Nyabiase Siwo Wobiana Enuenu

Nukae nye SDF ŋɔŋlɔdzesiwo eye nukatae wòle be dɔwɔlawo natsɔ ɖe le eme na wo?

Adzɔge si wode asi na Agble ƒe ŋɔŋlɔdzesiwo dzraa didime ƒe asixɔxɔwo ɖo tso piksel ɖesiaɖe gbɔ va ɖo ŋɔŋlɔdzesi ƒe nugbɔ si te ɖe eŋu wu, si wɔnɛ be nuŋɔŋlɔ ƒe gɔmeɖeɖe si mewɔ ɖeka kple vovototodedeameme o la te ŋu wɔa dɔ. To vovo na bitmap ŋɔŋlɔdzesi xoxo siwo me mekɔna o ne wodzi wo ɖe edzi la, SDF ŋɔŋlɔdzesiwo gakpɔtɔ nɔa dzadzɛ le lolome alo lolome ɖesiaɖe me. Esia na be wole vevie na egbegbe ŋuɖoɖo ƒe ŋgɔdonyawo, fefe ƒe UI, kple dɔwɔwɔ ɖesiaɖe si ɖo taɖodzinu na screen densities geɖe — tso asitelefonwo dzi va ɖo 4K ŋkuléleɖenuŋuwo dzi kple esiwo wu nenema.

Aleke SDF ŋɔŋlɔdzesiwo sɔ kple bitmap kple vector ŋɔŋlɔdzesiwo gɔmeɖeɖe xoxo?

Bitmap ŋɔŋlɔdzesiwo hiã nuŋɔŋlɔ vovovowo na lolome ɖesiaɖe, exɔa ŋkuɖodzinu veviwo esime wògakpɔtɔ wɔa asinudɔwɔwɔwo ne wodzidzee. Vector ŋɔŋlɔdzesiwo naa nyonyome deblibo gake woxɔ asi le akɔntabubu nu be woawɔ raster le ɣeyiɣi ŋutɔŋutɔ me. SDF ŋɔŋlɔdzesiwo da sɔ nyuie — nuŋɔŋlɔ ɖeka si le sue la wɔa dɔ nyuie le dzidzenu ɖesiaɖe kloe me kple GPU ƒe gazazã suetɔ kekeake, si wɔe be wonye tiatia si wodi wu na ɣeyiɣi ŋutɔŋutɔ ƒe dɔwɔwɔwo abe fefewo kple kadodo ƒe dashboardwo.

Dɔwɔnu kple agbalẽdzraɖoƒe kawoe li hena SDF ŋɔŋlɔdzesiwo wɔwɔ?

Tiatia xɔŋkɔwo dometɔ aɖewoe nye msdfgen na mɔ geɖe dzi SDF dzidzi, Hiero na bitmap ŋɔŋlɔdzesiwo ƒe babla kple SDF ƒe kpekpeɖeŋu, kple sedede-fli ƒe dɔwɔnu vovovo siwo le ʋuʋu ɖi. Fefe ƒe mɔ̃ akpa gãtɔ abe Unity kple Godot ene dea SDF nuŋɔŋlɔ ƒe kpekpeɖeŋu si wotu ɖe eme. Le asitsaha siwo le dɔwɔɖoɖo tɔxɛwo tum gome la, mɔ̃wo abe Mewayz kple eƒe 207-module business OS si dzea egɔme tso $19/mo ate ŋu aƒo gɔmeɖeɖemɔnu siawo nu ƒu ɖe dijitaal nuteƒekpɔkpɔ siwo ŋu ŋkɔ le me.

Ðe SDF ŋɔŋlɔdzesiwo ateŋu akpɔ nu tɔxɛwo abe nɔnɔmetatawo, vɔvɔliwo, kple nuŋɔŋlɔ siwo le keklẽm gbɔa?

Kakaɖedzitɔe — esia nye SDF ŋɔŋlɔdzesiwo ƒe ŋusẽ gãtɔwo dometɔ ɖeka. Esi wònye be didiƒe ƒe agble ŋuti nyatakakawo le vɔvɔli la me ta la, àte ŋu atsɔ nɔnɔmetatawo, vɔvɔli siwo aɖiɖi, keklẽ fafɛwo, kple nɔnɔmetata siwo me agbe le gɔ̃ hã akpe ɖe eŋu to asitɔtrɔ le dzidzenu ƒe asixɔxɔwo ŋu ko me. Nuwɔna siawo mexɔa naneke kloe le dɔwɔwɔ me o elabena womehiã geometry alo texture pass bubu aɖeke o, si naa aɖaŋuwɔlawo kpɔa ablɔɖe ɖedzesi aɖe le nuwɔwɔ me evɔ wometsɔa frame rates sa vɔe o.