សាកល្បងល្បឿនវាយអក្សរ (WPM) ឥតគិតថ្លៃ

វាដំណើរការដោយរបៀបណា

ការសាកល្បងល្បឿនវាយអក្សរដំណើរការទាំងស្រុងនៅក្នុងកម្មវិធីរុករកដោយប្រើ React state និង performance.now() សម្រាប់កំណត់ពេលវេលា — គ្មានម៉ាស៊ីនមេ គ្មានការផ្ទុកឡើង គ្មានសេវាកម្មខាងក្រៅទេ។ ការចុចគ្រាប់ចុចត្រូវបានចាត់ថ្នាក់ និងរាប់ក្នុងពេលវេលាពិត ហើយ WPM ភាពត្រឹមត្រូវ និងភាពស៊ីសង្វាក់គណនាដោយប្រើរូបមន្តដែលផ្អែកលើតួអក្សរដូចគ្នានឹង Monkeytype ចងក្រងជាសាធារណៈ។

1. 1
   បញ្ជីពាក្យផ្ទុកនៅក្នុងស្រុក

   នៅពេលអ្នកជ្រើសរើសភាសា ក្រុមពាក្យត្រូវបានទាញយកពីឯកសារ JSON ថេរ និងរក្សាទុកនៅក្នុងស្ថានភាពសមាសធាតុ។ ពាក្យត្រូវបានជ្រើសរើសដោយចៃដន្យដើម្បីបង្កើតកថាខណ្ឌសាកល្បង; ជាមួយសញ្ញាវណ្ណយុត្ត ឬលេខបានបើក កម្មវិធីបង្កើតបញ្ចូលសញ្ញាក្បៀស សញ្ញាចប់ និងសញ្ញាលេខទៅក្នុងលំដាប់តាមប្រូបាប៊ីលីតេ។
2. 2
   ការចុចគ្រាប់ចុចត្រូវបានរាប់ក្នុងមួយវិនាទី

   ធាតុបញ្ចូលលាក់មួយចាប់យកតួអក្សរនីមួយៗ។ ការចុចគ្រាប់ចុចនីមួយៗបង្កើនកម្មវិធីរាប់ធុងក្នុងមួយវិនាទី ហើយតួអក្សរនីមួយៗត្រូវបានប្រៀបធៀបភ្លាមៗនឹងគោលដៅដើម្បីចាត់ថ្នាក់ថាត្រឹមត្រូវ មិនត្រឹមត្រូវ ឬលើស។ កម្មវិធីកំណត់ពេលដំណើរការតាម setInterval ក្នុងចន្លោះពេល 1 វិនាទីដោយប្រើ performance.now() សម្រាប់ភាពត្រឹមត្រូវ។
3. 3
   ការវាស់វែងត្រូវបានគណនាពីទិន្នន័យការចុចគ្រាប់ចុចដើម

   នៅចុងបញ្ចប់នៃការសាកល្បង WPM សុទ្ធត្រូវបានគណនាពីតួអក្សរដែលជារបស់ពាក្យត្រឹមត្រូវទាំងស្រុង បូកនឹងចន្លោះខាងចុងរបស់វា ចែកនឹងវិនាទីដែលកន្លងផុត និងប្តូរទៅឯកតាស្តង់ដារ 5-តួអក្សរក្នុងមួយពាក្យ។ WPM ដើមរាប់ការចុចគ្រាប់ចុចនីមួយៗរួមទាំងកំហុស។ ភាពស៊ីសង្វាក់ប្រើគំរូដើមក្នុងមួយវិនាទីដើម្បីគណនាមេគុណនៃការប្រែប្រួល រួចអនុវត្តរូបមន្តរលោង kogasa (100 × (1 − tanh(cov + cov³/3 + cov⁵/5))) ដើម្បីបង្កើតពិន្ទុ 0–100។
4. 4
   ក្រាហ្វលទ្ធផលបង្ហាញលើ Canvas

   ស៊េរី WPM-តាមពេលវេលា និង WPM ដើម-តាមពេលវេលា ត្រូវបានគូរលើធាតុ HTML Canvas ដោយប្រើ 2D Context API។ នៅពេលអ្នកនាំចេញលទ្ធផលរបស់អ្នក Canvas API ដូចគ្នាបង្ហាញរូបភាព 820×460 — រួមទាំងក្រាហ្វ ស្ថិតិចំណងជើង និងគុណលក្ខណៈ libratool.com — ហើយផ្តល់វាជា PNG តាម canvas.toBlob()។

ឧបករណ៍ពាក់ព័ន្ធ