ነፃ የመተየብ ፍጥነት ፈተና (WPM)

እንዴት እንደሚሠራ

የመጻፍ ፍጥነት ሙከራ React state እና performance.now()ን ለጊዜ አቆጣጠር በመጠቀም ሙሉ በሙሉ በአሳሹ ውስጥ ይሰራል — ምንም አገልጋይ የለም፣ ምንም ስቀላ የለም፣ ምንም ውጫዊ አገልግሎት የለም። የቁልፍ ንክኪዎች በእውነተኛ ጊዜ ይመደባሉ እና ይቆጠራሉ፣ እና WPM፣ ትክክለኛነት፣ እና ወጥነት Monkeytype በይፋ በሰነደው ተመሳሳይ ባህሪ-ተኮር ቀመሮች ይሰላሉ።

1. 1
   የቃላት ዝርዝር በአካባቢያዊ ይጫናል

   ቋንቋ ሲመርጡ፣ የቃላት ገንዳ ከስታቲክ JSON ፋይል ይመጣል እና በክፍል state ውስጥ ይቀመጣል። ቃላት ከዚያ የሙከራ ምንባቡን ለመገንባት በዘፈቀደ ይመረጣሉ፤ ስርዓተ-ነጥብ ወይም ቁጥሮች ከነቃ ጋር፣ ፈጣሪው ኮማዎችን፣ የመጨረሻ ምልክቶችን፣ እና ቁጥራዊ ቶከኖችን በቅደም ተከተል ውስጥ በዕድል ያስገባል።
2. 2
   የቁልፍ ንክኪዎች በሰከንድ ይቆጠራሉ

   የተደበቀ የግቤት ንጥረ ነገር እያንዳንዱን ባህሪ ይይዛል። እያንዳንዱ የቁልፍ ንክኪ በሰከንድ ባልዲ ቆጣሪ ይጨምራል፣ እና እያንዳንዱ ባህሪ ትክክል፣ ስህተት፣ ወይም ተጨማሪ ተብሎ ለመመደብ ከኢላማው ጋር ወዲያውኑ ይነጻጸራል። ሰዓት ቆጣሪው በ1-ሰከንድ ክፍተቶች performance.now()ን ለትክክለኛነት በመጠቀም በsetInterval ይሰራል።
3. 3
   መለኪያዎች ከጥሬ የቁልፍ ንክኪ ውሂብ ይሰላሉ

   በሙከራው መጨረሻ፣ ንጹህ WPM ከሙሉ-ትክክለኛ ቃላት እና ተከታዮቻቸው ክፍተቶች ባህሪያት ተሰልቶ፣ ባለፉት ሰከንዶች ተከፍሎ፣ ወደ መደበኛ 5-ባህሪ-በቃል ክፍል ይቀየራል። ጥሬ WPM ስህተቶችን ጨምሮ እያንዳንዱን የቁልፍ ንክኪ ይቆጥራል። ወጥነት የመለያየት ቅንጅትን ለማስላት በሰከንድ ጥሬ ናሙናዎችን ይጠቀማል፣ ከዚያ 0–100 ውጤት ለማምረት kogasa ማለስለሻ ቀመር (100 × (1 − tanh(cov + cov³/3 + cov⁵/5))) ይተገብራል።
4. 4
   የውጤት ገበታ ወደ Canvas ይታያል

   የWPM-በጊዜ-ውስጥ እና ጥሬ-WPM-በጊዜ-ውስጥ ተከታታይ 2D Context API በመጠቀም ወደ HTML Canvas ንጥረ ነገር ይሳላሉ። ውጤትዎን ሲልኩ፣ ተመሳሳዩ Canvas API 820×460 ምስል ይታያል — ገበታውን፣ ዋና ስታቲስቲክስን፣ እና libratool.com ዕውቅናን ጨምሮ — እና በcanvas.toBlob() በኩል እንደ PNG ያደርሰዋል።

ተዛማጅ መሳሪያዎች