ਤੁਸੀਂ ਆਨਲਾਈਨ ਜੁੱਤੀਆਂ ਦੀ ਇੱਕ ਜੋੜੀ ਦੇਖਦੇ ਹੋ। ਸਟੋਰ ਤੁਹਾਨੂੰ ਸਾਹਮਣੇ ਅਤੇ ਨਾਲ ਵਾਲਾ ਦ੍ਰਿਸ਼ ਦਿਖਾਉਂਦਾ ਹੈ। ਤੁਸੀਂ ਚਮੜੇ ਦੀ ਬਣਤਰ ਦੇਖਣ ਦੀ ਉਮੀਦ ਵਿੱਚ ਜ਼ੂਮ ਕਰਦੇ ਹੋ, ਪਰ ਤਸਵੀਰ ਪਿਕਸਲਾਂ ਦੇ ਇੱਕ ਮੋਜ਼ਾਈਕ ਵਿੱਚ ਬਦਲ ਜਾਂਦੀ ਹੈ। ਤੁਸੀਂ ਅਗਲੀ ਫੋਟੋ ਵੱਲ ਜਾਂਦੇ ਹੋ। ਇਹ ਉਹੀ ਜੁੱਤੀ ਹੈ ਜੋ ਕਿਸੇ ਹੋਰ ਪੈਰ ਵਿੱਚ ਪਾਈ ਹੋਈ ਹੈ। ਦਸ ਤਸਵੀਰਾਂ ਦੇ ਬਾਅਦ ਵੀ, ਤੁਸੀਂ ਅਜੇ ਵੀ ਇਹ ਨਹੀਂ ਦੱਸ ਸਕਦੇ ਕਿ ਤਲਾ (sole) ਸਖ਼ਤ ਹੈ ਜਾਂ ਲਚਕੀਲਾ, ਜਾਂ ਰੰਗ ਅਸਲੀ ਨੇਵੀ ਹੈ ਜਾਂ ਫਿੱਕਾ ਪਿਆ ਕਾਲਾ। ਚੈੱਕਆਊਟ ਵੇਲੇ, ਤੁਸੀਂ ਝਿਜਕਦੇ ਹੋ। ਫਿਰ ਤੁਸੀਂ ਟੈਬ ਬੰਦ ਕਰ ਦਿੰਦੇ ਹੋ।
ਇਹ ਦਿਨ ਵਿੱਚ ਲੱਖਾਂ ਵਾਰ ਹੁੰਦਾ ਹੈ। ਫਲੈਟ ਤਸਵੀਰਾਂ ਗਾਹਕ ਨੂੰ ਅਸਲੀ ਵਸਤੂ ਦੀ ਕਲਪਨਾ ਕਰਨ ਦਾ ਮਾਨਸਿਕ ਕੰਮ ਕਰਨ ਲਈ ਮਜਬੂਰ ਕਰਦੀਆਂ ਹਨ। ਉਹ ਕੰਮ ਰੁਕਾਵਟ (friction) ਪੈਦਾ ਕਰਦਾ ਹੈ, ਅਤੇ ਰੁਕਾਵਟ ਖਰੀਦਦਾਰੀ ਨੂੰ ਖਤਮ ਕਰ ਦਿੰਦੀ ਹੈ।
ਹੁਣ ਇੱਕ ਵੱਖਰੇ ਟੈਬ ਦੀ ਕਲਪਨਾ ਕਰੋ। ਉਹੀ ਜੁੱਤੀ ਸਿੱਧਾ ਪੇਜ ਦੇ ਅੰਦਰ ਇੱਕ 3D ਮਾਡਲ ਵਜੋਂ ਲੋਡ ਹੁੰਦੀ ਹੈ। ਤੁਸੀਂ ਇਸਨੂੰ ਘੁਮਾਉਣ ਲਈ ਕਲਿੱਕ ਅਤੇ ਡਰੈਗ ਕਰਦੇ ਹੋ। ਤੁਸੀਂ ਜ਼ੂਮ ਕਰਦੇ ਹੋ, ਅਤੇ ਜਿਓਮੈਟਰੀ ਸਾਫ਼ ਰਹਿੰਦੀ ਹੈ ਕਿਉਂਕਿ ਤੁਸੀਂ ਇੱਕ mesh ਦੇਖ ਰਹੇ ਹੋ, ਨਾ ਕਿ ਇੱਕ ਖਿੱਚਿਆ ਹੋਇਆ bitmap। ਤੁਸੀਂ ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਰੰਗ ਬਦਲ ਸਕਦੇ ਹੋ। ਤੁਸੀਂ ਹੇਠਾਂ ਤੋਂ ਹੀਲ ਕਾਊਂਟਰ ਦੇ ਨਾਲ ਸਿਲਾਈ ਦੀ ਜਾਂਚ ਕਰਦੇ ਹੋ, ਇੱਕ ਅਜਿਹਾ ਕੋਣ ਜਿਸ ਨੂੰ ਕੋਈ ਵੀ ਪ੍ਰੋਡਕਟ ਫੋਟੋਗ੍ਰਾਫਰ ਖਿੱਚਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਨਹੀਂ ਕਰਦਾ। ਵਸਤੂ ਤੁਹਾਡੀ ਸਕ੍ਰੀਨ 'ਤੇ ਉਸੇ ਤਰ੍ਹਾਂ ਮੌਜੂਦ ਹੁੰਦੀ ਹੈ ਜਿਵੇਂ ਉਹ ਅਸਲ ਜਗ੍ਹਾ 'ਤੇ ਹੁੰਦੀ ਹੈ। ਤੁਸੀਂ ਇਸਨੂੰ ਕਾਰਟ ਵਿੱਚ ਜੋੜ ਲੈਂਦੇ ਹੋ ਕਿਉਂਕਿ ਤੁਹਾਨੂੰ ਮਹਿਸੂਸ ਹੁੰਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸਨੂੰ ਪਹਿਲਾਂ ਹੀ ਫੜ ਲਿਆ ਹੈ।
ਪ੍ਰੋਡਕਟ ਬਾਰੇ ਕੁਝ ਵੀ ਨਹੀਂ ਬਦਲਿਆ। ਸਿਰਫ਼ ਅਨੁਭਵ ਬਦਲ ਗਿਆ।
ਬ੍ਰਾਊਜ਼ਰ ਹੀ ਕਿਉਂ?
ਹਾਲ ਹੀ ਤੱਕ, ਇਸ ਤਰ੍ਹਾਂ ਦੀ ਇੰਟਰੈਕਸ਼ਨ ਲਈ ਇੱਕ ਸਮਰਪਿਤ ਐਪ ਜਾਂ ਪਲੱਗਇਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਸੀ ਜਿਸ ਨੂੰ ਇੰਸਟਾਲ ਕਰਨ ਤੋਂ ਜ਼ਿਆਦਾਤਰ ਉਪਭੋਗਤਾਵਾਂ ਨੇ ਇਨਕਾਰ ਕਰ ਦਿੱਤਾ ਸੀ। Three.js ਨੇ ਇਹ ਬਦਲ ਦਿੱਤਾ। ਇਹ ਇੱਕ JavaScript ਲਾਇਬ੍ਰੇਰੀ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬਿਲਟ-ਇਨ WebGL ਰੈਂਡਰਰ ਦੇ ਉੱਪਰ ਕੰਮ ਕਰਦੀ ਹੈ ਅਤੇ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਉਸੇ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ 3D ਸੀਨ ਬਣਾਉਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੀ ਹੈ ਜੋ ਬਾਕੀ ਵੈੱਬ ਪੇਜ ਨੂੰ ਚਲਾਉਂਦਾ ਹੈ। ਉਪਭੋਗਤਾ ਨੂੰ ਕੋਈ ਵਿਸ਼ੇਸ਼ ਸਾਫਟਵੇਅਰ ਡਾਊਨਲੋਡ ਨਹੀਂ ਕਰਨਾ ਪੈਂਦਾ। ਕੋਈ ਵੱਖਰੀ ਵਿੰਡੋ, ਕੋਈ executable, ਜਾਂ ਕੋਈ ਇਜਾਜ਼ਤ ਡਾਇਲਾਗ ਨਹੀਂ ਹੁੰਦਾ। Canvas ਕਿਸੇ ਵੀ ਹੋਰ HTML ਐਲੀਮੈਂਟ ਵਾਂਗ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ।
ਇਹ ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿਉਂਕਿ ਪਹੁੰਚਯੋਗਤਾ (accessibility) ਹੀ ਇਸ ਦੀ ਵਰਤੋਂ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਦੀ ਹੈ। ਜੇਕਰ ਕੋਈ ਗਾਹਕ ਸਫ਼ਰ ਦੌਰਾਨ ਆਪਣੇ ਫ਼ੋਨ 'ਤੇ, ਇੱਕ ਪੁਰਾਣੇ ਲੈਪਟਾਪ 'ਤੇ, ਜਾਂ IT ਦੁਆਰਾ ਲਾਕ ਕੀਤੇ ਗਏ ਕਾਰਪੋਰੇਟ ਡੈਸਕਟੌਪ 'ਤੇ 3D ਪ੍ਰੋਡਕਟ ਦੇਖ ਸਕਦਾ ਹੈ, ਤਾਂ ਇਹ ਤਕਨਾਲੋਜੀ ਅਸਲ ਵਿੱਚ ਲੋਕਾਂ ਤੱਕ ਪਹੁੰਚਦੀ ਹੈ। Three.js ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਇੱਕ ਯੂਨੀਵਰਸਲ ਵਿਊਪੋਰਟ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ।
3D ਆਪਣੀ ਜਗ੍ਹਾ ਕਿੱਥੇ ਬਣਾਉਂਦਾ ਹੈ
ਤਿੰਨ-ਆਯਾਮੀ (three-dimensional) ਗ੍ਰਾਫਿਕਸ ਜੋੜਨਾ ਮੁਫ਼ਤ ਨਹੀਂ ਹੈ। ਇਸ ਲਈ ਡਿਵੈਲਪਮੈਂਟ ਸਮੇਂ, ਪਰਫਾਰਮੈਂਸ ਬਜਟ, ਅਤੇ ਅਕਸਰ ਐਸੇਟਸ ਲਈ ਪ੍ਰੋਡਕਸ਼ਨ ਬਜਟ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਤੁਹਾਨੂੰ ਉਹ ਲਾਗਤ ਉਦੋਂ ਹੀ ਚੁੱਕਣੀ ਚਾਹੀਦੀ ਹੈ ਜਦੋਂ ਫਲ (return) ਅਸਲੀ ਹੋਵੇ। ਵੈੱਬ 3D ਲਈ ਚਾਰ ਆਮ ਦਲੀਲਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਬੁਲੇਟ ਪੁਆਇੰਟ ਨਾਲੋਂ ਵੱਧ ਮਹੱਤਵਪੂਰਨ ਹੈ।
ਵਧੇਰੇ ਇੰਗੇਜਮੈਂਟ ਇੱਕ ਮਾਰਕੀਟਿੰਗ ਮੈਟ੍ਰਿਕ ਵਾਂਗ ਲੱਗਦਾ ਹੈ, ਪਰ ਇਸਦਾ ਇੱਕ ਮਕੈਨੀਕਲ ਕਾਰਨ ਹੈ। ਜਦੋਂ ਕੋਈ ਵਿਜ਼ਟਰ ਕਿਸੇ ਸੀਨ ਨਾਲ ਇੰਟਰੈਕਟ ਕਰ ਸਕਦਾ ਹੈ—ਘੁਮਾਉਣਾ, ਜ਼ੂਮ ਕਰਨਾ, ਐਨੀਮੇਸ਼ਨਾਂ ਨੂੰ ਚਲਾਉਣਾ—ਤਾਂ ਉਹ ਆਪਣੀ ਸਮੱਗਰੀ ਖੁਦ ਤਿਆਰ ਕਰਦੇ ਹਨ। ਉਹ ਹੁਣ ਸਿਰਫ਼ ਇੱਕ ਪੇਸ਼ਕਸ਼ ਨੂੰ ਪੈਸਿਵਲੀ ਪ੍ਰਾਪਤ ਨਹੀਂ