Olùyí Àwòrán sí Iṣẹ́-Ọnà ASCII Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Ìyípadà náà ń ṣẹlẹ̀ pátápátá nínú aṣàwákiri rẹ pẹ̀lú API Canvas — kò sí sáfà, kò sí gbígbé sókè. Irinṣẹ́ náà ń yà àwòrán rẹ sórí canvas lóde-ìfihàn tí a ṣe ìwọ̀n sí ìbú ọ̀wọ̀n àfojúsùn, ó ń ka àwọn iye RGB pixel kọ̀ọ̀kan nípasẹ̀ getImageData, ó sì ń fi ìtànmọ́lẹ̀ ìmọ̀lára pixel kọ̀ọ̀kan sí àmì kan láti ọ̀wọ́ ọ̀rọ̀ ìtọ́ka tí o yàn.

1. 1
   Canvas ń tún ìwọ̀n àwòrán ṣe

   A ń yà àwòrán rẹ sórí canvas tí a fi pamọ́ tí a ṣe ìwọ̀n sí gan-an sí grid ìtọjade — ọ̀wọ̀n 80 déédéé ní ìbú, pẹ̀lú gíga tí a ṣàtúnṣe láifọwọ́kàn láti pa àṣàrò àwòrán náà mọ́ (tí a dín kù fún àwọn fóńtì monospace, tí ó ga ju bí ó ti fẹ̀ lọ).
2. 2
   Ìṣàyẹ̀wò ìmọ̀lára fún pixel kọ̀ọ̀kan

   Irinṣẹ́ náà ń pe getImageData láti ka byte RGBA gan-an fún ẹ̀yà kọ̀ọ̀kan. Ó ń yí pixel kọ̀ọ̀kan padà sí iye ìmọ̀lára kan ní lílo fọ́rmúlà ìmọ̀lára ITU-R (0.299R + 0.587G + 0.114B), kí ó sì fi àtúnṣe ìmọ̀lára rẹ, ìlọ́po ìyàtọ̀, àti ìlà gamma rẹ sílo.
3. 3
   Ìmọ̀lára ń dá sí àmì kan

   A ń pọ̀sí ìmọ̀lára tí a ṣàtúnṣe (0–1) pẹ̀lú gígùn ọ̀wọ́ ọ̀rọ̀ àmì tí a yàn — déédéé ( .:-=+*#%@), 70-àmì pípé, àwọn ẹ̀yà ọ̀pá, alámọ̀-méjì, tàbí àkópọ̀ àṣàrò tí o kọ sí i — a sì ń fi àmì tí ó wà ní ìdí yẹn sí grid ìtọjade náà.
4. 4
   Gbé jáde ní ọ̀rọ̀ lásán, PNG, tàbí HTML

   A ń so grid tí ó parí náà pọ̀ sí ọ̀wọ́ ọ̀rọ̀ lásán fún dàkọ/gbígbà. Fún gbígbé PNG jáde, a ń yà àmì kọ̀ọ̀kan sí canvas kejì kan pẹ̀lú fillText ní monospace 12px. Ipò àwọ̀ ń ka RGB ìpilẹ̀ṣẹ̀ fún pixel kọ̀ọ̀kan ó sì ń fi àmì kọ̀ọ̀kan wé ẹ̀yà span tí a ṣe àṣàrò sí i, èyí tí a lè gbé jáde gẹ́gẹ́ bí fáìlì HTML tí ó dá wà fúnra rẹ̀.

Àwọn Irinṣẹ Tó Jọra