You look at a pair of shoes online. The store gives you a front view and a side view. You zoom in hoping to see the text

ನೀವು ಆನ್‌ಲೈನ್‌ನಲ್ಲಿ ಒಂದು ಜೋಡಿ ಶೂಗಳನ್ನು ನೋಡುತ್ತೀರಿ. ಅಂಗಡಿಯು ನಿಮಗೆ ಮುಂಭಾಗದ ನೋಟ ಮತ್ತು ಪಾರ್ಶ್ವ ನೋಟವನ್ನು ನೀಡುತ್ತದೆ. ಚರ್ಮದ ವಿನ್ಯಾಸವನ್ನು (texture) ನೋಡುವ ನಿರೀಕ್ಷೆಯಲ್ಲಿ ನೀವು ಜೂಮ್ ಮಾಡಿದಾಗ, ಚಿತ್ರವು ಪಿಕ್ಸೆಲ್‌ಗಳ ಮೊಸಾಯಿಕ್ ಆಗಿ ಬದಲಾಗುತ್ತದೆ. ನೀವು ಮುಂದಿನ ಫೋಟೋಗೆ ಹೋಗುತ್ತೀರಿ. ಅದು ಬೇರೆ ಕಾಲಿನಲ್ಲಿದ್ದ ಅದೇ ಶೂ ಆಗಿರುತ್ತದೆ. ಹತ್ತು ಚಿತ್ರಗಳನ್ನು ನೋಡಿದ ನಂತರವೂ, ಅದರ ಸೋಲ್ (sole) ಗಟ್ಟಿಯಾಗಿದೆಯೇ ಅಥವಾ ಮೃದುವಾಗಿದೆಯೇ ಎಂಬುದು ಅಥವಾ ಬಣ್ಣವು ನಿಜವಾದ ನೇವಿ ಬ್ಲೂ ಆಗಿದೆಯೇ ಅಥವಾ ಮಸುಕಾದ ಕಪ್ಪು ಬಣ್ಣವೇ ಎಂಬುದು ನಿಮಗೆ ತಿಳಿಯುವುದಿಲ್ಲ. ಚೆಕ್‌ಔಟ್ ಮಾಡುವಾಗ ನೀವು ಹಿಂಜರಿಯುತ್ತೀರಿ. ನಂತರ ಆ ಟ್ಯಾಬ್ ಅನ್ನು ಮುಚ್ಚುತ್ತೀರಿ.

ಇದು ದಿನಕ್ಕೆ ಲಕ್ಷಾಂತರ ಬಾರಿ ನಡೆಯುತ್ತದೆ. ಫ್ಲಾಟ್ ಚಿತ್ರಗಳು ನೈಜ ವಸ್ತುವನ್ನು ಕಲ್ಪಿಸಿಕೊಳ್ಳುವ ಮಾನಸಿಕ ಕೆಲಸವನ್ನು ಗ್ರಾಹಕರಿಂದ ಮಾಡಿಸುತ್ತವೆ. ಆ ಕೆಲಸವು ಅಡೆತಡೆಗಳನ್ನು (friction) ಸೃಷ್ಟಿಸುತ್ತದೆ, ಮತ್ತು ಅಡೆತಡೆಗಳು ಖರೀದಿಗಳನ್ನು ಕುಂಠಿತಗೊಳಿಸುತ್ತವೆ.

ಈಗ ಒಂದು ವಿಭಿನ್ನ ಟ್ಯಾಬ್ ಅನ್ನು ಕಲ್ಪಿಸಿಕೊಳ್ಳಿ. ಅದೇ ಶೂ ಪುಟದ ಒಳಗೇ 3D ಮಾಡೆಲ್ ಆಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ. ಅದನ್ನು ತಿರುಗಿಸಲು ನೀವು ಕ್ಲಿಕ್ ಮಾಡಿ ಎಳೆಯಬಹುದು (click and drag). ನೀವು ಜೂಮ್ ಮಾಡಿದಾಗಲೂ ಅದರ ಜ್ಯಾಮಿತಿ (geometry) ಸ್ಪಷ್ಟವಾಗಿರುತ್ತದೆ, ಏಕೆಂದರೆ ನೀವು ನೋಡುತ್ತಿರುವುದು ಒಂದು ಮೆಶ್ (mesh) ಅನ್ನು, ಎಳೆಯಲ್ಪಟ್ಟ ಬಿಟ್‌ಮ್ಯಾಪ್ ಅನ್ನು ಅಲ್ಲ. ನೀವು ನೈಜ ಸಮಯದಲ್ಲಿ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಬಹುದು. ಯಾವುದೇ ಉತ್ಪನ್ನ ಫೋಟೋಗ್ರಾಫರ್ ಚಿತ್ರೀಕರಿಸದ ಕೋನದಿಂದ, ನೀವು ಹಿಮ್ಮಲ್ಲಿನ ಹೊಲಿಗೆಯನ್ನು ಕೆಳಗಿನಿಂದ ಪರೀಕ್ಷಿಸಬಹುದು. ವಸ್ತುವು ಬಾಹ್ಯಾಕಾಶದಲ್ಲಿ ಇರುವಂತೆಯೇ ನಿಮ್ಮ ಪರದೆಯ ಮೇಲೆ ಕಾಣಿಸುತ್ತದೆ. ನೀವು ಈಗಾಗಲೇ ಅದನ್ನು ಕೈಯಲ್ಲಿ ಹಿಡಿದಿರುವಂತೆ ಅನುಭವಿಸುವುದರಿಂದ ಅದನ್ನು ಕಾರ್ಟ್‌ಗೆ ಸೇರಿಸುತ್ತೀರಿ.

ಉತ್ಪನ್ನದಲ್ಲಿ ಏನೂ ಬದಲಾಗಿಲ್ಲ. ಕೇವಲ ಅನುಭವ ಮಾತ್ರ ಬದಲಾಗಿದೆ.

ಏಕೆ ಬ್ರೌಸರ್?

ಇತ್ತೀಚಿನವರೆಗೆ, ಇಂತಹ ಸಂವಹನಕ್ಕಾಗಿ ಪ್ರತ್ಯೇಕ ಆಪ್ ಅಥವಾ ಪ್ಲಗಿನ್ ಅಗತ್ಯವಿತ್ತು, ಅದನ್ನು ಹೆಚ್ಚಿನ ಬಳಕೆದಾರರು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಲು ನಿರಾಕರಿಸುತ್ತಿದ್ದರು. Three.js ಅದನ್ನು ಬದಲಾಯಿಸಿತು. ಇದು ಬ್ರೌಸರ್‌ನ ಅಂತರ್ಗತ WebGL ರೆಂಡರರ್ ಮೇಲೆ ಕಾರ್ಯನಿರ್ವಹಿಸುವ JavaScript ಲೈಬ್ರರಿಯಾಗಿದ್ದು, ವೆಬ್ ಪುಟದ ಉಳಿದ ಭಾಗಗಳಿಗೆ ಬಳಸುವ ಅದೇ ಕೋಡ್ ಬಳಸಿ 3D ದೃಶ್ಯಗಳನ್ನು ನಿರ್ಮಿಸಲು ಇದು ಡೆವಲಪರ್‌ಗಳಿಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಬಳಕೆದಾರರು ಯಾವುದೇ ವಿಶೇಷ ಸಾಫ್ಟ್‌ವೇರ್ ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಬೇಕಾಗಿಲ್ಲ. ಯಾವುದೇ ಪ್ರತ್ಯೇಕ ವಿಂಡೋ, ಎಕ್ಸಿಕ್ಯೂಟಬಲ್ ಅಥವಾ ಅನುಮತಿ ಸಂಭಾಷಣೆಗಳಿಲ್ಲ. ಕ್ಯಾನ್ವಾಸ್ (canvas) ಇತರ ಯಾವುದೇ HTML ಎಲಿಮೆಂಟ್‌ನಂತೆ ರೆಂಡರ್ ಆಗುತ್ತದೆ.

ಇದು ಮುಖ್ಯವಾಗಿದೆ ಏಕೆಂದರೆ ಸುಲಭ ಲಭ್ಯತೆಯೇ (accessibility) ಅದರ ಬಳಕೆಯನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ. ಗ್ರಾಹಕರು ಪ್ರಯಾಣದ ಸಮಯದಲ್ಲಿ ತಮ್ಮ ಫೋನ್‌ನಲ್ಲಿ, ಹಳೆಯ ಲ್ಯಾಪ್‌ಟಾಪ್‌ನಲ್ಲಿ ಅಥವಾ ಐಟಿ (IT) ನಿರ್ಬಂಧಿತ ಕಾರ್ಪೊರೇಟ್ ಡೆಸ್ಕ್‌ಟಾಪ್‌ನಲ್ಲಿ 3D ಉತ್ಪನ್ನವನ್ನು ನೋಡಲು ಸಾಧ್ಯವಾದರೆ, ತಂತ್ರಜ್ಞಾನವು ನಿಜವಾಗಿಯೂ ಜನರನ್ನು ತಲುಪುತ್ತದೆ. Three.js ಬ್ರೌಸರ್ ಅನ್ನು ಒಂದು ಸಾರ್ವತ್ರಿಕ ವ್ಯೂಪೋರ್ಟ್ (universal viewport) ಆಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ.

3D ಎಲ್ಲಿ ತನ್ನ ಸ್ಥಾನವನ್ನು ಪಡೆಯುತ್ತದೆ

ತ್ರಿ-ಆಯಾಮದ (3D) ಗ್ರಾಫಿಕ್ಸ್ ಅನ್ನು ಸೇರಿಸುವುದು ಉಚಿತವಲ್ಲ. ಇದಕ್ಕೆ ಅಭಿವೃದ್ಧಿ ಸಮಯ, ಕಾರ್ಯಕ್ಷಮತೆಯ ಬಜೆಟ್ ಮತ್ತು ಹೆಚ್ಚಾಗಿ ಆಸ್ತಿಗಳಿಗಾಗಿ (assets) ಉತ್ಪಾದನಾ ಬಜೆಟ್ ಬೇಕಾಗುತ್ತದೆ. ಅದರ ಲಾಭವು ನಿಜವಾಗಿದ್ದಾಗ ಮಾತ್ರ ನೀವು ಆ ವೆಚ್ಚವನ್ನು ಭರಿಸಬೇಕು. ವೆಬ್ 3D ಗಾಗಿ ಇರುವ ನಾಲ್ಕು ಸಾಮಾನ್ಯ ವಾದಗಳು ಪ್ರತಿಯೊಂದೂ ಕೇವಲ ಪಾಯಿಂಟ್‌ಗಳಿಗಿಂತ ಹೆಚ್ಚಿನ ಪ್ರಾಮುಖ್ಯತೆಯನ್ನು ಹೊಂದಿವೆ.

ಹೆಚ್ಚಿನ ತೊಡಗಿಸಿಕೊಳ್ಳುವಿಕೆ (Higher engagement) ಎಂಬುದು ಮಾರ್ಕೆಟಿಂಗ್ ಮೆಟ್ರಿಕ್‌ನಂತೆ ಕೇಳಿಸಬಹುದು, ಆದರೆ ಅದಕ್ಕೆ ಒಂದು ತಾಂತ್ರಿಕ ಕಾರಣವಿದೆ. ಸಂದರ್ಶಕರು ಒಂದು ದೃಶ್ಯದೊಂದಿಗೆ ಸಂವಹನ ನಡೆಸಿದಾಗ—ತಿರುಗಿಸುವುದು, ಜೂಮ್ ಮಾಡುವುದು, ಅನಿಮೇಷನ್‌ಗಳನ್ನು ಪ್ರಚೋದಿಸುವುದು—ಅವರು ತಮ್ಮದೇ ಆದ ವಿಷಯವನ್ನು ಸೃಷ್ಟಿಸುತ್ತಾರೆ. ಅವರು ಕೇವಲ ಮಾಹಿತಿಯನ್ನು ಸ್ವೀಕರಿಸುತ್ತಿಲ್ಲ, ಬದಲಾಗಿ ಅನ್ವೇಷಿಸುತ್ತಿದ್ದಾರೆ. ಆ ಸಕ್ರಿಯ ಸ್ಥಿತಿಯು ಅವರನ್ನು ಪುಟದಲ್ಲಿ ಹೆಚ್ಚು ಕಾಲ ಇರಿಸುತ್ತದೆ, ಏಕೆಂದರೆ ಅವರಿಗೆ ಆ ಮಾಡೆಲ್‌ನೊಂದಿಗೆ ಇನ್ನೂ ನೋಡಬೇಕಾದ ವಿಷಯಗಳು ಬಾಕಿ ಇರುತ್ತವೆ. ಅವರು ಹಿಂಭಾಗವನ್ನು ನೋಡಲು ಬಯಸುತ್ತಾರೆ. ಒಳಭಾಗವನ್ನು ನೋಡಲು ಬಯಸುತ್ತಾರೆ. ಈ ಸಂವಹನವು ಸ್ಥಿರ ಗ್ರಿಡ್‌ಗಳು (static grids) ಅನುಕರಿಸಲಾಗದ ಕುತೂಹಲದ ಚಕ್ರಗಳನ್ನು (curiosity loops) ಸೃಷ್ಟಿಸುತ್ತದೆ.

ಉತ್ತಮ ತಿಳುವಳಿಕೆ (Better understanding) ಇ-ಕಾಮರ್ಸ್‌ನಲ್ಲಿ ಅತ್ಯಂತ ಸ್ಪಷ್ಟವಾಗಿದೆ. ಎರಡು ಆಯಾಮಗಳಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾದ ಸೋಫಾ, ಖರೀದಿದಾರರನ್ನು ಸ್ಪೆಕ್ ಶೀಟ್‌ನಿಂದ ಅಳತೆಗಳನ್ನು ಓದಲು ಮತ್ತು ನೆರಳಿನಿಂದ ಆಳವನ್ನು ಕಲ್ಪಿಸಿಕೊಳ್ಳಲು ಒತ್ತಾಯಿಸುತ್ತದೆ. 3D ಮಾಡೆಲ್ ಅವರು ಆ ವಸ್ತುವಿನ ಸುತ್ತ ಸುತ್ತಲು ಮತ್ತು ಆರ್ಮರೆಸ್ಟ್ (armrest) ಹೇಗೆ ಕುಗ್ಗುತ್ತದೆ ಎಂಬುದನ್ನು ನೋಡಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಅದೇ Three.js ದೃಶ್ಯದ ಮೇಲೆ ನಿರ್ಮಿಸಲಾದ ಆಗ್ಮೆಂಟೆಡ್ ರಿಯಾಲಿಟಿ (augmented reality) ಬಳಸಿ ಅವರು ಅದನ್ನು ತಮ್ಮ ಕೋಣೆಯಲ್ಲಿ ಇರಿಸಬಹುದು, ಅಳತೆ ಪಟ್ಟಿಯನ್ನು (tape measure) ಹೊರತೆಗೆಯದೆ ಕಿಟಕಿಯ ಕೆಳಗಿನ ಜಾಗವನ್ನು ಪರೀಕ್ಷಿಸಬಹುದು. ಗ್ರಾಹಕರು ಉತ್ಪನ್ನಗಳನ್ನು ಎಲ್ಲಾ ಕೋನಗಳಿಂದ ನೋಡಿದಾಗ, ಅವರು ಆತ್ಮವಿಶ್ವಾಸದಿಂದ ನಿರ್ಧಾರಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತಾರೆ.

ಕಥೆ ಹೇಳುವಿಕೆ (Storytelling) ಉತ್ಪನ್ನಗಳಿಗಿಂತಲೂ ಮೀರಿದ್ದಾಗಿದೆ. ಒಬ್ಬ ತಯಾರಕರು ಭೌತಿಕ ಪ್ರದರ್ಶನವನ್ನು ಕಳುಹಿಸದೆ ಇಂಜಿನ್ ಹೇಗೆ ದಹನ ಪ್ರಕ್ರಿಯೆಯನ್ನು (combustion) ನಡೆಸುತ್ತದೆ ಎಂಬುದನ್ನು ತೋರಿಸಬಹುದು. ಅಡಿಪಾಯ ಹಾಕುವ ಮೊದಲೇ ಒಬ್ಬ ವಾಸ್ತುಶಿಲ್ಪಿ (architect) ಕ್ಲೈಂಟ್‌ಗೆ ಫ್ಲೋರ್ ಪ್ಲಾನ್ ಅನ್ನು ತೋರಿಸಬಹುದು. ಪದಗಳು ಮತ್ತು ಸ್ಥಿರ ಚಿತ್ರಗಳು ವಿವರಿಸಲು ಕಷ್ಟಪಡುವ ಸಂಬಂಧಗಳನ್ನು ಚಲನೆಯು ವಿವರಿಸುತ್ತದೆ...