{"id":5295,"date":"2016-10-09T01:56:39","date_gmt":"2016-10-09T08:56:39","guid":{"rendered":"http:\/\/blog.cmiscm.com\/?p=5295"},"modified":"2023-01-14T13:22:15","modified_gmt":"2023-01-14T21:22:15","slug":"mon","status":"publish","type":"post","link":"http:\/\/blog.cmiscm.com\/?p=5295","title":{"rendered":"MON"},"content":{"rendered":"<div class=\"bh\" style=\"background-color: #0e2f66;\">\n<div class=\"bhimg\" style=\"padding-bottom: 46.4%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5332\" src=\"http:\/\/blog.cmiscm.com\/data\/mon-1.gif\" width=\"1400\" height=\"650\" \/><\/div>\n<div class=\"bhvideo-con\">\n<div class=\"bhvideo\" style=\"padding-bottom: 56.3%;\"><iframe loading=\"lazy\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/squjSffL7pU?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 10.0%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5340\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/ttt.png\" alt=\"ttt\" width=\"1400\" height=\"140\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/ttt.png 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/ttt-300x30.png 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/ttt-768x77.png 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/ttt-1024x102.png 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 56.1%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5332\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m2.jpg\" alt=\"m2\" width=\"1400\" height=\"786\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m2.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m2-300x168.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m2-768x431.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m2-1024x575.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 56.1%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5333\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m3.jpg\" alt=\"m3\" width=\"1400\" height=\"786\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m3.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m3-300x168.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m3-768x431.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m3-1024x575.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 56.1%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5334\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m4.jpg\" alt=\"m4\" width=\"1400\" height=\"786\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m4.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m4-300x168.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m4-768x431.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m4-1024x575.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 56.1%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5335\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m5.jpg\" alt=\"m5\" width=\"1400\" height=\"786\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m5.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m5-300x168.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m5-768x431.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m5-1024x575.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 56.1%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5336\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m6.jpg\" alt=\"m6\" width=\"1400\" height=\"786\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m6.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m6-300x168.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m6-768x431.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m6-1024x575.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 56.1%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5332\" src=\"http:\/\/blog.cmiscm.com\/data\/mon-7.gif\" width=\"1400\" height=\"786\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 56.1%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5337\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m8.jpg\" alt=\"m8\" width=\"1400\" height=\"786\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m8.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m8-300x168.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m8-768x431.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m8-1024x575.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 56.1%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5338\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m9.jpg\" alt=\"m9\" width=\"1400\" height=\"786\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m9.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m9-300x168.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m9-768x431.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/m9-1024x575.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 56.1%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5349\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/popopo.jpg\" alt=\"popopo\" width=\"1400\" height=\"786\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/popopo.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/popopo-300x168.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/popopo-768x431.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2016\/10\/popopo-1024x575.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>DESCRIPTION<\/h3>\n<div class=\"des\">\n<p>Halloween is a day that holds great personal significance for me, as it has been a favorite holiday since childhood. As a child, I was particularly drawn to B-horror movies such as Frankenstein and Dracula, finding myself captivated by the underlying themes of sadness and loneliness present in the monsters, as well as the gothic mise en scene. This led to a lifelong appreciation for the works of directors such as Tim Burton, George Romero, and Alfred Hitchcock.<\/p>\n<p>Inspired by my child&#8217;s Halloween costume, I decided to create a project utilizing HTML5 technology, specifically the Canvas, Webkit, and WebGL elements. The project is designed to function seamlessly on both desktop and mobile devices, with the added ability to enjoy a full-screen experience by adding it to the home screen on mobile devices.<br \/>\nThis project has been a long-time desire, with the concept of minimal design, bold colors, and fun interactions with monsters being central. I would like to express my gratitude to <a href=\"http:\/\/ddanga.com\">Sanghee Cho<\/a> for providing the illustrations for all icons used in the project.<\/p>\n<\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>Technologies &amp; Tools<\/h3>\n<ul class=\"techtool\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>Metaballs<\/li>\n<li>UX\/UI Design<\/li>\n<li>Animation<\/li>\n<li>Interaction<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>URL<\/h3>\n<ul class=\"list\">\n<li><a href=\"http:\/\/mon.cmiscm.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/mon.cmiscm.com\/<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>AWARDS<\/h3>\n<ul>\n<li><i>\u2022<\/i>DesignAwards.Asia, Design of the Day &#8211; October 2016<\/li>\n<li><i>\u2022<\/i>The FWA, FWA of the Day &#8211; October 2016<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>RELATED POSTS<\/h3>\n<ul>\n<li><i><a href=\"http:\/\/blog.cmiscm.com\/?p=5325\">+<\/a><\/i>How to make a Prey on Animation<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>ROLE<\/h3>\n<ul>\n<li><i>\u2022<\/i>Art Direction &amp; Design &amp; Coding : Jongmin Kim<\/li>\n<li><i>\u2022<\/i>Icon Illustration : Sanghee Cho<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>DESCRIPTION Halloween is a day that holds great personal significance for me, as it has been a favorite holiday since childhood. As a child, I was particularly drawn to B-horror movies such as Frankenstein and Dracula, finding myself captivated by the underlying themes of sadness and loneliness present in the monsters, as well as the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[7],"tags":[539],"class_list":["post-5295","post","type-post","status-publish","format-standard","hentry","category-1project","tag-mon"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/5295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5295"}],"version-history":[{"count":0,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/5295\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5295"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}