Ìdánwò Ìsáré Títẹ̀ (WPM) Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Ìdánwò ìyára ìkọwé ń ṣiṣẹ́ pátápátá nínú aṣàwákiri pẹ̀lú ipò React àti performance.now() fún àkókò — kò sí olupin, kò sí gbígbé sókè, kò sí iṣẹ́ ìta. A ń pín àwọn ìtẹ̀ kọ́kọ́rọ́ tí a sì kà wọ́n ní àkókò gidi, WPM, ìpéye àti ìdúrósójú ni a ṣírò pẹ̀lú fọ́rmúlà tí a gbé kalẹ̀ lórí lẹ́tà kan náà tí Monkeytype ṣe àkọsílẹ̀ rẹ̀ ní gbangba.

1. 1
   Àtòjọ ọ̀rọ̀ ń kó ládùúgbò

   Nígbà tí o bá yan èdè kan, a ń mú àkójọpọ̀ ọ̀rọ̀ láti inú fáìlì JSON tí a dá kalẹ̀ a sì fi pamọ́ sínú ipò ẹ̀yà náà. Àwọn ọ̀rọ̀ ni a yàn láìròtẹ́lẹ̀ láti kọ́ apá ìdánwò náà; pẹ̀lú àmì-ìdúró tàbí nọ́mbà tí ó tan, olùmújáde náà ń fi kọ́mà, àmì ìparí, àti àwọn àmì nọ́mbà sí inú ọ̀wọ́ ọ̀rọ̀ náà ní ìṣeéṣe.
2. 2
   A ń ka àwọn ìtẹ̀ kọ́kọ́rọ́ ní ìṣẹ́jú-aaya kọ̀ọ̀kan

   Ẹ̀yà ìbáwọlé tí a fi pamọ́ ń mú ọ̀rọ̀ kọ̀ọ̀kan. Ìtẹ̀ kọ́kọ́rọ́ kọ̀ọ̀kan ń fi kún ìka ẹ̀ka ìṣẹ́jú-aaya kan, ọ̀rọ̀ kọ̀ọ̀kan ni a sì fi wé àfojúsùn lẹ́sẹ̀kẹsẹ̀ láti pín in sí tí ó tọ́, tí kò tọ́, tàbí àfikún. Aago náà ń ṣiṣẹ́ nípasẹ̀ setInterval ní àárín ìṣẹ́jú-aaya 1 pẹ̀lú performance.now() fún pípé.
3. 3
   A ń ṣírò àwọn ìwọ̀n láti inú dátà ìtẹ̀ kọ́kọ́rọ́ gan-an

   Ní ìparí ìdánwò náà, a ń ṣírò WPM gidi láti inú àwọn àmì tí ó jẹ́ ti àwọn ọ̀rọ̀ tí ó tọ́ pátápátá pẹ̀lú àyè tí ó tẹ̀lé wọn, tí a pín sí ìṣẹ́jú-aaya tí ó ti kọjá, tí a sì yí padà sí ìwọ̀n déédéé lẹ́tà-5-fún-ọ̀rọ̀-kan. WPM gbẹ̀yìn ń ka ìtẹ̀ kọ́kọ́rọ́ kọ̀ọ̀kan pẹ̀lú àṣìṣe. Ìdúrósójú ń lo àwọn àpẹẹrẹ gbẹ̀yìn ìṣẹ́jú-aaya kọ̀ọ̀kan láti ṣírò coefficient of variation, ó sì fi fọ́rmúlà ìjọ́wọ́ kogasa (100 × (1 − tanh(cov + cov³/3 + cov⁵/5))) sílo láti mú àmì 0–100 jáde.
4. 4
   Àwòrán àbájáde ń farahàn sórí Canvas

   A ń yà àwọn ọ̀wọ́ WPM-lórí-àkókò àti WPM-gbẹ̀yìn-lórí-àkókò sórí ẹ̀yà HTML Canvas pẹ̀lú API 2D Context. Nígbà tí o bá gbé àbájáde rẹ jáde, Canvas API kan náà ń ṣẹ̀dá àwòrán 820×460 — títí kan àwòrán náà, àwọn ìwọ̀n gbogbo, àti ìdámọ̀ libratool.com — a sì ń fi jíṣẹ́ gẹ́gẹ́ bí PNG nípasẹ̀ canvas.toBlob().

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