ਉਹੀ ਨਕਸ਼ਾ, ਤਿੰਨ ਤਰੀਕੇ: SVG, Rust ਅਤੇ Flutter

EVnSteven ਇੱਕ ਆਰਾਮਦਾਇਕ ਸਥਾਨ ਤੇ ਪਹੁੰਚ ਚੁੱਕਾ ਹੈ। ਪਲੇਟਫਾਰਮ ਸਥਿਰ ਹੈ ਅਤੇ ਇਸਨੂੰ ਜ਼ਿਆਦਾ ਰਖ-ਰਖਾਵ ਦੀ ਲੋੜ ਨਹੀਂ, ਜੋ ਕਿ ਅਸੀਂ ਸ਼ੁਰੂ ਵਿੱਚ ਚਾਹੁੰਦੇ ਸੀ: ਇੱਕ ਛੋਟਾ ਸਿਸਟਮ ਜੋ ਚੁੱਪਚਾਪ ਕੰਮ ਕਰਦਾ ਰਹਿੰਦਾ ਹੈ। ਇਸ ਨਾਲ ਕੁਝ ਪ੍ਰਯੋਗ ਕਰਨ ਲਈ ਥੋੜ੍ਹੀ ਜਗ੍ਹਾ ਬਚਦੀ ਹੈ, ਅਤੇ ਇਸ ਨੇ ਸਾਡੇ ਸਥਾਪਕਾਂ ਨੂੰ ਕੁਝ ਹੋਰ ਪ੍ਰੋਜੈਕਟ ਸ਼ੁਰੂ ਕਰਨ ਦਾ ਸਮਾਂ ਦਿੱਤਾ ਹੈ, ਜੋ ਤੁਸੀਂ ਅੰਤ ਵਿੱਚ ਵੇਖੋਗੇ।

ਸੋ ਅਸੀਂ ਇੱਕ ਪ੍ਰਯੋਗ ਕੀਤਾ। ਅਸੀਂ ਆਪਣੇ ਮੁੱਖ ਪੰਨੇ ‘ਤੇ ਮੌਜੂਦ ਨਕਸ਼ੇ ਨੂੰ ਲਿਆ ਅਤੇ ਉਸਨੂੰ ਦੋ ਵਾਰੀ ਦੁਬਾਰਾ ਬਣਾਇਆ: ਇੱਕ ਵਾਰੀ Rust ਵਿੱਚ ਜੋ WebAssembly ਵਿੱਚ ਕੰਪਾਇਲ ਕੀਤਾ ਗਿਆ, ਅਤੇ ਇੱਕ ਵਾਰੀ Flutter ਵਿੱਚ। ਇਹ ਲੇਖ ਤਿੰਨੋ ਨੂੰ ਇੱਕ ਪੰਨੇ ‘ਤੇ ਰੱਖਦਾ ਹੈ ਅਤੇ ਉਹਨਾਂ ਦੀ ਤੁਲਨਾ ਕਰਦਾ ਹੈ।

1. ਮੂਲ: SVG, CSS ਅਤੇ ਥੋੜ੍ਹਾ ਜਾਵਾਸਕ੍ਰਿਪਟ

ਸਧਾਰਨ ਸ਼ਬਦਾਂ ਵਿੱਚ: ਇਹ ਸਾਡੇ ਮੁੱਖ ਪੰਨੇ ‘ਤੇ ਮੌਜੂਦ ਨਕਸ਼ਾ ਹੈ। ਇਹ ਉਸ ਤਰੀਕੇ ਨਾਲ ਬਣਾਇਆ ਗਿਆ ਹੈ ਜਿਸ ਤਰ੍ਹਾਂ ਵੈੱਬ ਪੰਨਾ ਬਣਦਾ ਹੈ: ਇੱਕ ਡਰਾਇੰਗ ਜੋ ਆਕਾਰਾਂ ਤੋਂ ਬਣੀ ਹੈ ਜੋ ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਪਹਿਲਾਂ ਹੀ ਦਿਖਾਉਣ ਅਤੇ ਐਨੀਮੇਟ ਕਰਨ ਦਾ ਤਰੀਕਾ ਜਾਣਦਾ ਹੈ। ਇਹ ਤਿੰਨ ਵਿੱਚੋਂ ਸਭ ਤੋਂ ਸਧਾਰਣ ਹੈ, ਅਤੇ ਇਹੀ ਜ਼ਿਆਦਾਤਰ ਵਿਜ਼ਟਰਾਂ ਨੂੰ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।

ਇਹ ਇੱਕ SVG ਡਰਾਇੰਗ ਹੈ। ਬ੍ਰਾਊਜ਼ਰ ਜ਼ਿਆਦਾਤਰ ਐਨੀਮੇਸ਼ਨ CSS ਤੋਂ ਚਲਾਉਂਦਾ ਹੈ, ਅਤੇ ਇੱਕ ਛੋਟਾ ਸਕ੍ਰਿਪਟ ਬਾਕੀ ਕੰਮ ਸੰਭਾਲਦਾ ਹੈ।

ਇਸ ਦੇ ਫਾਇਦੇ ਵਿੱਚ: ਕੋਈ ਬਿਲਡ ਕਦਮ ਨਹੀਂ, ਇਸ ਲਈ ਇੱਕ Hugo ਟੈਮਪਲੇਟ ਹੀ ਕਾਫ਼ੀ ਹੈ। ਇਹ ਵੈਕਟਰ ਹੈ, ਇਸ ਲਈ ਇਹ ਕਿਸੇ ਵੀ ਆਕਾਰ ‘ਚ ਤੇਜ਼ ਤੇ ਸਪਸ਼ਟ ਰਹਿੰਦਾ ਹੈ। ਸਾਰੇ 44 ਡਾਟ ਕੀਬੋਰਡ ਨਾਲ ਪਹੁੰਚੇ ਜਾ ਸਕਦੇ ਹਨ, ਹਰ ਇੱਕ ਲਈ ਸਕਰੀਨ ਰੀਡਰਾਂ ਲਈ ਲੇਬਲ ਹੈ। ਅਤੇ ਇਸਦੇ ਕੁਝ ਸ਼ਬਦ ਸਾਡੇ ਸਾਰੇ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਅਨੁਵਾਦਿਤ ਹਨ।

ਲਾਗਤ ਪੰਨੇ ਦੇ ਵਜ਼ਨ ਵਿੱਚ ਹੈ। ਨਕਸ਼ੇ ਦਾ ਮਾਰਕਅੱਪ ਲਗਭਗ 107 KB ਹੈ (ਲਗਭਗ 30 KB ਸੰਕੁਚਿਤ), ਅਤੇ ਚਲਣ ਸਮੇਂ ਇਸ ਵਿੱਚ ਲਗਭਗ 670 ਤੱਤ ਅਤੇ ਲਗਭਗ 200 CSS ਐਨੀਮੇਸ਼ਨ ਹੁੰਦੀਆਂ ਹਨ। ਲਾਜਿਕ ਦੀ ਜਾਂਚ ਕਰਨੀ ਵੀ ਮੁਸ਼ਕਲ ਹੈ: ਸਮਾਂ CSS ਕੀਫਰੇਮਾਂ ਅਤੇ ਪੰਨੇ ਵਿੱਚ ਇੱਕ ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਰਹਿੰਦਾ ਹੈ, ਇਸ ਲਈ ਇਕੱਲਾ ਟੈਸਟ ਇਸਨੂੰ ਦੇਖਣਾ ਹੈ।

2. ਰਸਟ ਅਤੇ ਵੈੱਬਅਸੈਂਬਲੀ

ਸਧਾਰਣ ਸ਼ਬਦਾਂ ਵਿੱਚ: ਰਸਟ ਇੱਕ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾ ਹੈ ਜੋ ਤੇਜ਼ ਹੋਣ ਅਤੇ ਪ੍ਰੋਗ੍ਰਾਮ ਚਲਾਉਣ ਤੋਂ ਪਹਿਲਾਂ ਕਈ ਗਲਤੀਆਂ ਫੜਨ ਲਈ ਜਾਣੀ ਜਾਂਦੀ ਹੈ। ਇੱਥੇ ਅਸੀਂ ਨਕਸ਼ੇ ਦਾ “ਦਿਮਾਗ” ਰਸਟ ਵਿੱਚ ਲਿਖਿਆ, ਇਸਨੂੰ ਇੱਕ ਸੰਕੁਚਿਤ ਰੂਪ ਵਿੱਚ ਪੈਕ ਕੀਤਾ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਚਲਾ ਸਕਦੇ ਹਨ (ਜਿਸਨੂੰ ਵੈੱਬਅਸੈਂਬਲੀ ਕਹਿੰਦੇ ਹਨ), ਅਤੇ ਇਸਨੂੰ ਸਾਰੇ ਨਕਸ਼ੇ ਨੂੰ ਖੁਦ ਹੀ ਰੰਗਣ ਦਿੱਤਾ, ਜਿਵੇਂ ਇੱਕ ਚਿੱਤਰਕਾਰ ਇੱਕ ਕੈਨਵਾਸ ਨੂੰ ਹਰ ਸਕਿੰਟ ਕਈ ਵਾਰੀ ਦੁਬਾਰਾ ਰੰਗਦਾ ਹੈ। ਤੁਹਾਨੂੰ ਇਹ ਇੱਕੋ ਜਿਹਾ ਹੀ ਲੱਗਦਾ ਹੈ।

ਸਾਰਾ ਨਕਸ਼ਾ ਇੱਕ ਹੀ ਕੈਨਵਾਸ ‘ਤੇ ਰਸਟ ਦੁਆਰਾ ਖਿੱਚਿਆ ਜਾਂਦਾ ਹੈ ਜੋ ਵੈੱਬਅਸੈਂਬਲੀ ਵਿੱਚ ਕੰਪਾਇਲ ਕੀਤਾ ਗਿਆ ਹੈ। ਰਸਟ ਕੋਡ ਨਕਸ਼ੇ ਦੇ ਸਾਰੇ ਵਰਤਾਰਿਆਂ ਦਾ ਮਾਲਕ ਹੈ ਅਤੇ ਹਰ ਫਰੇਮ ਵਿੱਚ ਸਭ ਕੁਝ ਦੁਬਾਰਾ ਖਿੱਚਦਾ ਹੈ।

ਸਾਨੂੰ ਜੋ ਹਿੱਸਾ ਪਸੰਦ ਆਇਆ ਉਹ ਇਹ ਹੈ ਕਿ ਲੋਜਿਕ ਸਾਫ਼ ਰਸਟ ਹੈ ਜਿਸ ਵਿੱਚ ਬ੍ਰਾਊਜ਼ਰ ਤੋਂ ਕੁਝ ਨਹੀਂ ਹੈ: ਗਣਿਤ ਕਿ ਕਿੱਥੇ ਚੀਜ਼ਾਂ ਜਾਣਗੀਆਂ ਅਤੇ ਕਦੋਂ ਬਦਲਣਗੀਆਂ, ਅਤੇ ਪਾਰਸਰ ਜੋ ਜ਼ਮੀਨ ਦੀ ਰੇਖਾ ਪੜ੍ਹਦਾ ਹੈ। ਇਸਦੇ 13 ਟੈਸਟ ਹਨ ਜੋ ਇੱਕ ਸੈਕਿੰਡ ਦੇ ਅੰਸ਼ ਵਿੱਚ ਚਲਦੇ ਹਨ, ਅਤੇ ਜੇ ਚੱਕਰ ਦੀ ਟਾਈਮਿੰਗ ਗਲਤ ਹੋਵੇ ਤਾਂ ਟੈਸਟ ਫੇਲ ਹੋ ਜਾਂਦਾ ਹੈ ਨਾ ਕਿ ਕੋਈ ਦੇਖ ਕੇ ਸੋਚੇ ਕਿ ਇਹ ਅਜੀਬ ਲੱਗਦਾ ਹੈ। ਲਗਭਗ 1,070 ਲਾਈਨਾਂ ਦੇ ਰਸਟ ਕੋਡ ਦਾ ਤਕਰੀਬਨ ਤਿਹਾਈ ਹਿੱਸਾ ਉਹ ਟੈਸਟ ਕੀਤਾ ਹੋਇਆ ਕੋਰ ਹੈ (ਆਪਣੇ ਟੈਸਟਾਂ ਸਮੇਤ); ਬਾਕੀ ਕੈਨਵਾਸ ‘ਤੇ ਖਿੱਚਦਾ ਹੈ ਅਤੇ ਮਾਊਸ ਇਵੈਂਟਾਂ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ।

ਪੰਨਾ ਬਹੁਤ ਹਲਕਾ ਹੁੰਦਾ ਹੈ: ਇੱਕ ਕੈਨਵਾਸ ਐਲਿਮੈਂਟ। ਪਰ ਡਾਊਨਲੋਡ ਵੱਡਾ ਹੁੰਦਾ ਹੈ। ਕੰਪਾਇਲ ਕੀਤਾ ਮੋਡੀਊਲ ਤਕਰੀਬਨ 254 KB (ਲਗਭਗ 92 KB ਸੰਕੁਚਿਤ) ਅਤੇ ਤਕਰੀਬਨ 28 KB ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਲੂ ਜੋ ਬਿਲਡ ਟੂਲ ਬਣਾਉਂਦਾ ਹੈ। ਅਤੇ ਇਸ ‘ਤੇ ਕੰਮ ਕਰਦਿਆਂ ਸਾਨੂੰ ਕੁਝ ਖਰਚੇ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ:

• ਇੱਕ ਟੂਲਚੇਨ। ਬਿਲਡਿੰਗ ਲਈ Rust, WebAssembly ਟਾਰਗੇਟ ਅਤੇ ਇੱਕ ਕਮਾਂਡ-ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਜਿਸਦਾ ਵਰਜਨ ਲਾਇਬ੍ਰੇਰੀ ਨਾਲ ਬਿਲਕੁਲ ਮੇਲ ਖਾਂਦਾ ਹੋਵੇ। ਸਾਡਾ ਬਿਲਡ ਸਕ੍ਰਿਪਟ ਪਹਿਲਾਂ ਟੈਸਟ ਚਲਾਉਂਦਾ ਹੈ ਅਤੇ ਜੇ ਕੋਈ ਫੇਲ੍ਹ ਹੋ ਜਾਵੇ ਤਾਂ ਰੁਕ ਜਾਂਦਾ ਹੈ।
• ਵਿਅਕਤੀਗਤ ਸ਼ਹਿਰਾਂ ਲਈ ਕੀਬੋਰਡ ਜਾਂ ਸਕ੍ਰੀਨ-ਰੀਡਰ ਦੀ ਪਹੁੰਚ ਨਹੀਂ। ਇੱਕ ਕੈਨਵਾਸ ਇੱਕ ਤਸਵੀਰ ਹੁੰਦੀ ਹੈ। SVG ਵਰਜਨ ਦੇ 44 ਫੋਕਸ ਕਰਨ ਯੋਗ ਡਾਟਸ ਗਾਇਬ ਹੋ ਗਏ ਹਨ।
• ਸਿਰਫ਼ ਅੰਗਰੇਜ਼ੀ। ਲੇਬਲ ਪ੍ਰੋਗਰਾਮ ਵਿੱਚ ਲਿਖੇ ਗਏ ਹਨ।
• ਧੁੰਦਲਾ। ਨਰਮ ਛਾਂ ਦੇ ਕਿਨਾਰੇ ਲਈ ਕੈਨਵਾਸ ਬਲਰ ਫਿਲਟਰ ਵਰਤਿਆ ਗਿਆ ਹੈ, ਜੋ ਹਰ ਬ੍ਰਾਉਜ਼ਰ ਸਹਾਇਤਾ ਨਹੀਂ ਕਰਦਾ। ਅਸੀਂ Safari ਦੀ ਜਾਂਚ ਨਹੀਂ ਕੀਤੀ, ਜਿੱਥੇ ਕਿਨਾਰਾ ਕਠਿਨ ਹੋ ਸਕਦਾ ਹੈ।

3. ਫਲਟਰ

ਸਧਾਰਣ ਸ਼ਬਦਾਂ ਵਿੱਚ: ਫਲਟਰ ਗੂਗਲ ਦਾ ਇੱਕ ਟੂਲਕਿਟ ਹੈ ਜੋ ਇੱਕ ਹੀ ਕੋਡ ਸੈੱਟ ਤੋਂ ਫੋਨ, ਕੰਪਿਊਟਰ ਅਤੇ ਵੈੱਬ ‘ਤੇ ਚੱਲਣ ਵਾਲੀਆਂ ਐਪਸ ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਵੈੱਬ ਪੇਜ ਦੇ ਆਪਣੇ ਬਿਲਡਿੰਗ ਬਲਾਕਸ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਦਾ। ਇਹ ਸਾਰਾ ਕੁਝ ਖੁਦ ਹੀ ਡਰਾਇ ਕਰਦਾ ਹੈ। ਇੱਥੇ ਨਕਸ਼ਾ ਇੱਕ ਛੋਟੀ ਐਪ ਹੈ ਜੋ ਇਸ ਪੇਜ ਵਿੱਚ ਦਿਖਾਈ ਗਈ ਹੈ, ਉਹੀ ਟੂਲਕਿਟ ਜੋ ਸਾਡੇ ਚਾਰਜਿੰਗ ਕੈਲਕੂਲੇਟਰ ਨੂੰ ਚਲਾਉਂਦਾ ਹੈ।

ਇਹ ਨਕਸ਼ੇ ਨੂੰ ਇੱਕ ਕਸਟਮ ਪੇਂਟਰ ਨਾਲ ਪੇਂਟ ਕਰਦਾ ਹੈ, ਅਤੇ ਇਹ ਇੱਥੇ ਇੱਕ ਫਰੇਮ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ। ਫਲਟਰ ਇੱਕੋ ਕੋਡ ਤੋਂ ਫੋਨ ਅਤੇ ਡੈਸਕਟਾਪ ਐਪਸ ਵੀ ਬਣਾ ਸਕਦਾ ਹੈ, ਜੋ ਇਸਦਾ ਮੁੱਖ ਦਲੀਲ ਹੈ: ਨਕਸ਼ਾ ਇੱਕ ਵਾਰੀ ਲਿਖੋ, ਕਈ ਥਾਵਾਂ ‘ਤੇ ਚਲਾਓ।

ਇਹ ਉਸੇ ਤਰਕ ਨਾਲ ਹੈ ਜੋ Rust ਮੈਪ ਵਿੱਚ ਹੈ, Dart ਵਿੱਚ ਪੋਰਟ ਕੀਤਾ ਗਿਆ, ਜਿਸ ਵਿੱਚ 11 ਟੈਸਟ ਹਨ। ਲਗਭਗ 1,100 ਲਾਈਨਾਂ ਟੈਸਟ ਸਮੇਤ। Flutter ਹਰ ਸ਼ਹਿਰ ਨੂੰ ਸਕ੍ਰੀਨ ਰੀਡਰਾਂ ਲਈ ਇੱਕ ਲੇਬਲ ਵਾਲੇ ਬਟਨ ਵਜੋਂ ਦਿੰਦਾ ਹੈ, ਜੋ ਕਿ ਕੈਨਵਾਸ ਵਰਜ਼ਨ ਵਿੱਚ ਨਹੀਂ ਹੈ (ਅਸੀਂ ਇਹ ਨਹੀਂ ਦੇਖਿਆ ਕਿ ਇਹ ਅਸਲ ਸਕ੍ਰੀਨ ਰੀਡਰ ਨਾਲ ਕਿੰਨਾ ਚੰਗਾ ਕੰਮ ਕਰਦਾ ਹੈ)। ਇਹ ਸਭ ਤੋਂ ਵੱਡਾ ਡਾਊਨਲੋਡ ਵੀ ਹੈ: ਐਪ ਲਗਭਗ 1.8 MB ਹੈ (ਲਗਭਗ 535 KB ਕੰਪ੍ਰੈੱਸਡ)। Flutter ਦਾ ਡਰਾਇੰਗ ਇੰਜਣ ਇੱਕ ਹੋਰ ਡਾਊਨਲੋਡ ਹੈ, ਪਰ ਸਾਈਟ ਪਹਿਲਾਂ ਹੀ ਕੈਲਕੂਲੇਟਰ ਨਾਲ ਇੱਕ ਕਾਪੀ ਸਾਂਝੀ ਕਰਦੀ ਹੈ, ਇਸ ਲਈ ਜੋ ਵਿਜ਼ਟਰ ਕੈਲਕੂਲੇਟਰ ਖੋਲ੍ਹ ਚੁੱਕਾ ਹੈ ਉਹ ਇਸਨੂੰ ਮੁੜ ਡਾਊਨਲੋਡ ਨਹੀਂ ਕਰਦਾ। ਇਸਦਾ ਟੈਕਸਟ ਸਾਈਟ ਦੇ ਫੋਂਟ Merriweather ਵਿੱਚ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ, ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਰਨ ਟਾਈਮ ‘ਤੇ ਲਿਆਉਂਦਾ ਹੈ।

ਅਸੀਂ ਕੀ ਲੱਭਿਆ

ਗਤੀ ਬਾਰੇ ਇੱਕ ਹੋਰ ਨੋਟ। ਸਾਡੇ ਚੈੱਕ ਵਿੱਚ, SVG ਮੈਪ ਅਤੇ Rust ਮੈਪ ਦੋਹਾਂ ਸਕ੍ਰੀਨ ਦੀ ਰਿਫ੍ਰੈਸ਼ ਰੇਟ ‘ਤੇ ਚੱਲ ਰਹੇ ਸਨ (ਟੈਸਟ ਡਿਸਪਲੇ ਤੇ ਲਗਭਗ 120 ਫਰੇਮ ਪ੍ਰਤੀ ਸਕਿੰਟ), ਇਸ ਲਈ ਫਰੇਮ ਰੇਟ ਉਨ੍ਹਾਂ ਨੂੰ ਵੱਖਰਾ ਨਹੀਂ ਕਰਦਾ। ਅਸੀਂ Flutter ਦੀ ਫਰੇਮ ਰੇਟ ਮਾਪੀ ਨਹੀਂ, ਅਤੇ ਬੈਟਰੀ ਜਾਂ CPU ਦੀ ਵਰਤੋਂ ਵੀ ਨਹੀਂ ਮਾਪੀ, ਇਸ ਲਈ ਅਸੀਂ ਨਹੀਂ ਕਹਿ ਸਕਦੇ ਕਿ ਫੋਨ ‘ਤੇ ਕਿਹੜਾ ਹਲਕਾ ਹੈ।

ਉਹ ਗੱਲਾਂ ਜੋ ਸਾਨੂੰ ਹੈਰਾਨ ਕਰ ਗਈਆਂ

ਕੁਝ ਵੇਰਵੇ ਗਲਤ ਹੋ ਸਕਦੇ ਹਨ। ਸਾਡੇ ਪਹਿਲੇ ਕਲੋਨਜ਼ ਨੇ ਚਾਬੀ ਅਤੇ ਘੜੀਆਂ ਨਕਸ਼ੇ ਦੇ ਇੱਕ ਨਿਰਧਾਰਿਤ ਹਿੱਸੇ ‘ਤੇ ਬਣਾਈਆਂ, ਇਸ ਲਈ ਉਹ ਛੋਟੇ ਸਕ੍ਰੀਨਾਂ ‘ਤੇ ਸਿਕੁੜ ਗਏ ਅਤੇ ਮੂਲ ਨਾਲੋਂ ਬਹੁਤ ਛੋਟੇ ਲੱਗਦੇ ਸਨ। ਮੂਲ ਪੰਨੇ ਦੀ ਆਪਣੀ ਫੋਂਟ ਯੂਨਿਟ (rem, ਜੋ ਸਕ੍ਰੀਨ ਦੀ ਚੌੜਾਈ ਨਾਲ ਬਦਲਦੀ ਹੈ) ਵਿੱਚ ਇਹਨਾਂ ਦਾ ਆਕਾਰ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ। ਹੁਣ ਕਲੋਨਜ਼ ਉਹ ਆਕਾਰ ਪੰਨੇ ਤੋਂ ਪੜ੍ਹਦੇ ਹਨ। ਘੜੀਆਂ ਵੀ ਵੱਖ-ਵੱਖ ਹਨ: ਮੂਲ ਦੀਆਂ ਸੂਈਆਂ 15 ਮਿੰਟ ਦੇ ਕਦਮਾਂ ਵਿੱਚ ਹਿਲਦੀਆਂ ਹਨ, ਜਦਕਿ Rust ਅਤੇ Flutter ਵਰਜਨਾਂ ਵਿੱਚ ਉਹ ਲਗਾਤਾਰ ਘੁੰਮਦੀਆਂ ਹਨ।

ਸਮਾਂ ਖੇਤਰਾਂ ਅੰਦਰ ਨਹੀਂ ਬਣਾਏ ਗਏ। ਨਾ ਤਾਂ Rust ਜੋ WebAssembly ਵਿੱਚ ਕੰਪਾਇਲ ਹੁੰਦਾ ਹੈ ਅਤੇ ਨਾ ਹੀ Dart ਕੋਲ ਕੋਈ ਸਮਾਂ-ਖੇਤਰ ਡੇਟਾਬੇਸ ਹੈ ਜੋ “Asia/Dubai” ਨੂੰ ਜਾਣਦਾ ਹੋਵੇ। ਦੋਹਾਂ ਬ੍ਰਾਊਜ਼ਰ ਤੋਂ ਪੁੱਛਦੇ ਹਨ, ਆਪਣੇ ਬਿਲਟ-ਇਨ Intl ਸੇਵਾ ਰਾਹੀਂ, ਜੋ ਦਿਨ ਦੀ ਬਚਤ ਦਾ ਸਮਾਂ ਵੀ ਸਹੀ ਸਮਝਦਾ ਹੈ।

ਤਿੰਨੋ ਆਪਣੀਆਂ ਇਨਪੁੱਟਾਂ ਸਾਂਝੀਆਂ ਕਰਦੇ ਹਨ। Rust ਅਤੇ Flutter ਨਕਸ਼ੇ ਸ਼ਹਿਰਾਂ ਦੀ ਸੂਚੀ ਅਤੇ ਜ਼ਮੀਨੀ ਰੂਪਰੇਖਾ ਉਸ ਪੰਨੇ ਤੋਂ ਪੜ੍ਹਦੇ ਹਨ ਜਿਸ ‘ਤੇ ਉਹ ਹਨ, ਉਹੀ ਡੇਟਾ ਜੋ SVG ਨਕਸ਼ਾ ਵਰਤਦਾ ਹੈ। ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਸ਼ਹਿਰ ਨੂੰ ਬਦਲਦੇ ਹੋ, ਤਾਂ ਤਿੰਨੋ ਬਦਲ ਜਾਂਦੇ ਹਨ। ਇਸਦਾ ਇਹ ਵੀ ਮਤਲਬ ਹੈ ਕਿ ਨਕਸ਼ੇ ਸਿਰਫ ਉਸ ਪੰਨੇ ‘ਤੇ ਚੱਲ ਸਕਦੇ ਹਨ ਜੋ ਇਹਨਾਂ ਨੂੰ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

Flutter ਵੈੱਬ ਯਾਦ ਰੱਖਦਾ ਹੈ। Flutter ਵੈੱਬ ਆਪਣਾ ਕੈਸ਼ ਇੰਸਟਾਲ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਦੁਬਾਰਾ ਬਣਾਉਣ ਤੋਂ ਬਾਅਦ ਅਸੀਂ ਪੁਰਾਣਾ ਵਰਜਨ ਵੇਖਦੇ ਰਹੇ ਜਦ ਤੱਕ ਅਸੀਂ ਇਸਨੂੰ ਸਾਫ਼ ਨਹੀਂ ਕੀਤਾ।

ਸਾਡਾ ਨਤੀਜਾ

SVG ਨਕਸ਼ਾ ਮੁੱਖ ਪੰਨੇ ‘ਤੇ ਰਹਿੰਦਾ ਹੈ। ਇਸ ਆਕਾਰ ਦੀ ਡਰਾਇੰਗ ਲਈ ਇਹ ਸਭ ਤੋਂ ਹਲਕਾ ਹੈ, ਇਹ ਪਹੁੰਚਯੋਗ ਹੈ, ਇਹ ਅਨੁਵਾਦਿਤ ਹੈ, ਅਤੇ ਇਸਨੂੰ ਬਣਾਉਣ ਲਈ ਕੁਝ ਵੀ ਲੋੜੀਂਦਾ ਨਹੀਂ। Rust ਹੋਰ ਰੁਚਿਕਰ ਦੂਜਾ ਵਿਕਲਪ ਹੈ: ਜੇ ਸਾਨੂੰ ਕਦੇ ਨਕਸ਼ੇ ਦੀ ਤਰਕ ਨੂੰ ਸਾਬਤ ਤੌਰ ‘ਤੇ ਸਹੀ ਹੋਣ ਦੀ ਲੋੜ ਪਈ ਜਾਂ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਭਾਰੀ ਗਣਨਾ ਕਰਨ ਦੀ ਲੋੜ ਹੋਵੇ, ਤਾਂ ਇੱਕ ਟੈਸਟ ਕੀਤਾ ਹੋਇਆ Rust ਕੋਰ ਇਸਦਾ ਚੰਗਾ ਤਰੀਕਾ ਹੈ। ਜੇ ਨਕਸ਼ਾ ਕਦੇ Flutter ਐਪ ਵਿੱਚ ਰਹਿਣਾ ਹੋਵੇ ਤਾਂ Flutter ਸਮਝਦਾਰ ਚੋਣ ਹੈ।

ਇੱਕ ਪ੍ਰਯੋਗ ਲਈ ਉਤਪਾਦ ਨੂੰ ਬਦਲਣਾ ਜ਼ਰੂਰੀ ਨਹੀਂ ਹੁੰਦਾ। ਅਸੀਂ ਹਰ ਇੱਕ ਪਹੁੰਚ ਦੀ ਲਾਗਤ ਬਾਰੇ ਇੱਕ ਸਾਫ਼ ਤਸਵੀਰ, ਨਕਸ਼ੇ ਦੇ ਵਿਹਾਰ ਦਾ ਟੈਸਟ ਕੀਤਾ ਹੋਇਆ ਵਰਣਨ, ਅਤੇ ਇੱਕ ਪੰਨਾ ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਿੱਥੇ ਤੁਸੀਂ ਤਿੰਨੋ ਨੂੰ ਆਪਣੇ ਆਪ ਦੇਖ ਸਕਦੇ ਹੋ।

ਸਾਡੇ ਸਥਾਪਕ ਅਗਲੇ ਕੀ ਬਣਾ ਰਹੇ ਹਨ

ਇੱਕ ਸਥਿਰ ਪਲੇਟਫਾਰਮ ਹੋਣ ਨਾਲ ਹੋਰ ਵਿਚਾਰਾਂ ਲਈ ਸਮਾਂ ਮਿਲਦਾ ਹੈ। EVnSteven ਦੇ ਇਲਾਵਾ, ਸਾਡੇ ਸਥਾਪਕ ਇਹਨਾਂ ‘ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹਨ:

Ride-hailing, launching very soon Kimem ↗ (opens in a new tab) ਬਹਿਰ ਦਰ, ਇਥੋਪੀਆ ਲਈ ਇੱਕ ਰਾਈਡ-ਹੇਲਿੰਗ ਸੇਵਾ, ਸਥਾਪਕ ਮੇਕੋਨਨ ਅਲੇਮੂ ਵੱਲੋਂ। ਸਵਾਰਾਂ ਨੂੰ ਬੁਕਿੰਗ ਤੋਂ ਪਹਿਲਾਂ ਕਿਰਾਇਆ ਅੰਦਾਜ਼ਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ, ਨਕਸ਼ੇ 'ਤੇ ਸਭ ਤੋਂ ਨੇੜਲੇ ਡਰਾਈਵਰ ਨੂੰ ਆਉਂਦੇ ਦੇਖ ਸਕਦੇ ਹਨ, ਅਤੇ ਯਾਤਰਾ ਦੇ ਅੰਤ 'ਤੇ ਮੀਟਰ ਕੀਤੀ ਕਿਰਾਇਆ ਨਕਦ ਵਿੱਚ ਭੁਗਤਾਨ ਕਰਦੇ ਹਨ।

Non-profit, open source StrayCats ↗ (opens in a new tab) ਡੇਵਿਡ ਵੱਲੋਂ ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਜੋ ਸੜਕਾਂ 'ਤੇ ਰਹਿਣ ਵਾਲੀਆਂ ਬਿੱਲੀਆਂ, ਭਟਕੀ ਹੋਈਆਂ ਬਿੱਲੀਆਂ ਜਾਂ ਕਿਸੇ ਵੀ ਬਿੱਲੀ ਦੀ ਦੇਖਭਾਲ ਕਰਨ ਵਾਲਿਆਂ ਦੀ ਮਦਦ ਕਰਦਾ ਹੈ, ਭਾਵੇਂ ਉਹ ਬਿੱਲੀ ਕੁੱਤਾ ਹੀ ਕਿਉਂ ਨਾ ਹੋਵੇ। ਇਹ ਅਜੇ ਵਿਚਾਰ ਦੇ ਪੜਾਅ 'ਤੇ ਹੈ, ਕੋਈ ਐਪ ਨਹੀਂ ਹੈ, ਅਤੇ ਡੇਵਿਡ ਤੁਹਾਡੇ ਵਿਚਾਰਾਂ ਅਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਦੀ ਉਮੀਦ ਕਰਦਾ ਹੈ। ਸੈਬੋ, 2010–2026 ਨੂੰ ਸਮਰਪਿਤ।

Cash tracking, free, launching soon Effectivo ↗ (opens in a new tab) ਨਕਦ ਵਰਤਣ ਵਾਲਿਆਂ ਲਈ ਇੱਕ ਅਧੂਰੀ ਲੇਖਾ-ਜੋਖਾ ਸੇਵਾ, ਇੱਕ ਨਵਾਂ ਤਰੀਕਾ। ਕੁਝ ਟੈਪਾਂ ਵਿੱਚ ਖਰੀਦ ਦਰਜ ਕਰੋ, ਆਪਣੇ ਵਾਲਿਟ ਵਿੱਚ ਕੀ ਹੈ ਗਿਣੋ, ਅਤੇ ਵੇਖੋ ਕਿ ਕੀ ਕੀਮਤੀ ਸੀ। ਨਵਾਂ ਤਰੀਕਾ ਇਹ ਹੈ ਕਿ ਜੋ ਕੋਈ ਵੀ ਨਕਦ ਵਰਤਦਾ ਰਹਿੰਦਾ ਹੈ, ਉਹ ਸਭ ਲਈ ਨਕਦ ਨੂੰ ਜ਼ਿੰਦਾ ਰੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ। ਮੁਫ਼ਤ ਅਤੇ ਵਿਗਿਆਪਨ-ਮੁਕਤ, ਐਂਡਰਾਇਡ ਅਤੇ ਆਈਫੋਨ ਲਈ ਆ ਰਿਹਾ ਹੈ, ਇੱਕ ਬੀਟਾ ਅਤੇ ਵੈੱਬ ਡੈਮੋ ਹੁਣ ਚੱਲ ਰਹੇ ਹਨ।