{"id":388,"date":"2016-02-11T00:46:06","date_gmt":"2016-02-10T23:46:06","guid":{"rendered":"http:\/\/bulletin-board.de\/watchfaces\/?p=388"},"modified":"2016-02-20T17:13:23","modified_gmt":"2016-02-20T16:13:23","slug":"move-objects-in-a-circle-smoothly","status":"publish","type":"post","link":"https:\/\/bulletin-board.de\/watchfaces\/move-objects-in-a-circle-smoothly\/","title":{"rendered":"Move objects in a circle smoothly"},"content":{"rendered":"<p>Some days ago, I posted an article called &#8220;<a href=\"http:\/\/bulletin-board.de\/watchfaces\/back-to-trigonometry\/\">Back to trigonometry<\/a>&#8221; about moving objects in a circle by seconds, minutes or hours with a trigonometric formula.<\/p>\n<p>Today I write about the making of my new watch face <a href=\"http:\/\/bulletin-board.de\/watchfaces\/portfolio\/burner\/\">Burner<\/a>.<\/p>\n<p>Before writing about trigonometry again, I describe the production of the asset for moving in a circle.<\/p>\n<h2>Asset production of an animated gif video<\/h2>\n<p>I had the idea to move a flickering flame around a circle.<\/p>\n<p>The first step, was to record a short gif video of the flame, which came out of my lighter. To do this, I simply used a <a href=\"https:\/\/play.google.com\/store\/search?q=gif%20camera&amp;c=apps\" target=\"_blank\">GIF camera app<\/a>. In my case, I&#8217;ve used <em><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.kullect.fixie\" target=\"_blank\">Fixie GIF Camera<\/a><\/em>.<\/p>\n<div id=\"attachment_393\" style=\"width: 320px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-393\" data-attachment-id=\"393\" data-permalink=\"https:\/\/bulletin-board.de\/watchfaces\/move-objects-in-a-circle-smoothly\/fixie_0005\/\" data-orig-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Fixie_0005.gif\" data-orig-size=\"320,427\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Flame video\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Fixie_0005-225x300.gif\" data-large-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Fixie_0005.gif\" class=\"wp-image-393 size-full\" src=\"http:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Fixie_0005.gif\" alt=\"Flame video\" width=\"320\" height=\"427\" data-wp-pid=\"393\" \/><p id=\"caption-attachment-393\" class=\"wp-caption-text\">GIF video capture<\/p><\/div>\n<p>In default mode, this app records 10 frames, which was exactly what I needed. I imported it into Photoshop to crop it and center the single frames to the same position.<\/p>\n<div data-carousel-extra='{&quot;blog_id&quot;:1,&quot;permalink&quot;:&quot;https:\/\/bulletin-board.de\/watchfaces\/move-objects-in-a-circle-smoothly\/&quot;}' id='gallery-1' class='gallery galleryid-388 gallery-columns-2 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop.png'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"223\" src=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-300x223.png\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-395\" srcset=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-300x223.png 300w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-768x570.png 768w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-1024x760.png 1024w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-840x623.png 840w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-600x445.png 600w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-800x594.png 800w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop.png 1031w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" data-attachment-id=\"395\" data-permalink=\"https:\/\/bulletin-board.de\/watchfaces\/move-objects-in-a-circle-smoothly\/burner-photoshop\/\" data-orig-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop.png\" data-orig-size=\"1031,765\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Burner Photoshop\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Cropping and Alignment of all frames&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-300x223.png\" data-large-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-1024x760.png\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-395'>\n\t\t\t\tCropping and Alignment of all frames\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Flame.gif'><img loading=\"lazy\" decoding=\"async\" width=\"96\" height=\"216\" src=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Flame.gif\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-394\" data-attachment-id=\"394\" data-permalink=\"https:\/\/bulletin-board.de\/watchfaces\/move-objects-in-a-circle-smoothly\/flame\/\" data-orig-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Flame.gif\" data-orig-size=\"96,216\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Flame Asset\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Asset&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Flame.gif\" data-large-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Flame.gif\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-394'>\n\t\t\t\tAsset\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>Unfortunately WatchMaker doesn&#8217;t support the transparent mode of animated gifs, so I had to choose a solid background color. Black was fine for my idea.<\/p>\n<h2>Moving the flame by seconds smoothly<\/h2>\n<p>I wanted to move the flame by seconds smoothly. As mentioned above, I used the same formula I&#8217;ve already <a href=\"http:\/\/bulletin-board.de\/watchfaces\/back-to-trigonometry\/\">described<\/a>.<\/p>\n<blockquote><p><img decoding=\"async\" src=\"https:\/\/s0.wp.com\/latex.php?latex=x+%3D+%5Ccos%28%28ds+%2A+%5Cfrac%7B1%7D%7B60%7D+%2A+2+%5Cpi%29+-+%5Cfrac%7B%5Cpi%7D%7B2%7D%29&#038;bg=ffffff&#038;fg=000&#038;s=0&#038;c=20201002\" alt=\"x = &#92;cos((ds * &#92;frac{1}{60} * 2 &#92;pi) - &#92;frac{&#92;pi}{2})\" class=\"latex\" \/><br \/>\n<img decoding=\"async\" src=\"https:\/\/s0.wp.com\/latex.php?latex=y+%3D+%5Csin%28%28ds+%2A+%5Cfrac%7B1%7D%7B60%7D+%2A+2+%5Cpi%29+-+%5Cfrac%7B%5Cpi%7D%7B2%7D%29&#038;bg=ffffff&#038;fg=000&#038;s=0&#038;c=20201002\" alt=\"y = &#92;sin((ds * &#92;frac{1}{60} * 2 &#92;pi) - &#92;frac{&#92;pi}{2})\" class=\"latex\" \/><\/p><\/blockquote>\n<p>The problem by using the seconds as the input value\u00a0is, that\u00a0the flame moves step wise by seconds and not smoothly.<\/p>\n<blockquote style=\"background-color:#ffc;padding:20px\"><p><strong>Update:<\/strong> Please use the formula in my new article\u00a0<a href=\"http:\/\/bulletin-board.de\/watchfaces\/moving-around-the-easy-way\/\">Moving around &#8211; the easy way<\/a>, because it&#8217;s better.<\/p><\/blockquote>\n<p>To move it smoothly, I&#8217;ve just added the thousands fraction of the millisecond of the current second. That&#8217;s all and looks like this:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/s0.wp.com\/latex.php?latex=x+%3D+%5Ccos%28%28%28ds%2B%5Cfrac%7Bdssz%7D%7B1000%7D%29+%2A+%5Cfrac%7B1%7D%7B60%7D+%2A+2+%5Cpi%29+-+%5Cfrac%7B%5Cpi%7D%7B2%7D%29&#038;bg=ffffff&#038;fg=000&#038;s=0&#038;c=20201002\" alt=\"x = &#92;cos(((ds+&#92;frac{dssz}{1000}) * &#92;frac{1}{60} * 2 &#92;pi) - &#92;frac{&#92;pi}{2})\" class=\"latex\" \/><br \/>\n<img decoding=\"async\" src=\"https:\/\/s0.wp.com\/latex.php?latex=y+%3D+%5Csin%28%28%28ds%2B%5Cfrac%7Bdssz%7D%7B1000%7D%29+%2A+%5Cfrac%7B1%7D%7B60%7D+%2A+2+%5Cpi%29+-+%5Cfrac%7B%5Cpi%7D%7B2%7D%29&#038;bg=ffffff&#038;fg=000&#038;s=0&#038;c=20201002\" alt=\"y = &#92;sin(((ds+&#92;frac{dssz}{1000}) * &#92;frac{1}{60} * 2 &#92;pi) - &#92;frac{&#92;pi}{2})\" class=\"latex\" \/><\/p>\n<p>In lua script it looks like this (here multiplied with 200 for a larger circle):<\/p>\n<pre><code class=\"lua\">x=\"math.cos((({ds}+({dssz}\/1000))*0.016666*math.pi*2)- math.pi\/2) * 200\"<br \/>\ny=\"math.sin((({ds}+({dssz}\/1000))*0.016666*math.pi*2)- math.pi\/2) * 200\"<\/code><\/pre>\n<p>You can see the result in my watch face <a href=\"http:\/\/bulletin-board.de\/watchfaces\/portfolio\/burner\/\">Burner<\/a>.<\/p>\n<div id=\"attachment_385\" style=\"width: 360px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/bulletin-board.de\/watchfaces\/portfolio\/burner\/\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-385\" data-attachment-id=\"385\" data-permalink=\"https:\/\/bulletin-board.de\/watchfaces\/portfolio\/burner\/gif_u173\/\" data-orig-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/gif_u173.gif\" data-orig-size=\"360,360\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Burner anim\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Animation&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/gif_u173-300x300.gif\" data-large-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/gif_u173.gif\" class=\"wp-image-385 size-full\" src=\"http:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/gif_u173.gif\" alt=\"Animation\" width=\"360\" height=\"360\" data-wp-pid=\"385\" \/><\/a><p id=\"caption-attachment-385\" class=\"wp-caption-text\">Animation<\/p><\/div>\n<div class=\"twoclick-intro\"><div class=\"sharedaddy\">\n<h3 class=\"sd-title\">Like this on:<\/h3>\n<p>For privacy save likes click 2 times. Hover the <em>i<\/em> button for further information.\n<\/div>\n<\/div><div class=\"twoclick_social_bookmarks_post_388 social_share_privacy clearfix 1.6.4 locale-en_US sprite-en_US\"><\/div><div class=\"twoclick-js\"><script type=\"text\/javascript\">\/* <![CDATA[ *\/\njQuery(document).ready(function($){if($('.twoclick_social_bookmarks_post_388')){$('.twoclick_social_bookmarks_post_388').socialSharePrivacy({\"services\":{\"facebook\":{\"status\":\"on\",\"txt_info\":\"2 clicks for more privacy: The first click activates the like button, which already sends information to Facebook. The second click gives this content a Like.\",\"perma_option\":\"off\",\"action\":\"like\",\"language\":\"en_US\"},\"gplus\":{\"status\":\"on\",\"txt_info\":\"2 clicks for more privacy: The first click activates the like button, which already sends information to Google. The second click gives this content a Like.\",\"perma_option\":\"off\",\"referrer_track\":\"\"},\"pinterest\":{\"status\":\"on\",\"the_excerpt\":\"Move objects in a circle smoothly  #animation #app #assets #circle #geometry #gif #math #round #seconds #trigonometry\",\"txt_info\":\"2 clicks for more privacy: The first click activates the like button, which already sends information to Pinterest. The second click gives this content a Like.\",\"perma_option\":\"off\",\"media\":\"http:\\\/\\\/bulletin-board.de\\\/watchfaces\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/Fixie_0005.gif\"}},\"txt_help\":\"If you activate these fields by clicking, information will be send to Facebook, Twitter, Pinterest or Google. Click on the <em>i<\\\/em> button for further information.\",\"settings_perma\":\"Permanently activate the like buttons:\",\"info_link\":\"http:\\\/\\\/www.heise.de\\\/ct\\\/artikel\\\/2-Klicks-fuer-mehr-Datenschutz-1333879.html\",\"uri\":\"https:\\\/\\\/bulletin-board.de\\\/watchfaces\\\/move-objects-in-a-circle-smoothly\\\/\",\"post_id\":388,\"post_title_referrer_track\":\"Move+objects+in+a+circle+smoothly\",\"display_infobox\":\"on\"});}});\n\/* ]]> *\/<\/script><\/div>","protected":false},"excerpt":{"rendered":"<p>Some days ago, I posted an article called &#8220;Back to trigonometry&#8221; about moving objects in a circle by seconds, minutes or hours with a trigonometric formula. Today I write about the making of my new watch face Burner. Before writing about trigonometry again, I describe the production of the asset for moving in a circle.&hellip; <a href=\"https:\/\/bulletin-board.de\/watchfaces\/move-objects-in-a-circle-smoothly\/\">Continue reading <span class=\"screen-reader-text\">Move objects in a circle smoothly<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Move objects in a circle smoothly","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1,72,73],"tags":[76,88,80,84,83,89,82,85,74,81],"class_list":["post-388","post","type-post","status-publish","format-standard","hentry","category-makers","category-lua","category-photoshop","tag-animation","tag-app","tag-assets","tag-circle","tag-geometry","tag-gif","tag-math","tag-round","tag-seconds","tag-trigonometry"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5aacI-6g","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":319,"url":"https:\/\/bulletin-board.de\/watchfaces\/back-to-trigonometry\/","url_meta":{"origin":388,"position":0},"title":"Back to trigonometry","author":"Tamio Honma","date":"February 8, 2016","format":false,"excerpt":"Since I'm scripting watch faces for smart watches, I was confronted with mathematical issues from my school days nearly 30\u00a0years ago. The basics The circle is\u00a0the main geometric form to support using watch faces. And so I was confronted with\u00a0\u03c0,\u00a0sine, angles and some other things from the trigonometry. One main\u2026","rel":"","context":"In &quot;For the Makers&quot;","block_context":{"text":"For the Makers","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/"},"img":{"alt_text":"Circle-trig6.svg","src":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png","width":350,"height":200,"srcset":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png 1x, https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png 1.5x, https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png 2x, https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png 3x"},"classes":[]},{"id":415,"url":"https:\/\/bulletin-board.de\/watchfaces\/moving-around-the-easy-way\/","url_meta":{"origin":388,"position":1},"title":"Moving around &#8211; the easy way","author":"Tamio Honma","date":"February 20, 2016","format":false,"excerpt":"In my recent\u00a0articles Back to Trigonometry\u00a0and\u00a0Move objects in a circle smoothly, I described a formula to move objects around a circle. Since WatchMaker also offers rotation values in degrees for time, we can simplify those formulas and make them more efficient to calculate. In the original formulas I've used {ds},\u2026","rel":"","context":"In &quot;For the Makers&quot;","block_context":{"text":"For the Makers","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":451,"url":"https:\/\/bulletin-board.de\/watchfaces\/rotate-forms-for-round-watch-faces\/","url_meta":{"origin":388,"position":2},"title":"Rotate forms for round watch faces","author":"Tamio Honma","date":"February 29, 2016","format":false,"excerpt":"Especially in the beginning of designing round watch faces, I had to get used to place forms to\u00a0the right place in a circle. This is needed for markers, numbers and some\u00a0decoration elements. Photoshop doesn't offer circular guide lines or other help functions for these kind of layouts. In fact, it's\u2026","rel":"","context":"In &quot;Photoshop&quot;","block_context":{"text":"Photoshop","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/photoshop\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":710,"url":"https:\/\/bulletin-board.de\/watchfaces\/multiple-colors-ucolor\/","url_meta":{"origin":388,"position":3},"title":"How to use multiple colors based on the new user color selector for {ucolor}","author":"Tamio Honma","date":"April 4, 2017","format":false,"excerpt":"The Watchmaker app was\u00a0updated some weeks ago and introduced a new cool color selector right inside the app. This is very convenient for both: The users and the designers \/\u00a0developers. As a developer you just have to use the variable {ucolor} instead of a color code or your own color\u2026","rel":"","context":"In &quot;Editor&quot;","block_context":{"text":"Editor","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/editor\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/ucolor.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":367,"url":"https:\/\/bulletin-board.de\/watchfaces\/supporting-round-and-square-watches-in-one-watch-face\/","url_meta":{"origin":388,"position":4},"title":"Supporting round and square watches in one watch face","author":"Tamio Honma","date":"February 9, 2016","format":false,"excerpt":"Shortly after I've released my Homer watch face for round smart watches, a user suggested that I should support square watches as well. So I did. It doesn't matter, if you usually design your watch faces on a square watch or on a round one. You can support both watches\u2026","rel":"","context":"In &quot;For the Makers&quot;","block_context":{"text":"For the Makers","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/duff_0000_Rahmen-150x150.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":298,"url":"https:\/\/bulletin-board.de\/watchfaces\/bouncing-seconds\/","url_meta":{"origin":388,"position":5},"title":"Bouncing seconds","author":"Tamio Honma","date":"February 7, 2016","format":false,"excerpt":"When I thought I was finished with the Homer watch face, I stumbled upon a video of the real Homer clock and saw a bouncing seconds hand. https:\/\/www.youtube.com\/watch?v=mEpl94fHuKw So I stopped my intention to load the watch face up and made the hand bounce like as follows: I set the\u2026","rel":"","context":"In &quot;For the Makers&quot;","block_context":{"text":"For the Makers","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/mEpl94fHuKw\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/posts\/388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/comments?post=388"}],"version-history":[{"count":8,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/posts\/388\/revisions"}],"predecessor-version":[{"id":429,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/posts\/388\/revisions\/429"}],"wp:attachment":[{"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/media?parent=388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/categories?post=388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/tags?post=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}