AR.js ã®ä¸–ç•Œã¸ã‚ˆã†ã“ãï¼ ï¼“æ©ã§ã‚ã‹ã‚‹ ãŠæ‰‹è»½ æ‹¡å¼µç¾å®Ÿ - Qiitaæ’例ã®å¹´æœ«ã«è¨˜äº‹ã‚’書ãã‚„ã¤å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ 今回㯠AR.js ã«ã¤ã„ã¦ã”紹介ã—ã¾ã™ã€‚ （éŽåŽ»ã®è¨˜äº‹ï¼‰ 2019 - Three.js 2020 - Google Earth Studio 2021 - Deck.gl ã“ã®è¨˜äº‹ã§ã‚„ã£ã¦ã¿ã‚‹ã“㨠Step 1 : HTML ã®ã¿ã§ AR ã‚’å®Ÿç¾ AR.js Studio (Marker based) QR コードã®ç”Ÿæˆ 3D モデルã®å–å¾— Step 2 : エンティティã®å‹•çš„è¿½åŠ AR.js Studio (Location based) ä½ç½®åº§æ¨™ã®å–å¾— (Google Map) 相対ä½ç½®ï¼åº§æ¨™ã®è§’度ã¨è·é›¢ã®å¯¾å¿œ Step 3 : インタラクションã®è¿½åŠ モデルã®åˆ‡æ›¿ テã‚スト表示 アニメーション Web AR ã¨ã¯ AR（Augmented Reality; æ‹¡å¼µç¾å®Ÿï¼‰ã¯ï¼Œç¾å®Ÿä¸–ç•Œã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ï¼ˆé‡ãã‚‹ã“ã¨ï¼‰ã‚’å¯èƒ½ã«ã™ã‚‹ãƒ†ã‚¯ãƒŽ
Three.js入門サイト - ICS MEDIA
{{#tags}}- {{label}}
{{/tags}}