{"id":6111,"date":"2022-06-26T18:29:00","date_gmt":"2022-06-27T01:29:00","guid":{"rendered":"https:\/\/blog.cmiscm.com\/?p=6111"},"modified":"2023-01-26T18:35:14","modified_gmt":"2023-01-27T02:35:14","slug":"building-a-drawing-app-for-tesla","status":"publish","type":"post","link":"https:\/\/blog.cmiscm.com\/?p=6111","title":{"rendered":"Building a drawing app for\u00a0web-based platforms"},"content":{"rendered":"<div class=\"cmpro\">\n<h3>WATERCOLOR on Tesla<\/h3>\n<div class=\"bhvideo\" style=\"padding-bottom: 56.2%;\"><iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/FYvYR4uRdr8?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>OIL PAINTING on Tesla<\/h3>\n<div class=\"bhvideo\" style=\"padding-bottom: 56.2%;\"><iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/4N5HrtTK4Xc?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>LG StanbyME<\/h3>\n<div class=\"bhvideo\" style=\"padding-bottom: 56.2%;\"><iframe loading=\"lazy\" width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/-p43OGHh7VE?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\">\nI have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive functions such as layers, background, erasers and scissors, providing an enhanced user experience. The tool has been successfully tested on the Tesla web browser and has been found to exhibit superior quality and performance when compared to the default drawing application provided by Tesla.<\/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>Framework Design<\/li>\n<li>Interaction<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>WATERCOLOR on Tesla OIL PAINTING on Tesla LG StanbyME DESCRIPTION I have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive [&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-6111","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=\"WATERCOLOR on Tesla OIL PAINTING on Tesla LG StanbyME DESCRIPTION I have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive\" \/>\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=6111\" \/>\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=\"Building a drawing app for web-based platforms - jongmin kim blog\" \/>\n\t\t<meta property=\"og:description\" content=\"WATERCOLOR on Tesla OIL PAINTING on Tesla LG StanbyME DESCRIPTION I have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.cmiscm.com\/?p=6111\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-06-27T01:29:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2023-01-27T02:35:14+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Building a drawing app for web-based platforms - jongmin kim blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"WATERCOLOR on Tesla OIL PAINTING on Tesla LG StanbyME DESCRIPTION I have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive\" \/>\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=6111#blogposting\",\"name\":\"Building a drawing app for web-based platforms - jongmin kim blog\",\"headline\":\"Building a drawing app for\\u00a0web-based platforms\",\"author\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?author=1#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/#organization\"},\"datePublished\":\"2022-06-26T18:29:00-07:00\",\"dateModified\":\"2023-01-26T18:35:14-08:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6111#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6111#webpage\"},\"articleSection\":\"Lab\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6111#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=6111#listItem\",\"name\":\"Building a drawing app for\\u00a0web-based platforms\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6111#listItem\",\"position\":3,\"name\":\"Building a drawing app for\\u00a0web-based platforms\",\"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=6111#webpage\",\"url\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6111\",\"name\":\"Building a drawing app for web-based platforms - jongmin kim blog\",\"description\":\"WATERCOLOR on Tesla OIL PAINTING on Tesla LG StanbyME DESCRIPTION I have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?p=6111#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?author=1#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.cmiscm.com\\\/?author=1#author\"},\"datePublished\":\"2022-06-26T18:29:00-07:00\",\"dateModified\":\"2023-01-26T18:35:14-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":"Building a drawing app for web-based platforms - jongmin kim blog","description":"WATERCOLOR on Tesla OIL PAINTING on Tesla LG StanbyME DESCRIPTION I have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive","canonical_url":"https:\/\/blog.cmiscm.com\/?p=6111","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/blog.cmiscm.com\/?p=6111#blogposting","name":"Building a drawing app for web-based platforms - jongmin kim blog","headline":"Building a drawing app for\u00a0web-based platforms","author":{"@id":"https:\/\/blog.cmiscm.com\/?author=1#author"},"publisher":{"@id":"https:\/\/blog.cmiscm.com\/#organization"},"datePublished":"2022-06-26T18:29:00-07:00","dateModified":"2023-01-26T18:35:14-08:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/blog.cmiscm.com\/?p=6111#webpage"},"isPartOf":{"@id":"https:\/\/blog.cmiscm.com\/?p=6111#webpage"},"articleSection":"Lab"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.cmiscm.com\/?p=6111#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=6111#listItem","name":"Building a drawing app for\u00a0web-based platforms"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.cmiscm.com#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/blog.cmiscm.com\/?p=6111#listItem","position":3,"name":"Building a drawing app for\u00a0web-based platforms","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=6111#webpage","url":"https:\/\/blog.cmiscm.com\/?p=6111","name":"Building a drawing app for web-based platforms - jongmin kim blog","description":"WATERCOLOR on Tesla OIL PAINTING on Tesla LG StanbyME DESCRIPTION I have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/blog.cmiscm.com\/#website"},"breadcrumb":{"@id":"https:\/\/blog.cmiscm.com\/?p=6111#breadcrumblist"},"author":{"@id":"https:\/\/blog.cmiscm.com\/?author=1#author"},"creator":{"@id":"https:\/\/blog.cmiscm.com\/?author=1#author"},"datePublished":"2022-06-26T18:29:00-07:00","dateModified":"2023-01-26T18:35:14-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":"Building a drawing app for web-based platforms - jongmin kim blog","og:description":"WATERCOLOR on Tesla OIL PAINTING on Tesla LG StanbyME DESCRIPTION I have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive","og:url":"https:\/\/blog.cmiscm.com\/?p=6111","article:published_time":"2022-06-27T01:29:00+00:00","article:modified_time":"2023-01-27T02:35:14+00:00","twitter:card":"summary_large_image","twitter:title":"Building a drawing app for web-based platforms - jongmin kim blog","twitter:description":"WATERCOLOR on Tesla OIL PAINTING on Tesla LG StanbyME DESCRIPTION I have created a cross-platform drawing app utilizing vanilla JavaScript and WebGL to function on all web-based platforms. The app features various brush effects including watercolor, crayon, pen, and oil painting, which have been implemented using the advanced technique of Shaders. Additionally, it includes interactive"},"aioseo_meta_data":{"post_id":"6111","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:39","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\tBuilding a drawing app for web-based platforms\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":"Building a drawing app for\u00a0web-based platforms","link":"https:\/\/blog.cmiscm.com\/?p=6111"}],"_links":{"self":[{"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/6111","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=6111"}],"version-history":[{"count":0,"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/6111\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}