{"id":5945,"date":"2023-01-03T16:01:03","date_gmt":"2023-01-04T00:01:03","guid":{"rendered":"https:\/\/blog.cmiscm.com\/?page_id=5945"},"modified":"2024-09-22T18:48:23","modified_gmt":"2024-09-23T01:48:23","slug":"projects","status":"publish","type":"page","link":"http:\/\/blog.cmiscm.com\/?page_id=5945","title":{"rendered":"Projects"},"content":{"rendered":"<div class=\"cmproject\">\n<h3>Featured<\/h3>\n<ul>\n<li>\n<h5>February 2024<\/h5>\n<p><a class=\"thumbnail\" target=\"_blank\" href=\"https:\/\/pixels.cmiscm.com\/\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6051 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2024\/03\/pixels.gif\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Pixels<\/h4>\n<p>Experience a visual spectacle where photographs transform into pixelated particles, visualizing the deconstruction and reassembly of memories.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>Shader<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>October 2023<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=6050\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6051 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/10\/2023-10-03-17-13-02.2023-10-03-17_14_42.2023-10-06-15_02_41.gif\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Hangul meets AI<\/h4>\n<p>Celebrating #HangulDay on October 9th by introducing the #HangulProject &#x1f1f0;&#x1f1f7; I&#8217;ve designed the visual effects and interactions of Hangul using machine learning and WebGL, from &#8216;rain&#8217; falling from the sky to &#8216;snow&#8217; melting on the ground, the sound of waterfalls, and the fiery sight of &#8216;blazing&#8217; flames. Each work highlights the uniqueness and creativity of Hangul.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>Machine learning<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>August 2019<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=5851\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/leon.gif\"><\/a><\/p>\n<h4>Leon Sans<\/h4>\n<p>Leon Sans is a geometric sans-serif typeface with dynamic font weight and custom animations, effects, or shapes within HTML5 Canvas element, designed by Jongmin Kim to celebrate the birth of his newborn baby, Leon.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>Font Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>January 2013<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=3216\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/fff.gif\"><\/a><\/p>\n<h4>Form Follows Function<\/h4>\n<p>Form Follows Function is a collection of interactive experiences using HTML5 for compatibility and optimal performance on all devices, pushing the boundaries of what&#8217;s possible within a browser-based experience.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>HTML5<\/li>\n<li>UX\/UI Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>May 2018<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=5672\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/chamoy.gif\"><\/a><\/p>\n<h4>Chamoy Creative<\/h4>\n<p>I developed an interactive representation for Chamoy Creative, Texas-based company, featuring gooey Chamoy sauce dipped in various fruits or snacks, effectively capturing the brand&#8217;s unique and playful nature and serving as an effective visual representation.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>November 2018<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=6016\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5971 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/ltx.gif\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Are You Feeling Lucky?<\/h4>\n<p>&#8220;Are You Feeling Lucky?&#8221; is a trivia game developed for use on Assistant visual and speaker platforms through the utilization of Actions on Google. This game represents the world&#8217;s first fully immersive voice-forward Assistant experience.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>Game Framework Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>August 2017<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=5469\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/noninoni.jpg\"><\/a><\/p>\n<h4>NONI NONI<\/h4>\n<p>NONI NONI is a website that allows users to create three-dimensional visualizations of drawings and letters utilizing colorful balls. It utilizes Google&#8217;s Translate API and machine learning technology, similar to that used in the development of QuickDraw.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>Machine Learning<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>October 2016<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=5295\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/mon.gif\"><\/a><\/p>\n<h4>MON<\/h4>\n<p>MON is a project using HTML5 technology such as Canvas, Webkit and WebGL elements, inspired by my child&#8217;s Halloween costume, which functions seamlessly on both desktop and mobile devices, including full-screen experience on mobile when added to the home screen.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>UX\/UI Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>December 2011<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=2984\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/desk.jpg\"><\/a><\/p>\n<h4>DESK Project<\/h4>\n<p>DESK is a platform for creators to share and discover inspiration in their personal workspaces, allowing users to upload and browse galleries of desks, recognizing the desk as an integral and often overlooked part of the creative process.<\/p>\n<ul class=\"techtool plist\">\n<li>ActionScript<\/li>\n<li>Objective-C<\/li>\n<li>Java<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>June 2014<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=3711\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6102 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/goghio.jpg\" alt=\"\" width=\"281\" height=\"140\"><\/a><\/p>\n<h4>Google I\/O 2014<\/h4>\n<p>I developed a solution for 60fps animation for mobile web through various prototypes, which received widespread acclaim and had a significant impact on the animation capabilities of the Google mobile website.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>February 2014<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=3567\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/ddanga.gif\"><\/a><\/p>\n<h4>DDANGA<\/h4>\n<p>DDANGA is the portfolio website of Interactive\/Mobile\/UI Designer Sanghee Cho. The website is designed with a concept of a flowing gallery, and the interaction was implemented to reflect this concept.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>PHP<\/li>\n<li>HTML5<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>May 2016<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=5055\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/bbb.gif\"><\/a><\/p>\n<h4>Booounce<\/h4>\n<p>Booounce is a curated collection of visually inspiring short videos and GIFs with engaging animations and transitions throughout the website, developed using HTML5, CSS3, and JavaScript with custom animation libraries and optimal performance on all devices, especially mobile.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>Canvas<\/li>\n<li>UX\/UI Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>April 2015<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=4602\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/masa.jpg\"><\/a><\/p>\n<h4>MASAHIROMARUYAMA<\/h4>\n<p>This website delivers an immersive and engaging full-screen 360-degree viewing experience of unique glasses collection by Masahiro Maruyama, using HTML5 canvas drawing technology to create 360-degree portrait photographs, and special animations tailored to the concept of each individual pair of glasses, to attract user&#8217;s interest and enhance browsing experience.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>Canvas<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>December 2014<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=4334\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/material.jpg\"><\/a><\/p>\n<h4>Material Interaction<\/h4>\n<p>I created this website inspired by Google&#8217;s Material Design principles and my encounter with Material Design Principles Postcards at a Google I\/O Happy Hour event, to bring interactive and animation elements to the visually striking and playful design.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>Canvas<\/li>\n<li>UX\/UI Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>May 2013<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=3364\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/han.jpg\"><\/a><\/p>\n<h4>The mimetic words of Hangul<\/h4>\n<p>The Mimetic Words of Hangul is an art project that visually depicts onomatopoeic and mimetic words based on their meanings, developed using HTML5 Canvas element and fully responsive across desktop and tablet devices, providing immersive and engaging experience.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>Canvas<\/li>\n<li>UX\/UI Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>April 2010<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=1965\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/cmpp.gif\"><\/a><\/p>\n<h4>Jongmin Kim Portfolio<\/h4>\n<p>This project is Jongmin Kim&#8217;s portfolio website, inspired by a trip to Tokyo, where the photos arranged in chronological and spatial order created a story that resembled a stop-motion animation. It features a gallery section based on this concept.<\/p>\n<ul class=\"techtool plist\">\n<li>ActionScript<\/li>\n<li>UX\/UI Design<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmproject\">\n<h3>Labs &amp; Ideas<\/h3>\n<ul>\n<li>\n<h5>June 2022<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=6111\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6015 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/lg.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Drawing app<\/h4>\n<p>I developed a cross-platform drawing tool using WebGL, with various brush effects like watercolor, crayon, pen and oil painting, implemented using Shaders, and successfully ported to WebOS and run on the LG StandbyMe platform.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>Framework Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>October 2021<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=6088\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6090 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/ice.gif\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Ice<\/h4>\n<p>This experiment presents a physics-based simulation of ice that users can interact with using a mouse or finger, rendered in real-time following the laws of physics, allowing users to observe and manipulate the ice as it falls into a 2D cup.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>Physics<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>February 2020<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=6048\"><img decoding=\"async\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/eraser.gif\"><\/a><\/p>\n<h4>Pen and Eraser<\/h4>\n<p>This digital drawing tool prototype features a pen and eraser, developed in two versions using Flutter and JavaScript frameworks, with unique interaction where eraser dust is visually dropped upon selection of the eraser tool, erasure performed in the opposite direction of the original drawing.<\/p>\n<ul class=\"techtool plist\">\n<li>Flutter<\/li>\n<li>Dart<\/li>\n<li>JavaScript<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>October 2017<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=5581\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6108 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/ccc.gif\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Flip Clock<\/h4>\n<p>I developed a digital flip clock as a personal project using JavaScript and CSS3, replicating the intricate movements of an analog flip clock for the Nexus 10 device and providing a high-quality visual experience.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>CSS3<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmproject\">\n<h3>Projects<\/h3>\n<ul>\n<li>\n<h5>March 2018<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=5642\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5974 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/trends.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Visual Trends<\/h4>\n<p>Visual Trends displays the latest trending terms from Google Hot Trends with visual effects.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>UX\/UI Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>August 2016<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=5683\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5973 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/simuxjobs.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Google UX Jobs<\/h4>\n<p>The simUX (Search, Identity and Map) website is designed to offer an opportunity to express their desire to be a part of the team.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>Canvas<\/li>\n<li>UX\/UI Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>February 2014<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=3563\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6059 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/sss.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Sticker.js<\/h4>\n<p>Sticker.js is a Javascript library that allows you to create a Sticker Effect. No dependencies (jQuery not required) and MIT License. Inspired by Sanghee Cho\u2019s Heroes Project.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>August 2013<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=4811\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6057 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/mtd.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Mtn Dew Portraits<\/h4>\n<p>For the latest Mountain Dew campaign, Firstborn created a digital experience that let fans go deeper into \u201cliving portraits\u201d of Dew\u2019s top athletes. The site features three TV spots by BBDO and Psyop, and adds an interactive layer that expands the story behind each of the intricate motion collages.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>HTML5<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>March 2013<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=3259\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6063 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/lur.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Lugr Log<\/h4>\n<p>Luger&#8217;s Day is Firstborn&#8217;s annual party to celebrate Firstborners, and we usually did some funny things for the day. For Luger&#8217;s 2013, I designed a camera App named &#8216;Lugr Log&#8217; and a website.<\/p>\n<ul class=\"techtool plist\">\n<li>UI\/UX Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>August 2012<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=4633\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6065 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/cadillac.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Cadillac ATS vs The World<\/h4>\n<p>I built a site that flows between four different international destinations, each one showing off the car&#8217;s unique features. The user can explore each location, devour exclusive content and even check in to prove to friends that they were &#8216;there&#8217;. Parallax animation seamlessly pulls the users deeper into each environment to learn more about the car&#8217;s features.<\/p>\n<ul class=\"techtool plist\">\n<li>JavaScript<\/li>\n<li>HTML5<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>April 2011<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=2359\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6068 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/rbt.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>RBT : Red Bus Tracking<\/h4>\n<p>I live on Roosevelt Island. Roosevelt Island is a very nice place, but it is sometimes so annoying to wait for the Red Bus. That&#8217;s why I made this App named RBT(Red Bus Tracking). It&#8217;s very helpful to know how far away the Red Bus is, so I can go to a Cafe or Store while I&#8217;m waiting. I want to share this convenience with everyone who takes the Red Bus.<\/p>\n<ul class=\"techtool plist\">\n<li>Objective-C<\/li>\n<li>UX\/UI Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>April 2011<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=4632\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6072 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/gum.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>The Ultimate Sensory Experience<\/h4>\n<p>It is a website where users can enjoy various interesting interactions provided by the 5 Gum\u00ae. This is the first project I worked on in the United States, and I was responsible for developing an interaction that recognized gum boxes and a game-style interaction that turned the handle to fill the gauge.<\/p>\n<ul class=\"techtool plist\">\n<li>ActionScript<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>October 2010<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=2064\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6076\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/ty2.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>City Typo T-Shirt<\/h4>\n<p>If you pronounce the words, it divides into syllables, I classified these syllables and organized the words up and down. For example, word \u2018Paris\u2019, pronunciation divides in to (Pa)\/(ris), by placing up and down. I made a familiar word to awkward and gave a visually freshness and design effect.<\/p>\n<ul class=\"techtool plist\">\n<li>Graphic Design<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>August 2008<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=4631\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6078 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/dnse.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>SAMSUNG DNSe 3.0<\/h4>\n<p>The DNSe 3.0 sound technology by Samsung offers interesting new qualities of a sound that can be modified individually depending on one&#8217;s taste. The aim of the promotional website was to create a new experience of this sound technology and to let the user feel its sensitive qualities. By visualising the sound ina cube form, the website allows the user to experience the new technology both through and ears.<\/p>\n<ul class=\"techtool plist\">\n<li>ActionScript<\/li>\n<\/ul>\n<\/li>\n<li>\n<h5>January 2008<\/h5>\n<p><a class=\"thumbnail\" href=\"https:\/\/blog.cmiscm.com\/?p=3313\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6080 size-full\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2023\/01\/hh.jpg\" alt=\"\" width=\"280\" height=\"140\"><\/a><\/p>\n<h4>Concept art for Samsung mobile screen<\/h4>\n<p>This illustration is for Samsung mobile screen named YEPP. The client wanted various style of illustration, so my team decided to draw each one\u2019s favorite things. Yes, that time I really loved this kind of Gothic Style. I used Photoshop to draw this, and got inspired \u2018The Nightmare Before Christmas\u2019 by Tim Burton who my favorite director.<\/p>\n<ul class=\"techtool plist\">\n<li>Graphic Design<\/li>\n<\/ul>\n<\/li>\n<li><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Featured February 2024 Pixels Experience a visual spectacle where photographs transform into pixelated particles, visualizing the deconstruction and reassembly of memories. JavaScript WebGL Shader October 2023 Hangul meets AI Celebrating #HangulDay on October 9th by introducing the #HangulProject &#x1f1f0;&#x1f1f7; I&#8217;ve designed the visual effects and interactions of Hangul using machine learning and WebGL, from &#8216;rain&#8217; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":""},"class_list":["post-5945","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/pages\/5945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"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=5945"}],"version-history":[{"count":0,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/pages\/5945\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}