ਮੁਫ਼ਤ ਟਾਈਪਿੰਗ ਸਪੀਡ ਟੈਸਟ (WPM)

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਟਾਈਪਿੰਗ ਸਪੀਡ ਟੈਸਟ React state ਅਤੇ ਸਮੇਂ ਲਈ performance.now() ਵਰਤ ਕੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ — ਕੋਈ ਸਰਵਰ, ਅੱਪਲੋਡ ਜਾਂ ਬਾਹਰੀ ਸੇਵਾ ਨਹੀਂ। ਕੀਸਟ੍ਰੋਕ ਰੀਅਲ ਟਾਈਮ ਵਿੱਚ ਵਰਗੀਕ੍ਰਿਤ ਅਤੇ ਗਿਣੇ ਜਾਂਦੇ ਹਨ, ਅਤੇ WPM, ਸ਼ੁੱਧਤਾ ਅਤੇ ਇੱਕਸਾਰਤਾ ਉਹੀ ਅੱਖਰ-ਅਧਾਰਿਤ ਫ਼ਾਰਮੂਲਿਆਂ ਨਾਲ ਗਿਣੇ ਜਾਂਦੇ ਹਨ ਜੋ Monkeytype ਜਨਤਕ ਤੌਰ 'ਤੇ ਦੱਸਦਾ ਹੈ।

1. 1
   ਸ਼ਬਦ ਸੂਚੀ ਲੋਕਲ ਤੌਰ 'ਤੇ ਲੋਡ ਹੁੰਦੀ ਹੈ

   ਭਾਸ਼ਾ ਚੁਣਨ 'ਤੇ, ਸ਼ਬਦ ਭੰਡਾਰ ਇੱਕ ਸਥਿਰ JSON ਫ਼ਾਈਲ ਤੋਂ ਲਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ component state ਵਿੱਚ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ। ਫਿਰ ਟੈਸਟ ਪਾਠ ਬਣਾਉਣ ਲਈ ਸ਼ਬਦ ਬੇਤਰਤੀਬੇ ਚੁਣੇ ਜਾਂਦੇ ਹਨ; ਵਿਰਾਮ ਚਿੰਨ੍ਹ ਜਾਂ ਨੰਬਰ ਚਾਲੂ ਹੋਣ 'ਤੇ, ਜਨਰੇਟਰ ਸੰਭਾਵਨਾ ਅਨੁਸਾਰ ਕੌਮੇ, ਅੰਤਲੇ ਚਿੰਨ੍ਹ ਅਤੇ ਅੰਕ ਕ੍ਰਮ ਵਿੱਚ ਪਾਉਂਦਾ ਹੈ।
2. 2
   ਕੀਸਟ੍ਰੋਕ ਹਰ ਸਕਿੰਟ ਗਿਣੇ ਜਾਂਦੇ ਹਨ

   ਇੱਕ ਲੁਕਿਆ input element ਹਰ ਅੱਖਰ ਫੜਦਾ ਹੈ। ਹਰ ਕੀਸਟ੍ਰੋਕ ਪ੍ਰਤੀ-ਸਕਿੰਟ ਬਕਟ ਕਾਊਂਟਰ ਵਧਾਉਂਦਾ ਹੈ, ਅਤੇ ਹਰ ਅੱਖਰ ਦੀ ਤੁਰੰਤ ਨਿਸ਼ਾਨੇ ਨਾਲ ਤੁਲਨਾ ਕਰਕੇ ਉਸਨੂੰ ਸਹੀ, ਗ਼ਲਤ ਜਾਂ ਵਾਧੂ ਵਜੋਂ ਵਰਗੀਕ੍ਰਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਟਾਈਮਰ ਸਟੀਕਤਾ ਲਈ performance.now() ਵਰਤ ਕੇ 1-ਸਕਿੰਟ ਦੇ ਅੰਤਰਾਲ 'ਤੇ setInterval ਰਾਹੀਂ ਚੱਲਦਾ ਹੈ।
3. 3
   ਮਾਪ ਕੱਚੇ ਕੀਸਟ੍ਰੋਕ ਡਾਟੇ ਤੋਂ ਗਿਣੇ ਜਾਂਦੇ ਹਨ

   ਟੈਸਟ ਦੇ ਅੰਤ ਵਿੱਚ, net WPM ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਹੀ ਸ਼ਬਦਾਂ ਦੇ ਅੱਖਰਾਂ ਅਤੇ ਉਨ੍ਹਾਂ ਤੋਂ ਬਾਅਦ ਦੀਆਂ ਸਪੇਸਾਂ ਨੂੰ ਬੀਤੇ ਸਕਿੰਟਾਂ ਨਾਲ ਭਾਗ ਕਰਕੇ, ਮਿਆਰੀ 5-ਅੱਖਰ-ਪ੍ਰਤੀ-ਸ਼ਬਦ ਇਕਾਈ ਵਿੱਚ ਬਦਲ ਕੇ ਗਿਣਿਆ ਜਾਂਦਾ ਹੈ। Raw WPM ਗਲਤੀਆਂ ਸਮੇਤ ਹਰ ਕੀਸਟ੍ਰੋਕ ਗਿਣਦਾ ਹੈ। ਇੱਕਸਾਰਤਾ ਪ੍ਰਤੀ-ਸਕਿੰਟ ਕੱਚੇ ਨਮੂਨਿਆਂ ਤੋਂ ਪਰਿਵਰਤਨ ਗੁਣਾਂਕ ਕੱਢਦੀ ਹੈ, ਫਿਰ 0–100 ਸਕੋਰ ਬਣਾਉਣ ਲਈ kogasa ਸਮੂਥਿੰਗ ਫ਼ਾਰਮੂਲਾ (100 × (1 − tanh(cov + cov³/3 + cov⁵/5))) ਲਾਉਂਦੀ ਹੈ।
4. 4
   ਨਤੀਜਿਆਂ ਦਾ ਚਾਰਟ Canvas 'ਤੇ ਬਣਦਾ ਹੈ

   ਸਮੇਂ ਦੇ ਨਾਲ WPM ਅਤੇ raw WPM ਦੀਆਂ ਲੜੀਆਂ 2D Context API ਵਰਤ ਕੇ ਇੱਕ HTML Canvas element 'ਤੇ ਬਣਾਈਆਂ ਜਾਂਦੀਆਂ ਹਨ। ਨਤੀਜਾ ਐਕਸਪੋਰਟ ਕਰਨ 'ਤੇ, ਉਹੀ Canvas API ਇੱਕ 820×460 ਚਿੱਤਰ ਬਣਾਉਂਦੀ ਹੈ — ਚਾਰਟ, ਮੁੱਖ ਅੰਕੜਿਆਂ ਅਤੇ libratool.com ਦੇ ਹਵਾਲੇ ਸਮੇਤ — ਅਤੇ ਇਸਨੂੰ canvas.toBlob() ਰਾਹੀਂ PNG ਵਜੋਂ ਦਿੰਦੀ ਹੈ।

ਸੰਬੰਧਿਤ ਟੂਲ