使用 qr code 二維條碼實現多重標籤擴增實境技術

21
使使 QR CODE 使使使使使使使使使使使使使使使使 Applying QR code to implementing Multi-marker Argument Reality 使使使 Advisor: Shing-Min Liu 1

Upload: trula

Post on 22-Feb-2016

103 views

Category:

Documents


0 download

DESCRIPTION

Applying QR code to implementing Multi-marker Argument Reality. 使用 QR Code 二維條碼實現多重標籤擴增實境技術. 洪得翔 Advisor: Shing -Min Liu. I ntroduction. Using QR-AR…. internet. Traditional AR …. ?. Introduction ( cont ). http://www.cs.ccu.edu.tw/~hth96u/mqomod.zip. Objective. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

1

使用QR CODE二維條碼實現多重標籤擴增實境技術Applying QR code to implementing Multi-marker

Argument Reality

洪得翔Advisor: Shing-Min Liu

Page 2: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

2

Introduction

internetUsing QR-AR…

?

Traditional AR …

Page 3: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

3

Introduction (cont)

QR碼資料容量數字 最多 7,089字元字母 最多 4,296字元二進位數( 8 bit)

最多 2,953 位元組

日文漢字/片假名 最多 1,817字元(採用 Shift JIS)

中文漢字 最多 984字元(採用 UTF-8)

中文漢字最多 1,800字元(採用 BIG5)數字

http://www.cs.ccu.edu.tw/~hth96u/mqomod.zip

Page 4: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

4

Objective Advertisement provider can change the

module on the web server

Replace traditional AR marker by QR code

Applying multi-marker with QR code

Page 5: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

5

Processing

Decoding…

http://.......

internet

Specify if the QR marker

Page 6: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

6

Replacing AR marker by QR marker. Change the pattern. Rotation of marker. Points recognizing

Page 7: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

7

Changing the pattern

Past pattern New pattern

Three bull-eyes set the QR marker

Calculate the 4th virtual point and get the Transform Matrix

Page 8: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

8

Rotation of marker QR code has 4 rotation types

If we want to calculate the following code translate matrix, We must know its “4 bull-eyes’ positions” & “rotation types”

Page 9: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

9

Points recognizing

P1P2

P3P3 y-axis>p2 y-axis

P1 x-axis>p3 x-axisP1 y-axis<p3 yaxis

Find the smallest dot value

(0,0) X(+)

Y(+)

Page 10: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

10

Points’ order & rotation DEMO

Page 11: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

11

Decoding and loading the module. Single & multi-marker processing. Image decoding. Loading the modules

Page 12: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

12

Processing

Capture decoding Download

the modelGroup

patternsImage

division

Swap buffer

Single or

multi marker

?

Single marker

multi

Exception

Page 13: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

13

Multi marker processing Group

patternsX軸 (+)

Y軸 (+)

(0,0)X軸 (+)

Y軸 (+)

(0,0)

Page 14: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

14

Multi marker processing (cont)

Image division

Capture ImageDivision part

Page 15: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

15

Image DecodingAvailable image No available image

Page 16: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

16

Change the module on the internet

FTP server

Page 17: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

17

Results

http://www.cs.ccu.edu.tw/~hth96u/mqomod.zip http://0rz.tw/gbyCt

Page 18: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

18

Demo-Single marker

Page 19: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

19

Demo-Multi-marker

Page 20: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

20

Fighting!!

Conclusion

AR visiting card

QR-AR card

Interactive AR online game

Hello, I’m XXX …JISJKLAJSDKLJKPAKSJDKLSJADKL

Page 21: 使用 QR Code 二維條碼實現多重標籤擴增實境技術

21

Reverence 1. Jiun-Tung Wang, “Design and Implementation of

Argumented Reality System Collaborating with QR code”

2. Tai-Wei Kan, Chin-Hung Teng, Wen-Shou Chou, “Applying QR code in augmented reality applications”

3. Zxing - Multi-format 1D/2D barcode image processing library, http://code.google.com/p/zxing/

4. ARToolKit Documentation, http://artoolkit.sourceforge.net/apidoc/index.html

5. OpenCV wiki, http://opencv.willowgarage.com/wiki/