Journal of Digital Convergence (디지털융복합연구)

The Society of Digital Policy and Management (한국디지털정책학회)
권호 표지
DOI QR코드

DOI QR Code

2D to 3D Anaglyph Image Conversion using Quadratic & Cubic Bézier Curve in HTML5

HTML5에서 Quadratic & Cubic Bézier 곡선을 이용한 2D to 3D 입체 이미지 변환

  • Received : 2014.10.20
  • Accepted : 2014.12.20
  • Published : 2014.12.28
Download PDF
⟨ Previous Next ⟩

Abstract

In this paper, we propose a method to convert 2D image to 3D anaglyph using quadratic & cubic B$\acute{e}$zier Curves in HTML5. In order to convert 2D image to 3D anaglyph image, we filter the original image to extract the RGB color values and create two images for the left and right eyes. Users are to set up the depth values of the image through the control point using the quadratic and cubic B$\acute{e}$zier curves. We have processed the depth values of 2D image based on this control point to create the 3D image conversion reflecting the value of the control point which the users select. All of this work has been designed and implemented in Web environment in HTML5. So we have made it for anyone who wants to create their 3D images and it is very easy and convenient to use.

본 논문에서는 HTML5에서 Quadratic & Cubic B$\acute{e}$zier 곡선을 이용하여 2D 이미지를 3D 입체 이미지로 변환하는 방법을 제안한다. 3D 입체 이미지 변환은 원본 이미지에서 RGB색상 값을 분리 추출하여 좌안과 우안을 위한 2개의 이미지로 필터링한다. 사용자는 Quadratic B$\acute{e}$zier 곡선과 Cubic B$\acute{e}$zier곡선을 이용한 제어 점을 통해 이미지의 깊이 값을 설정하게 된다. 이 제어 점을 기반으로 2D 이미지의 깊이 값을 계산하여 3D이미지에 반영하게 된다. 이 모든 과정은 HTML5를 사용한 웹 환경에서 구현하였으며, 사용자들은 매우 쉽고 편리하게 자신들이 원하는 3D 이미지를 만들 수 있게 하였다.

Keywords

References

  1. H. Emrah Tasli, K. Ugur, Interactive 2D 3D image conversion method for mobile devices, 3DTV Conference: The True Vision - Capture, Transmission and Display of 3D Video (3DTV-CON), pp.1-4, 2011
  2. L. Zhang, C. Vazquez, and S. Knorr, 3D-TV Content Creation: Automatic 2D-to-3D Video Conversion, IEEE Transactions on Broadcasting, Vol. 57, pp. 372-383, 2011 https://doi.org/10.1109/TBC.2011.2122930
  3. Ianir Ideses, Leonid P. Yaroslavsky, and Barak Fishbain, Real-time 2D to 3D video conversion, Journal of Real-Time Image Proc Springer, Vol. 2, pp.3-9, 2007 https://doi.org/10.1007/s11554-007-0038-9
  4. R. Phon, R. Rzesutek, and D. Androutsos, Semi-automatic 2D to 3D image conversion using scale-space Random Walks and a graph cuts based depth prior, 2011 18th IEEE International Conference on Image Processing (ICIP), pp.865-868, 2011
  5. J. Ko, M .Kim, and C. Kim, 2D-To-3D Stereoscopic Conversion: Depth-Map Estimation in a 2D Single-View Image, Proc. of SPIE Vol. 6696, pp.66962A-1-9, 2007
  6. Yu-Lin Chang, Chih-Ying Fang, Li-Fu Ding, Shao-Yi Chen, and Liang-Gee Chen, Depth Map Generation for 2D-to-3D Conversion by Short-Term Motion Assisted Color Segmentation, IEEE International Conference on Multimedia & Expo, pp.1958-1961, 2007
  7. A. Capra, S. Curti, and M. La Cascia, 3D stereoscopic image pairs by depth-map generation, IEEE 3D Data Processing, Visualization and Transmission(3DPVT), pp. 124-131, 2004
  8. Zadokar, S.R. ; Raskar, V.B. ; Shinde, S.V., A Digital Watermarking for Anaglyph 3D images, International Conference on Advances in Computing, Communications and Informatics (ICACCI), pp.483-488, 2013
  9. Y.S. Izmantoko, A.B. Suksmono, T.L. Mengko Implementation of Anaglyph Method for Stereo Microscope Image Display, International Conference on Electrical Engineering and Informatics (ICEEI), pp.1-6, 2011
  10. Songnan Li, Lin Ma, and King Ngi Ngan, Anaglyph image generation by matching color appearance attributes, Signal Processing: Image Communication, Vol 28, pp. 597-607, 2013 https://doi.org/10.1016/j.image.2013.03.004
  11. Michael Bostock, Vadim Ogievetsky and Jeffrey Heer, $D^3$:Data-Driven Documents, Browse Journals & Magazines Visualization and Computer Graphics, IEEE Transactions on, Vol. 17, pp. 2301-2309, 2011 https://doi.org/10.1109/TVCG.2011.185
  12. http://www.ucc.asn.au/-matches/ipdf/documents/LitReviewSam.pdf
  13. http://en.wikipedia.org/wiki/2D_to_3D_conversion
  14. http://en.wikipedia.org/wiki/Anaglyph_3D