{"id":599,"date":"2020-10-09T16:50:30","date_gmt":"2020-10-09T16:50:30","guid":{"rendered":"http:\/\/www.scrootchme.com\/bmc\/?p=599"},"modified":"2020-10-09T16:50:30","modified_gmt":"2020-10-09T16:50:30","slug":"jse-0-1-3-pre-alpha-3","status":"publish","type":"post","link":"http:\/\/www.scrootchme.com\/bmc\/jse-0-1-3-pre-alpha-3\/","title":{"rendered":"JSE 0.1.3 (pre-alpha 3)"},"content":{"rendered":"\n<p>Download OS X and Windows 32 and 64 bit versions <a href=\"https:\/\/github.com\/jfitzpat\/BMC\/releases\">from GitHub here<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Changes from <a href=\"http:\/\/www.scrootchme.com\/bmc\/jse-0-1-2-pre-alpha-2\/\" data-type=\"post\" data-id=\"576\">JSE 0.1.2<\/a><\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Bug Fixes<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li>Fixed a rounding error with center-of-selection calculation<\/li><\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">New Features<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li>Added 2 and 3 color gradient tools<\/li><li>Added Hue, Saturation, and Level adjust tool<\/li><li>Point selection markers now hide during transforms\/adjustments<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Notes<\/h4>\n\n\n\n<p>For anyone following the commit count on GitHub, I did not have much time to work on JSE since the last release. Work, sports playoffs, zombie apocalypse&#8230; take your pick. In the one short session I did have, I squeezed in some basic color tools.<\/p>\n\n\n\n<p>Both gradient tools are pretty simple. You can do a radial gradient:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"701\" src=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.41.09-PM-1024x701.png\" alt=\"\" class=\"wp-image-603\" srcset=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.41.09-PM-1024x701.png 1024w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.41.09-PM-300x205.png 300w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.41.09-PM-768x525.png 768w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.41.09-PM-1536x1051.png 1536w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.41.09-PM-2048x1401.png 2048w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.41.09-PM-676x462.png 676w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>With a color fade that is circular to the center. In this case, the colors, length of the gradient, and what center to use (center of the ILDA grid or center of the selected points) are the primary controls.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"700\" src=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.42.04-PM-1024x700.png\" alt=\"\" class=\"wp-image-604\" srcset=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.42.04-PM-1024x700.png 1024w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.42.04-PM-300x205.png 300w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.42.04-PM-768x525.png 768w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.42.04-PM-1536x1050.png 1536w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.42.04-PM-2048x1400.png 2048w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-08-at-1.42.04-PM-676x462.png 676w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you choose a linear gradient (not radial), you also have control over the angle the gradient travels across the selection or ILDA grid. You can make the gradient length very short and basically step between colors:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-13-1024x719.png\" alt=\"\" class=\"wp-image-605\" srcset=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-13-1024x719.png 1024w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-13-300x211.png 300w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-13-768x539.png 768w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-13-1536x1078.png 1536w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-13-2048x1437.png 2048w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-13-676x474.png 676w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It&#8217;s important to note that the gradients are relative to the current view. So you can set them up based on Z position as well as X and Y:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-14-1024x719.png\" alt=\"\" class=\"wp-image-606\" srcset=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-14-1024x719.png 1024w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-14-300x211.png 300w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-14-768x539.png 768w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-14-1536x1078.png 1536w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-14-2048x1437.png 2048w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-14-676x474.png 676w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The 3 color gradient tool is identical except that you get to pick a color in the middle of the gradient between the other two:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-15-1024x719.png\" alt=\"\" class=\"wp-image-607\" srcset=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-15-1024x719.png 1024w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-15-300x211.png 300w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-15-768x539.png 768w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-15-1536x1078.png 1536w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-15-2048x1437.png 2048w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/screenshot-15-676x474.png 676w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can also pick black as a color. If a point is adjusted to black, it is blanked:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/gradient2-1-1024x719.png\" alt=\"\" class=\"wp-image-608\" srcset=\"http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/gradient2-1-1024x719.png 1024w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/gradient2-1-300x211.png 300w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/gradient2-1-768x539.png 768w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/gradient2-1-1536x1078.png 1536w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/gradient2-1-2048x1437.png 2048w, http:\/\/www.scrootchme.com\/bmc\/wp-content\/uploads\/2020\/10\/gradient2-1-676x474.png 676w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We generally refer to the color of an ILDA point in terms of RGB, or Red, Green, and Blue. But there are other ways to identify a color. These are usually called a &#8220;Color Space&#8221;. For example, video often is expressed in &#8220;YUV&#8221; color space, printing often uses CYMK color space. One color space that seemed kind of handy to me for lasers is HSL, or hue, saturation, and level.<\/p>\n\n\n\n<p>The best way to get a feel for them is probably to throw a color gradient across an image and just play. Hue in particular is kind of fun.<\/p>\n\n\n\n<p>One thing I noticed in color adjustments is that the selected point markers obscured the adjustment, so I changed the app to not draw them in the middle of a transform operation. That is, they will disappear when one of the popups with controls appears, then come back when the panel is dismissed.<\/p>\n\n\n\n<p>Sorry for the thin list. I&#8217;ll try to get more in for the next release!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Download OS X and Windows 32 and 64 bit versions from GitHub here. Changes from JSE 0.1.2 Bug Fixes Fixed a rounding error with center-of-selection calculation New Features Added 2 and 3 color gradient tools Added Hue, Saturation, and Level adjust tool Point selection markers now hide during transforms\/adjustments Notes For anyone following the commit [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":601,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","post-preview"],"_links":{"self":[{"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/posts\/599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/comments?post=599"}],"version-history":[{"count":2,"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/posts\/599\/revisions"}],"predecessor-version":[{"id":609,"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/posts\/599\/revisions\/609"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/media\/601"}],"wp:attachment":[{"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/media?parent=599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/categories?post=599"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.scrootchme.com\/bmc\/wp-json\/wp\/v2\/tags?post=599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}