Jakub Steiner Designer. Camera Pilot. http://jimmac.musichall.cz/blog 2017-09-24T11:00:00Z Jakub Steiner Blender Daily Doodles http://jimmac.musichall.cz/blog/2017-09-24-blender-daily-doodles/ 2017-09-24T11:00:00Z 2017-09-24T19:19:14+02:00 Article Author <p>If you follow me on <a href="http://instagram.com/jimmacfx">Instagram</a> or <a href="https://www.youtube.com/JakubSteiner">Youtube</a>, you&rsquo;ve probably noticed all my spare time has been consumed by flying racing drones recently. Winter is approaching, so I&rsquo;d rather spare my fingers from freezing and focus on my other passion, 3D doodling.</p> <p class='image full'> <img alt='Modifier stack explorations' src='/log/index/index/blender-doodle1.png'> <small>Modifier stack explorations</small> </p> <p>This blog post is the equivalent of a new year&rsquo;s resolution. I&rsquo;ll probably be overwhelmed by duties and will drop out from this, but at least being public about it creates some pressure to keep trying. Feel free to help out with the motivation :)</p> <p class='image full'> <img alt='Animation Nodes is amazing' src='/log/index/index/blender-doodle2.png'> <small>Animation Nodes is amazing</small> </p> GUADEC 2017 Manchester http://jimmac.musichall.cz/blog/2017-08-28-guadec-2017-manchester/ 2017-08-28T11:44:00Z 2017-08-28T13:56:25+02:00 Article Author <p>Really enjoyed this year&rsquo;s GUADEC. Thanks everyone for coming and the local team for pulling off a perfectly organized conference.</p> <p class='image full'> <iframe src='https://player.vimeo.com/video/230936701' height='500' class='image full' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <small><a href='https://vimeo.com/230936701'>GUADEC 2017 Manchester</a> from <a href='https://vimeo.com/jimmacfx'>jimmac</a> on <a href='https://vimeo.com'>Vimeo</a>.</small> </p> <p>Check out a few <a href="https://www.flickr.com/photos/jakubsteiner/albums/72157685439498403">photos</a> too.</p> <p class="row"> <a data-flickr-embed="true" href="https://www.flickr.com/photos/jakubsteiner/35875770174/in/album-72157685439498403/" title="" class="image 4u"><img src="https://farm5.staticflickr.com/4404/35875770174_021c72eb0d.jpg" alt=""></a> <a data-flickr-embed="true" href="https://www.flickr.com/photos/jakubsteiner/35875777124/in/album-72157685439498403/" title="" class="image 4u"><img src="https://farm5.staticflickr.com/4351/35875777124_5d3d1f6da1.jpg" alt=""></a> <a data-flickr-embed="true" href="https://www.flickr.com/photos/jakubsteiner/36541111212/in/album-72157685439498403/" title="" class="image 4u"><img src="https://farm5.staticflickr.com/4409/36541111212_9ac7206594.jpg" alt=""></a> </p> Recipe Icon http://jimmac.musichall.cz/blog/2017-03-31-recipe-icon/ 2017-03-31T10:52:00Z 2017-03-31T12:56:13+02:00 Article Author <p>Initially I was going to do a more elaborate workflow tutorial, but time flies when you&rsquo;re having fun on 3.24. With the release out, I&rsquo;d rather publish this than let it rot. Maybe the next one!</p> <p> <iframe width='100%' height='500' src='https://www.youtube.com/embed/dfw-aifD5qg' frameborder='0' allowfullscreen> <a href='https://www.youtube.com/watch?v=dfw-aifD5qg'></a>Recipe Icon</iframe> </p> Blender Constraints http://jimmac.musichall.cz/blog/2017-03-20-blender-constraints/ 2017-03-20T10:00:00Z 2017-04-03T01:09:31+02:00 Article Author <p>Last time I wrote about <a href="/blog/2017-01-25-artistic-constraints/">artistic constraints</a> being useful to remain focus and be able to push yourself to the max. In the near future I plan to dive into the new contstraint based layout of gtk4, <a href="https://www.bassi.io/tag/gtk/">Emeus</a>. Today I&rsquo;ll briefly touch on another type of constraint, the <a href="http://blender.org">Blender</a> object constraint!</p> <p>So what are they and how are they useful in the context of a GNOME designer? We make quite a few prototypes and one of the things to decide whether a behavior is clear and comprehensible is motion design, particularly transitions. And while we do not use tools directly linked to out stack, it helps to build simple rigs to lower the manual labor required to make sometimes similar motion designs and limit the number of mistakes that can be done. Even simple animations usually consist of many keyframes (defined, non-computed states in time). Defining relationships between objects and createing setups, &ldquo;rigs&rdquo;, is a way to create of a sort of working model of the object we are trying to mock up.</p> <p class='image full'> <img alt='Blender Constraints' src='/log/index/index/blender-constraints.png'> <small>Blender Constraints</small> </p> <p>Constraints in Blender allow to define certain behaviors of objects in relation to others. Constraints allow you to limit movement of an object to specific ranges (a scrollbar not being able to be dragged outside of its gutter), or to convert certain motion of an object to a different transformation of another (a slider adjusting a horizon of an image, ie. rotating it). </p> <p>The simplest method of defining relation is through a hierarchy. An object can become a parent of another, and thus all children will inherit movements/transforms of a parent. However there are cases — like interactions of a cursor with other objects — where this relationship is only temporary. Again, constraints help here, in particular the <em>copy location</em> constraint. This is because you can define the influence strength of a constraint. Like everything in Blender, this can also be keyframed, so at some point you can follow the cursor and later disengage this tight relationship. Btw if you ever though you can manualy keyframe two animations manually so they do not <em>slide</em>, think again.</p> <p class='image full'> <img alt='Inverse transform in Blender' src='/log/index/index/blender-constraints.gif'> <small>Inverse transform in Blender</small> </p> <p>The GIF screencasts have been created using Peek, which is <a href="http://flatpak.uploadedlobster.com/peek-stable.flatpakref">available to download</a> as a <a href="http://flatpak.org/apps.html">flatpak</a>.</p> <p class='image full'> <img alt='Peek, a GIF screencasting app.' src='/log/index/index/peek.png'> <small>Peek, a GIF screencasting app.</small> </p> Artistic Constraints http://jimmac.musichall.cz/blog/2017-01-25-artistic-constraints/ 2017-01-25T10:14:00Z 2017-04-03T01:14:18+02:00 Article Author <p>I have moved most of the sharing with the world to the walled gardens of Facebook, Google+ and others because of their convenience, but for an old fart like me it&rsquo;s way more appropriate to do it the old way. So the thing to share today is quite topical. Mark Ferrari (of Lucasarts fame) shares his experience with 8bit art and the creative constraint. There isn&rsquo;t as much gold in what he says as much as the art he shares that he made over the years that flourished in those constraints.</p> <p> <iframe width='100%' height='500' src='https://www.youtube.com/embed/aMcJ1Jvtef0' frameborder='0' allowfullscreen> <a href='https://www.youtube.com/watch?v=aMcJ1Jvtef0'></a>8 Bit Constraints</iframe> </p> <p>Mark is clearly a master in lighting and none of this trickery would have any appeal if he wasn&rsquo;t so great in mixing the secondary lights so well, but check out these <a href="http://effectgames.com/demos/canvascycle/">amazing color cycling demos</a>.</p> <div class="row"> <p class='image 6u'> <img alt='Actual image I found explaining how I anti-aliased in GIMP. Cca 2002.' src='/log/index/index/brushes.png'> <small>Actual image I found explaining how I anti-aliased in GIMP. Cca 2002.</small> </p> <p class='image 6u'> <img alt='As far as I ever got with 8bit animation.' src='/log/index/index/shuttle.gif'> <small>As far as I ever got with 8bit animation.</small> </p> </div> Year of the Linux Desktop http://jimmac.musichall.cz/blog/2016-05-23-year-of-the-linux-desktop/ 2016-05-23T10:32:00Z 2016-06-17T21:07:53+02:00 Article Author <p>As some of you already know, <em>xdg-app</em> project is dead. The Swedish conspiracy members tell me it&rsquo;s a good thing and should turn your attention to project <a href="http://flatpak.org">Flatpak</a>.</p> <p class="row"><a class="12u" href="http://flatpak.org"><img alt="" class="full image" src="/blog/2016-05-23-year-of-the-linux-desktop/index/flatpak.svg"></a></p> <p><a href="http://flatpak.org">Flatpak</a> aims to solve the painful problem of the Linux distribution — the fact that the OS is intertwined with the applications. It is a pain to decouple the two to be able to </p> <ul> <li>Keep a particular version of an app around, regardless of OS updates. Or vice versa, be able to run an uptodate application on an older OS.</li> <li>Allow application authors distribute binaries they built themselves. Binaries they can support and accept useful bug reports for. Binaries they can keep updated.</li> </ul> <p>But enough of the useful info, you can read all about the project on the <a href="http://flatpak.org">new website</a>. Instead, here comes the irrelevant tidbits that I find interesting to share myself. The new website has been built with <a href="https://middlemanapp.com/">Middleman</a>, because that&rsquo;s what I&rsquo;ve been familiar with and worked for me in other projects.</p> <p>It&rsquo;s nice to have a static site that is maintainable and easy to update over time. Using something like <em>Middleman</em> allows to do things like embedding an SVG inside a simple <em>markdown</em> page and animate it with <em>CSS</em>.</p> <pre><code>=partial &quot;graph.svg&quot; :css @keyframes spin { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(359deg); } } #cog { animation: spin 6s infinite normal linear forwards; } </code></pre> <p>See it <a href="http://flatpak.org/developer.html">in action</a>.</p> <p>The resulting page has the SVG embedded to allow text copy &amp; pasting and page linking, while keeping the SVG as a separate asset allows easy edits in <a href="inkscape.org">Inkscape</a>.</p> <p>What I found really refreshing is seeing so much outside involvement on the website despite ever publicising it. Even during developing the site as my personal project I would get kind pull requests and bug reports on <a href="https://github.com/flatpak/flatpak.github.io">github</a>. Thanks to all the kind souls out there. While not forgetting about future proofing our infrastructure, we should probably not forget the barrier to entry and making use of well established infrastructures like github.</p> <p>Also, there is <a href="http://ftp.acc.umu.se/conspiracy/">no Swedish conspiracy</a>. Oh and Flatpak packages are almost <a href="source/blog/2016-05-24-painful-pathbar-prototype.html.markdown">ready to go for Fedora</a>.</p>