{"id":6048,"date":"2020-02-08T19:06:00","date_gmt":"2020-02-09T03:06:00","guid":{"rendered":"https:\/\/blog.cmiscm.com\/?p=6048"},"modified":"2023-01-14T12:23:53","modified_gmt":"2023-01-14T20:23:53","slug":"pen-and-eraser","status":"publish","type":"post","link":"https:\/\/blog.cmiscm.com\/?p=6048","title":{"rendered":"Pen and Eraser"},"content":{"rendered":"<div class=\"cmpro\">\n<h3>VIDEO<\/h3>\n<div class=\"bhvideo\" style=\"padding-bottom: 56.2%;\"><iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/EieF0ZOjqao?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>DESCRIPTION<\/h3>\n<div class=\"des\">This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing lines, the erasure is performed in the opposite direction of the original drawing, adding an interesting visual effect of the eraser dust falling. This prototype demonstrates the integration of unique interactions and visual effects in digital drawing tools, enhancing user experience and usability.<\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>Technologies &amp; Tools<\/h3>\n<ul class=\"techtool\">\n<li>Flutter<\/li>\n<li>Dart<\/li>\n<li>JavaScript<\/li>\n<li>Interaction<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>VIDEO DESCRIPTION This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing [&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,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[352],"tags":[],"class_list":["post-6048","post","type-post","status-publish","format-standard","hentry","category-lab"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"VIDEO DESCRIPTION This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"cmiscm\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/blog.cmiscm.com\/?p=6048\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"jongmin kim blog -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Pen and Eraser - jongmin kim blog\" \/>\n\t\t<meta property=\"og:description\" content=\"VIDEO DESCRIPTION This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.cmiscm.com\/?p=6048\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-02-09T03:06:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2023-01-14T20:23:53+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Pen and Eraser - jongmin kim blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"VIDEO DESCRIPTION This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6048#blogposting\",\"name\":\"Pen and Eraser - jongmin kim blog\",\"headline\":\"Pen and Eraser\",\"author\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?author=1#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/#organization\"},\"datePublished\":\"2020-02-08T19:06:00-08:00\",\"dateModified\":\"2023-01-14T12:23:53-08:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6048#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6048#webpage\"},\"articleSection\":\"Lab\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6048#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.cmiscm.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?cat=352#listItem\",\"name\":\"Lab\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?cat=352#listItem\",\"position\":2,\"name\":\"Lab\",\"item\":\"https:\\\/\\\/blog.cmiscm.com\\\/?cat=352\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6048#listItem\",\"name\":\"Pen and Eraser\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6048#listItem\",\"position\":3,\"name\":\"Pen and Eraser\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?cat=352#listItem\",\"name\":\"Lab\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/#organization\",\"name\":\"jongmin kim blog\",\"url\":\"https:\\\/\\\/blog.cmiscm.com\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?author=1#author\",\"url\":\"https:\\\/\\\/blog.cmiscm.com\\\/?author=1\",\"name\":\"cmiscm\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6048#webpage\",\"url\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6048\",\"name\":\"Pen and Eraser - jongmin kim blog\",\"description\":\"VIDEO DESCRIPTION This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6048#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?author=1#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?author=1#author\"},\"datePublished\":\"2020-02-08T19:06:00-08:00\",\"dateModified\":\"2023-01-14T12:23:53-08:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/#website\",\"url\":\"https:\\\/\\\/blog.cmiscm.com\\\/\",\"name\":\"jongmin kim blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Pen and Eraser - jongmin kim blog","description":"VIDEO DESCRIPTION This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing","canonical_url":"https:\/\/blog.cmiscm.com\/?p=6048","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/blog.cmiscm.com\/?p=6048#blogposting","name":"Pen and Eraser - jongmin kim blog","headline":"Pen and Eraser","author":{"@id":"https:\/\/blog.cmiscm.com\/?author=1#author"},"publisher":{"@id":"https:\/\/blog.cmiscm.com\/#organization"},"datePublished":"2020-02-08T19:06:00-08:00","dateModified":"2023-01-14T12:23:53-08:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/blog.cmiscm.com\/?p=6048#webpage"},"isPartOf":{"@id":"https:\/\/blog.cmiscm.com\/?p=6048#webpage"},"articleSection":"Lab"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.cmiscm.com\/?p=6048#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/blog.cmiscm.com#listItem","position":1,"name":"Home","item":"https:\/\/blog.cmiscm.com","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.cmiscm.com\/?cat=352#listItem","name":"Lab"}},{"@type":"ListItem","@id":"https:\/\/blog.cmiscm.com\/?cat=352#listItem","position":2,"name":"Lab","item":"https:\/\/blog.cmiscm.com\/?cat=352","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.cmiscm.com\/?p=6048#listItem","name":"Pen and Eraser"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.cmiscm.com#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/blog.cmiscm.com\/?p=6048#listItem","position":3,"name":"Pen and Eraser","previousItem":{"@type":"ListItem","@id":"https:\/\/blog.cmiscm.com\/?cat=352#listItem","name":"Lab"}}]},{"@type":"Organization","@id":"https:\/\/blog.cmiscm.com\/#organization","name":"jongmin kim blog","url":"https:\/\/blog.cmiscm.com\/"},{"@type":"Person","@id":"https:\/\/blog.cmiscm.com\/?author=1#author","url":"https:\/\/blog.cmiscm.com\/?author=1","name":"cmiscm"},{"@type":"WebPage","@id":"https:\/\/blog.cmiscm.com\/?p=6048#webpage","url":"https:\/\/blog.cmiscm.com\/?p=6048","name":"Pen and Eraser - jongmin kim blog","description":"VIDEO DESCRIPTION This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/blog.cmiscm.com\/#website"},"breadcrumb":{"@id":"https:\/\/blog.cmiscm.com\/?p=6048#breadcrumblist"},"author":{"@id":"https:\/\/blog.cmiscm.com\/?author=1#author"},"creator":{"@id":"https:\/\/blog.cmiscm.com\/?author=1#author"},"datePublished":"2020-02-08T19:06:00-08:00","dateModified":"2023-01-14T12:23:53-08:00"},{"@type":"WebSite","@id":"https:\/\/blog.cmiscm.com\/#website","url":"https:\/\/blog.cmiscm.com\/","name":"jongmin kim blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/blog.cmiscm.com\/#organization"}}]},"og:locale":"en_US","og:site_name":"jongmin kim blog -","og:type":"article","og:title":"Pen and Eraser - jongmin kim blog","og:description":"VIDEO DESCRIPTION This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing","og:url":"https:\/\/blog.cmiscm.com\/?p=6048","article:published_time":"2020-02-09T03:06:00+00:00","article:modified_time":"2023-01-14T20:23:53+00:00","twitter:card":"summary_large_image","twitter:title":"Pen and Eraser - jongmin kim blog","twitter:description":"VIDEO DESCRIPTION This prototype of a digital drawing tool features a pen and eraser, and has been developed in two versions, using Flutter and JavaScript frameworks. A unique interaction has been implemented, where upon selection of the eraser tool, eraser dust is visually dropped, providing clear indication of the currently selected tool. Additionally, when erasing"},"aioseo_meta_data":{"post_id":"6048","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-10-15 05:19:06","updated":"2025-12-10 02:18:44","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.cmiscm.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.cmiscm.com\/?cat=352\" title=\"Lab\">Lab<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tPen and Eraser\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/blog.cmiscm.com"},{"label":"Lab","link":"https:\/\/blog.cmiscm.com\/?cat=352"},{"label":"Pen and Eraser","link":"https:\/\/blog.cmiscm.com\/?p=6048"}],"_links":{"self":[{"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/6048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6048"}],"version-history":[{"count":0,"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/6048\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}