{"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":"http:\/\/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,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_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":[],"_links":{"self":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/6111","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=6111"}],"version-history":[{"count":0,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/6111\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6111"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}