{"id":3735,"date":"2021-05-30T21:53:55","date_gmt":"2021-05-30T14:53:55","guid":{"rendered":"https:\/\/www.nstda.or.th\/archives\/?p=3735"},"modified":"2021-08-26T11:45:28","modified_gmt":"2021-08-26T04:45:28","slug":"best-presentation-icdip","status":"publish","type":"post","link":"https:\/\/www.nstda.or.th\/archives\/best-presentation-icdip\/","title":{"rendered":"\u0e17\u0e35\u0e21\u0e27\u0e34\u0e08\u0e31\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e20\u0e32\u0e1e \u0e40\u0e19\u0e04\u0e40\u0e17\u0e04 \u0e2a\u0e27\u0e17\u0e0a. \u0e04\u0e27\u0e49\u0e32 Best Presentation \u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19 Image Processing (ICDIP 2021)"},"content":{"rendered":"<p>\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 28 &#8211; 30 \u0e1e\u0e24\u0e29\u0e20\u0e32\u0e04\u0e21 2564 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e41\u0e25\u0e30\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34 (\u0e40\u0e19\u0e04\u0e40\u0e17\u0e04) \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34 (\u0e2a\u0e27\u0e17\u0e0a.) \u0e42\u0e14\u0e22\u0e17\u0e35\u0e21\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e08\u0e32\u0e01\u0e17\u0e35\u0e21\u0e27\u0e34\u0e08\u0e31\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e20\u0e32\u0e1e (IPU\/ AINRG) \u0e44\u0e14\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e1c\u0e25\u0e07\u0e32\u0e19 \u0e43\u0e19\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e20\u0e32\u0e1e The 13th International Conference on Digital Image Processing (ICDIP 2021) \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e31\u0e14\u0e02\u0e36\u0e49\u0e19\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e42\u0e14\u0e22\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e27\u0e49\u0e32\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u00a0 The Best Presentation Award \u0e08\u0e32\u0e01\u0e1c\u0e25\u0e07\u0e32\u0e19 \u201cMorph Targets for 3D Facial Animation with Webcam Using Facemesh, Jeeliz-tranfer APIs and Three.js\u201d<br \/>\n\u0e17\u0e35\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e14\u0e23.\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\u0e08\u0e34\u0e23\u0e32 \u0e2a\u0e34\u0e19\u0e17\u0e19\u0e30\u0e42\u0e22\u0e18\u0e34\u0e19 \u0e04\u0e38\u0e13\u0e27\u0e34\u0e28\u0e23\u0e38\u0e15 \u0e1e\u0e25\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c \u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e19\u0e25\u0e1e\u0e23\u0e23\u0e29 \u0e27\u0e07\u0e41\u0e2b\u0e27\u0e19<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-3742\" src=\"https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021.jpg\" alt=\"\" width=\"1119\" height=\"794\" srcset=\"https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021.jpg 1119w, https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021-300x213.jpg 300w, https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021-1024x727.jpg 1024w, https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021-768x545.jpg 768w\" sizes=\"(max-width: 1119px) 100vw, 1119px\" \/><\/p>\n<p><!--more--><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3744\" src=\"https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021-2.jpg\" alt=\"\" width=\"1875\" height=\"1015\" srcset=\"https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021-2.jpg 1875w, https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021-2-300x162.jpg 300w, https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021-2-1024x554.jpg 1024w, https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021-2-768x416.jpg 768w, https:\/\/www.nstda.or.th\/archives\/wp-content\/uploads\/2021\/05\/20210806-ICDIP-2021-2-1536x831.jpg 1536w\" sizes=\"(max-width: 1875px) 100vw, 1875px\" \/><\/p>\n<p>Abstract : This paper presents a face control system for 3D avatar with webcam using the Facemesh API for face tracking and Jeeliz-transfer API for eye tracking. 3D avatar face animation is developed as a responsive web application. It starts with face detection and tracking through the webcam. Face coordinate data is normalized to a vertical face view where the distance between the eyes and the level of the eyes are the same for each video frame. Then new face coordinates are calculated in both 2D and 3D to study the change of specific coordinates such as mouth shape and face shape. In addition, the coordinates of face structures in the video platform have also been added to the 3D model platform. Specific coordinates are studied to analyze distance changes to be applied in 3D avatars manipulation. The 3D models are designed and created in multiple blend-shapes or basic character facial features. However, due to the limitations of web browser-based 3D morphing, which Three.js is used for morph targets display, it allows only eight combination shapes to be displayed at the same time. Therefore, the required blending geometry must be pre-assembled. Blend-shape factors are based on an analysis of the coordinates of each moving face in order to eliminate the limitations. The results of our 3D facial animation with a webcam generate high quality, real-time and online simulation. Therefore, our work can be applied as a fundamental technology to assemble the same techniques for animating other 3D characters in blend-shape format.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 28 &#8211; 30 \u0e1e\u0e24\u0e29\u0e20\u0e32\u0e04\u0e21 2564 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e41\u0e25\u0e30\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34 (\u0e40\u0e19\u0e04\u0e40\u0e17\u0e04) \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34 (\u0e2a\u0e27\u0e17\u0e0a.) \u0e42\u0e14\u0e22\u0e17\u0e35\u0e21\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e08\u0e32\u0e01\u0e17\u0e35\u0e21\u0e27\u0e34\u0e08\u0e31\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e20\u0e32\u0e1e (IPU\/ AINRG) \u0e44\u0e14\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e1c\u0e25\u0e07\u0e32\u0e19 \u0e43\u0e19\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e20\u0e32\u0e1e The 13th International Conference on Digital Image Processing (ICDIP 2021) \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e31\u0e14\u0e02\u0e36\u0e49\u0e19\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e42\u0e14\u0e22\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e27\u0e49\u0e32\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u00a0 The Best Presentation Award \u0e08\u0e32\u0e01\u0e1c\u0e25\u0e07\u0e32\u0e19 \u201cMorph Targets for 3D Facial Animation with Webcam Using Facemesh, Jeeliz-tranfer APIs and Three.js\u201d \u0e17\u0e35\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e14\u0e23.\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\u0e08\u0e34\u0e23\u0e32 \u0e2a\u0e34\u0e19\u0e17\u0e19\u0e30\u0e42\u0e22\u0e18\u0e34\u0e19 \u0e04\u0e38\u0e13\u0e27\u0e34\u0e28\u0e23\u0e38\u0e15 \u0e1e\u0e25\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c \u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e19\u0e25\u0e1e\u0e23\u0e23\u0e29 \u0e27\u0e07\u0e41\u0e2b\u0e27\u0e19<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,821,493],"tags":[639,641,640,645,607,643,644,646,642,648,647,604],"class_list":["post-3735","post","type-post","status-publish","format-standard","hentry","category-nstda-archives","category-nectec","category-493","tag-best-presentation-award","tag-icdip","tag-image-processing","tag-international-conference-on-digital-image-processing","tag-nectec","tag-643","tag-644","tag-646","tag-642","tag-648","tag-647","tag-604"],"_links":{"self":[{"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/posts\/3735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/comments?post=3735"}],"version-history":[{"count":2,"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/posts\/3735\/revisions"}],"predecessor-version":[{"id":3745,"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/posts\/3735\/revisions\/3745"}],"wp:attachment":[{"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/media?parent=3735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/categories?post=3735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nstda.or.th\/archives\/wp-json\/wp\/v2\/tags?post=3735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}