<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Suzanne Xie on Medium]]></title>
        <description><![CDATA[Stories by Suzanne Xie on Medium]]></description>
        <link>https://medium.com/@suzannexie?source=rss-e1d67806d54e------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*QxqjeedTHTlLonBVxksy2Q.png</url>
            <title>Stories by Suzanne Xie on Medium</title>
            <link>https://medium.com/@suzannexie?source=rss-e1d67806d54e------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 14 Nov 2026 13:12:43 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@suzannexie/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[Lightwell Team is Joining Twitter]]></title>
            <link>https://medium.com/lightwell-pro/lightwell-team-is-joining-twitter-87d88aef85f1?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/87d88aef85f1</guid>
            <category><![CDATA[team]]></category>
            <category><![CDATA[acquisition]]></category>
            <category><![CDATA[tools]]></category>
            <category><![CDATA[startup]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Tue, 20 Aug 2019 18:17:44 GMT</pubDate>
            <atom:updated>2019-08-20T18:17:44.690Z</atom:updated>
            <content:encoded><![CDATA[<p><em>Company news and what’s next for us </em>🙌🔮</p><p>We’re excited to share some BIG news for the Lightwell team! The team is joining Twitter to help work on the Conversations initiative. We have been long time passionate users of the product and after spending more time with the Twitter team, are incredibly energized to bring our experiences to further the broader mission of serving the public conversation.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*BymHGaCF6ElYhkD7Fz_mmA.png" /></figure><p>Our team is so grateful for all your support as Lightwell creators over the years — it’s been an amazing ride. We could not have made it this far without our users, customers, investors, friends, and family. With your help, we built Lightwell into one of the most powerful design-to-production tools for mobile development.</p><p>We’re very happy to say that starting today: Lightwell is <strong>FREE</strong> to download and use!</p><h4>What does this mean?</h4><ul><li>You won’t need to login or have an account to use the tool, which means that you can layout, animate, prototype, and export to iOS without a subscription.</li><li>All apps built with Lightwell will be completely unaffected. Any apps on the App Store can continue to be distributed without any change or updates. Any app currently being built can continue to be developed.</li><li>We will no longer be actively supporting the tool or adding new features, but please continue to enjoy the power of design-to-development on iOS!</li></ul><p>We have loved every minute of working on Lightwell, and hope that it helped you express your creativity on the mobile medium!</p><p>Love,</p><p>Team Lightwell 💕✨</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=87d88aef85f1" width="1" height="1" alt=""><hr><p><a href="https://medium.com/lightwell-pro/lightwell-team-is-joining-twitter-87d88aef85f1">Lightwell Team is Joining Twitter</a> was originally published in <a href="https://medium.com/lightwell-pro">Lightwell Pro</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Design Tool, Meet Developer SDK]]></title>
            <link>https://medium.com/lightwell-pro/design-tool-meet-developer-sdk-82722c589731?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/82722c589731</guid>
            <category><![CDATA[developer-tools]]></category>
            <category><![CDATA[mobile-app-development]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[prototyping]]></category>
            <category><![CDATA[development]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Fri, 05 Apr 2019 16:18:36 GMT</pubDate>
            <atom:updated>2019-04-24T19:38:22.832Z</atom:updated>
            <content:encoded><![CDATA[<p><em>Spring roundup: new releases, features, and company news</em> 🌸✨</p><p>We’re excited to announce a brand new Lightwell for professional mobile design and development!</p><p>This means that we’re focused solely on making Lightwell the best tool for designers to build high fidelity mobile prototypes that developers can implement with a few lines of code.</p><h4>True designer-to-developer handoff 🎨📲</h4><p>A visual tool for designers to prototype everything from layouts to animations. A native SDK for developers to access all design as native iOS elements.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*sxReBLgrtFkb5kAfINMJ3g@2x.png" /></figure><h3>A Few New Things</h3><p>To better streamline the designer to developer workflow, there are a few things that we’ve released as beta features.</p><h4>1:1 Design Import</h4><p>We’ve been adding support for design files from Sketch and Figma in addition to Photoshop. This includes importing combined shapes, shadows, blurs, fills, and masks.</p><p>Just click on the ‘Import’ icon and select the Sketch file that you’d like to start with. For Figma, use the unique file key as described in <a href="http://support.lightwell.pro/learn-lightwell/importing-and-exporting/figma-import-beta">this</a> article. Each artboard imports as a separate screen in Lightwell.</p><p>Here’s an example of a food ordering app built in Lightwell from design to code. <a href="http://support.lightwell.pro/download-sample-apps/food-ordering-app-sheik-shack">Download the Sketch source file, Lightwell File, and Xcode file here to try for yourself</a>!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/640/1*2FBYG0AI4OKSssWEgvcVHQ.gif" /><figcaption>Importing mobile designs from Sketch into Lightwell 🍔</figcaption></figure><h4>Dynamic Layouts</h4><p>Designing for multiple devices and screen sizes is quick and easy with dynamic layouts. You can make your entire screen layout responsive with just a few clicks.</p><p>Under Layer Controls, each layer has a layout section that lets you create a set of <strong>constraints</strong> to calculate the position and size of all the views in the screen. Each layer can be pinned to the screen or to a parent layer.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/228/1*GCa5xTtEkbCUbcnIvyTN9A.gif" /><figcaption>Layout Constraints in Layer Controls 🔝</figcaption></figure><p>All the dynamic layouts you set up on your layers will automatically be exported with your layers properties for developer handoff. This means that developers don’t need to programmatically create Auto Layout Constraints in Xcode anymore. 👍</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2Fvideoseries%3Flist%3DPLZ3keFrIPvH_yQIBu-kQb_Bhsw0ivQQba&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DgR0AJ9jXMpE&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FgR0AJ9jXMpE%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/d89813def51cf9493cef4528327a243a/href">https://medium.com/media/d89813def51cf9493cef4528327a243a/href</a></iframe><h4>Animation Spring Timing</h4><p>Animations take a curve that describe the type of animation. You can use pre-defined curves like ‘linear’ or ‘ease-in’, custom bezier curves and now, spring animations! Just in time for spring! 😉</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/228/1*OeHJX1sQjBUR-pwuRWghiw.gif" /><figcaption>Timing curve in Animation Controls 💓</figcaption></figure><p>A timing curve gives you control over the velocity at which layers animate over the duration of the animation. However it’s almost impossible to simulate a realistic elastic spring-like animation with basic timing functions.</p><p>The new ‘Spring’ timing lets you implement a realistic spring-like animation, that the SDK translates into animations using CAMediaTimingFunction. For fun, <a href="https://netcetera.org/camtf-playground.html">this</a> is what our developers <em>used to use</em> to manually code timing curves. 👀</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/375/1*O3G9acx0ur_levKLAI-pqA.gif" /></figure><h4>Lightwell SDK</h4><p>The Lightwell SDK provides programmatic access to designs created in the Lightwell editor. After setting up a project in Lightwell, you can click on the ‘Export’ icon on the top right of the window to get:</p><ul><li>Folders of *<strong><em>Assets</em></strong>* (all sliced images, screen data, etc.)</li><li>The *<strong><em>LightwellKit</em></strong>* framework</li></ul><p>This asset package includes layers, layouts, and animations as assets that a developer can access and use in a completely new or preexisting iOS app.</p><p>Here are some <a href="https://lightwell.pro/docs/Usage.html">examples of how you can use the SDK in an app</a>. ⬇️</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*rZC3F_P1wqbyMrMc-SCKIg.png" /></figure><p>You’ll also notice that we’ve updated our version numbers, so all of our previous versions will be rebased to “0.x” as we work towards our launch of Lightwell v1.0 this year.</p><p>Make sure to update to <a href="https://lightwell.pro/">Lightwell</a>: <strong>Version 0.6</strong>. If you don’t see an automatic update reminder, you can “Check for Updates” in your main menu.</p><p>—</p><p><a href="https://lightwell.pro/account/welcome/">Download Lightwell for Mac OS X</a><br><a href="https://itunes.apple.com/us/app/lightwell-previewer/id1202446484?mt=8">Download the Lightwell Previewer for iOS</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=82722c589731" width="1" height="1" alt=""><hr><p><a href="https://medium.com/lightwell-pro/design-tool-meet-developer-sdk-82722c589731">Design Tool, Meet Developer SDK</a> was originally published in <a href="https://medium.com/lightwell-pro">Lightwell Pro</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Sketch & Figma Import, Screen Transitions, and Scroll  Views]]></title>
            <link>https://medium.com/lightwell-pro/sketch-figma-import-screen-transitions-and-scroll-views-d064e1008900?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/d064e1008900</guid>
            <category><![CDATA[tools]]></category>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[prototyping]]></category>
            <category><![CDATA[mobile-app-development]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Mon, 11 Mar 2019 14:10:02 GMT</pubDate>
            <atom:updated>2019-03-30T20:26:37.414Z</atom:updated>
            <content:encoded><![CDATA[<h3>Sketch &amp; Figma Import, Screen Transitions, and Scroll Views</h3><p><em>#LightwellinAction is a monthly roundup of the newest features </em>🥳</p><p>It’s been a busy quarter for the team at Lightwell, and we’re excited to dive into some of the latest features with you! In our <a href="https://medium.com/lightwell-pro/portrait-mode-actions-and-a-new-look-for-lightwell-9c0f1c312459">last post</a>, we talked about our vision to enable a more streamlined workflow for designers and developers building amazing mobile experiences.</p><p>The first step in doing that is supporting design file import and making that experience as butter smooth as possible, so without further ado…</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cVMNGVuzVkHVJ5bZdtTr8Q@2x.png" /></figure><h3>Sketch &amp; Figma Import (Beta)</h3><p>Today, we’re releasing a fast and easy way to import your designs from Sketch and <a href="http://support.lightwell.pro/learn-how-to-use-lightwell/importing-and-exporting/figma-import-beta">Figma</a>. All your beautiful designs are now only a couple clicks away to building them into Lightwell.*</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/640/1*hS04LtmS9D1KTIUynUwmkQ.gif" /><figcaption>Sketch and Figma import in Lightwell ⬇</figcaption></figure><p>*Both file imports support custom vectors, combined shapes, gradients, shadows, blurs, nested symbols and overrides. All things vector-related are supported. Custom text fonts and components coming soon!</p><h3>Screen Transitions</h3><p>Adding screen transitions is now as easy as adding an animation to a layer. In your Actions section, you can select “Transition” and choose from Slide, Push, and Fade transitions between screens.</p><p>Each transition can be further customized with direction, time duration, and timing curves. With this in place, designers can create powerful screen transitions effortlessly.👌</p><p>If you want to see for yourself, download the included Sample Project and <a href="https://twitter.com/Lightwellpro/status/1101972565256556544">check out</a> how we set up a screen transition that fades right into a new screen animation on load.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/940/1*Ai7nh-imR2bwdMxZoazTiQ.png" /></figure><h3>Scroll Views ↔️↕️</h3><p>Scroll views is a feature in Lightwell that allows you to, well, scroll. Using your settings correctly, you can make it scroll in any direction you want.</p><p>Once you know what layers you want to be scrollable, you can create a scroll in two simple steps:</p><ol><li>Group layers that you want in your scroll view ✔️</li><li>Check ‘Make Scroll Area’ in your Layer Controls ✔️</li></ol><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*hVyzBJAWiBgB-7NDCSWuJg.gif" /></figure><p>That’s it! To make your scroll content behave the way you want, you can edit the scroll area to the right of your canvas.</p><p>A couple of things that are already built in: Overdrag (when you can drag the scroll’s content too farther than the boundary) and Bounce (a bounciness that automatically brings your content back to the original position).</p><h3>Linear Path Animation</h3><p>Animations have always been one of the powerhouse features in Lightwell. They are especially useful when creating micro-interactions and high fidelity animations on a particular layer instead of just screen-to-screen animations.</p><p>With the latest release, you can create position animations as linear or curved paths right on your canvas. Each keyframe has control point handles to change the curvature path of each animation.</p><p>💡 Double clicking on the keyframe control points switch between curve handles and linear path animations.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/640/1*UOxOwbYhs_OoYWjc_WjgDQ.gif" /><figcaption>Setting linear path animations with a🖱 click</figcaption></figure><h4>What’s Next</h4><p>We have even more exciting news for you in the coming weeks! *ahem ahem* Developer access to designs via SDK, anyone? Be the first one to hear about new features and updates by following us on twitter <a href="https://twitter.com/lightwellpro">@lightwellpro</a>!🐤</p><p>We can’t wait to see the amazing things you build, and help you bring your ideas to life on mobile. If you have any questions or run into any issues when using Lightwell, please let us know! We’d love to hear from you. 💌</p><p>Make sure to update to the newest version of <a href="https://lightwell.pro/">Lightwell</a>: <strong>Version 5.5</strong>. If you don’t see an automatic update reminder, you can always “Check for Updates” in your main menu.</p><p>Until next time Lightwellers! Happy Creating! ✨</p><p>—</p><p><a href="https://lightwell.pro/account/welcome/">Download Lightwell for Mac OS X</a><br><a href="https://itunes.apple.com/us/app/lightwell-previewer/id1202446484?mt=8">Download the Lightwell Previewer for iOS</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=d064e1008900" width="1" height="1" alt=""><hr><p><a href="https://medium.com/lightwell-pro/sketch-figma-import-screen-transitions-and-scroll-views-d064e1008900">Sketch &amp; Figma Import, Screen Transitions, and Scroll  Views</a> was originally published in <a href="https://medium.com/lightwell-pro">Lightwell Pro</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[University of Lethbridge Students Build Educational Apps with Lightwell]]></title>
            <link>https://medium.com/lightwell-pro/university-of-lethbridge-students-build-educational-apps-for-kids-17ebef933328?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/17ebef933328</guid>
            <category><![CDATA[prototyping]]></category>
            <category><![CDATA[ios-app-development]]></category>
            <category><![CDATA[tools]]></category>
            <category><![CDATA[design-thinking]]></category>
            <category><![CDATA[education]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Tue, 22 Jan 2019 20:02:08 GMT</pubDate>
            <atom:updated>2019-01-30T22:12:49.278Z</atom:updated>
            <content:encoded><![CDATA[<h3>University of Lethbridge Students Build Educational Apps for Kids</h3><p>Learn how University of Lethbridge created a cross-disciplinary course for students to build educational apps for children.</p><p><em>Part of our #SpotlightSeries In </em><a href="https://lightwell.pro/education/"><em>Lightwell Education</em></a> 🎒<strong>👩‍🏫 </strong>💻 🍏</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*y00N43YxDPEK2RdNncbrbg@2x.png" /></figure><p>With <a href="https://lightwell.pro/">Lightwell</a>’s background in children’s media (via <a href="https://hullabalu.com/">The Adventures of Pan</a>), University of Lethbridge’s (ULETH) educators approached Lightwell with an idea to create a new course about Creating Children’s Media. They were looking for a tool that made app creation and the handoff process easier for a team to collaborate with. The new course gave students an opportunity to work together in mini product pods, similar to app development in professional settings.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*_v6VFP8RwZkZzq90-0hQhA.jpeg" /></figure><p>This cross-disciplinary approach consisted of New Media, Computing Science, Digital Audio Arts and Education majors working together to build an educational app for K-12 classroom. Professor Steed and Harper-Brown wanted their students to implement <strong>design thinking principles</strong> to build their app.</p><blockquote>This course will involve brainstorming, designing instructional and technical aspects of the app, developing a prototype, and field testing with representatives of the target audience.</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Xl69y7Eva2-NbNle5miqJQ.jpeg" /></figure><p>Both Professor Steed and Harper-Brown modeled the course to create a finished app in 12 classes. During the development process, the University partnered with local elementary schools for teams to conduct user experience and get feedback from their target audience — kids!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/1*rBFL_EuVSMIxh237QZpFHA.jpeg" /></figure><blockquote>“Lightwell provided our students a user-friendly way of developing educational apps. This was a great tool because our students were not required to learn an involved programming language but were still successful in developing simple apps. It was a perfect match with our course. The University students took their apps out to 3 local elementary schools for field testing and the elementary students were quite engaged with those apps. It was interesting that a couple of the school teachers expressed interest in having their elementary students develop Lightwell apps.” — Professor Marlo Steed</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/912/1*wPis60HTHMEGIQLfDw3H4g.jpeg" /><figcaption>Example Screens from Mike Mountain Horse App</figcaption></figure><p>For more information, Explore the <a href="http://ed4769childrenapp.weebly.com/"><strong>course outline</strong></a> created by Professor Steed and Harper-Brown.</p><p><em>Questions about Lightwell in Education? Email us at teachers@lightwell.pro or </em><a href="https://lightwell.pro/education/"><em>visit us here</em></a><em>!</em></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=17ebef933328" width="1" height="1" alt=""><hr><p><a href="https://medium.com/lightwell-pro/university-of-lethbridge-students-build-educational-apps-for-kids-17ebef933328">University of Lethbridge Students Build Educational Apps with Lightwell</a> was originally published in <a href="https://medium.com/lightwell-pro">Lightwell Pro</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Portrait Mode, Actions, and a new look for Lightwell]]></title>
            <link>https://medium.com/lightwell-pro/portrait-mode-actions-and-a-new-look-for-lightwell-9c0f1c312459?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/9c0f1c312459</guid>
            <category><![CDATA[prototyping]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[development]]></category>
            <category><![CDATA[tools]]></category>
            <category><![CDATA[software]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Wed, 09 Jan 2019 16:26:00 GMT</pubDate>
            <atom:updated>2019-01-10T20:10:21.250Z</atom:updated>
            <content:encoded><![CDATA[<p><em>#LightwellinAction is a monthly roundup of the latest features </em>🥳</p><p>A year ago, we released Lightwell with a distinct goal in mind: to give creatives more control over their finished products. In a perfect world, design elements would translate directly to production-ready outputs. Developers would be able to build on top of designs and prototypes. Streamlining the production handoff from creatives to developers (or removing it completely) was the unexplored frontier in creative software. The tool to accomplish this was missing. For this reason, we approached Lightwell as a production tool first and a design tool second.</p><p>Today, we are much closer to achieving true production handoff. The release of <a href="https://medium.com/lightwell-pro/build-logic-with-lightwell-5-0-1ab86730c663">Lightwell 5.0</a> introduced visual programming and enabled creators to add working logic in their apps without previous knowledge of code. The line between <em>designing</em> an idea and <em>building</em> a product is disappearing.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FTL5kUOAI8mc%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DTL5kUOAI8mc&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FTL5kUOAI8mc%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/a00a00b5ebb32072b9ee3583324e219f/href">https://medium.com/media/a00a00b5ebb32072b9ee3583324e219f/href</a></iframe><p>In the newest version of Lightwell, we improve on the new visual programming interface as well as introduce some familiar design features. Without further ado, here’s Lightwell Version 5.2!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*q88gVB1EcGd4uq6Rc8_7MQ@2x.png" /></figure><h3>New &amp; Improved Editor Interface</h3><p>The first thing you will notice in the new Lightwell UI is that your panels are on both sides of the canvas instead of stacked vertically on the left. This change was made to improve the usability of both your Element Panels (on the left) and Control Panels (now on the right). For creators with complex scenes containing many Layers, Actions, and Interactions, the additional space will feel more intuitive.</p><p>Both panels have also been completely redesigned to improve readability and speed up the workflow. Some highlights include: inline alignment settings, direct asset links, device-specific positions, and interaction alerts on layers and actions. Panel sections are also collapsible, so the only information on screen is the information you actually need.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/908/1*hNBQRndtESQ97yW78tUzWg.gif" /><figcaption>Element Panels: Layers, Actions, Interactions</figcaption></figure><h3>Get in on the Action</h3><p>As part of the interface update, we wanted to make it as easy as possible for designers to get started creating in Lightwell. To achieve this, we simplified our menus to only high-level elements.</p><p>For those of you already familiar with how Animations and Audio work, it won’t surprise you that we combined them into a new section called Actions.</p><h4>Actions 🎬 🔈</h4><p>For Lightwell first-timers, Actions are distinct effects that can be triggered (and reused) on a screen. In other words, all <em>Animations</em> and <em>Audio</em> (including music, sound effects, and dialogue) are <em>Actions</em>.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/908/1*Uc_BdYZg3_5g2zXajEXvVQ.gif" /><figcaption>Adding Actions: Animations and Audio</figcaption></figure><p>These Actions are standalone effects that happen, but can <strong>only</strong> happen when you trigger them in <em>Interactions</em>. You can use any of the 9️ triggers to “Play” an Action, and Actions can be tied to as many triggers as you like.</p><h3>Portrait Mode</h3><p>From day one, creators have asked us for portrait mode support in their app development process. We heard you and we’re happy to announce that it’s finally here! When you create a new screen in the App Overview, you have the option to choose screen orientation. You also have the ability to edit the current orientation of your existing screens when you hover over screen thumbnails. Want your menu screen in portrait mode but the rest of your app in landscape mode? Done!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*JIAYaL-Y7C29jsrRrxz2Qw.png" /></figure><p>It’s also easy to preview screens in portrait mode for both iPhone and iPad apps. No matter what orientation, your options are a click away.</p><h3>Zoom, Swoosh 🔍👟</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*glXzbXXXsyLzVMwYG8XDrQ.png" /></figure><p>The canvas now supports zooming and panning.</p><p>By default, Lightwell canvas functions use Multi-Touch gestures on your Mac. What does that mean for you, as a designer with <em>at least</em> two fingers*?</p><p>🤟<strong>Zoom</strong>: Pinch with two fingers to zoom in or out.</p><p>✌️<strong>Pan</strong>: Swipe in any direction with two fingers to pan around.</p><p>*If you only have one finger, you can click the ➖/➕ to zoom.</p><h3>Contextual Interactions</h3><p>One of our primary goals has always been to make Lightwell fast and intuitive for creatives to build production-ready interactive experiences. With the launch of visual programming in Interactions, we enabled designers to build working logic in their products without touching a line of code. 💪</p><blockquote>This interface allows designers to flex muscles both as visual thinkers and systems thinkers.</blockquote><p>In this Lightwell version, we aimed to strike a better balance between simplicity and power in the interface. The ability to program with logic flows provides power to the designer and the visual canvas gives them context and ease-of-use. This interface allows designers to flex muscles both as visual thinkers and systems thinkers.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/900/1*rcpc-L4NEHJO9GxrTeM28w.gif" /><figcaption>Contextual Interactions with canvas view</figcaption></figure><p>Now you can view triggered layers on your canvas as you add interaction logic. It’s important to see the effects of your effects! 🤳</p><h4>Wait Timer</h4><p>With the new logic interface also comes new logic capabilities. Along with Play, Go To, and Set, we’ve added a “Wait” timer in Interactions. This lets you add an <em>x</em> second pause between effects. ⏱️</p><h3>Coming Soon</h3><p>The improvements we’ve been making to Lightwell are the tip of the iceberg. Digital products and experiences in our world are changing at lightning speed and our goal is to accelerate that pace.</p><p>For the creators who want to build native apps from end-to-end, Lightwell currently exports their designs to self-contained Xcode projects. But what about the creators who hand off their designs to developers? We’ll soon be releasing a native API that loads full screens, including assets, layouts, actions and logic — with a few lines of code. This design-to-development handoff will enable true “production prototyping” and streamline the creative workflow for all native experiences.</p><p>We’re excited to hear what you think of the latest features and even more excited for what’s coming.</p><p>Make sure to update to the newest version of <a href="https://lightwell.pro/">Lightwell</a>: <strong>Version 5.2</strong>. If you don’t see an automatic update reminder, you can always “Check for Updates” in your main menu.</p><p>Until next time Lightwellers! Happy Creating! ✨</p><p>—</p><p><a href="https://lightwell.pro/account/welcome/">Download Lightwell for Mac OS X</a><br><a href="https://itunes.apple.com/us/app/lightwell-previewer/id1202446484?mt=8">Download the Lightwell Previewer app for iOS</a></p><p>—</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=9c0f1c312459" width="1" height="1" alt=""><hr><p><a href="https://medium.com/lightwell-pro/portrait-mode-actions-and-a-new-look-for-lightwell-9c0f1c312459">Portrait Mode, Actions, and a new look for Lightwell</a> was originally published in <a href="https://medium.com/lightwell-pro">Lightwell Pro</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Shapes, Animations and Audio in Lightwell]]></title>
            <link>https://medium.com/lightwell-pro/shapes-animations-and-audio-in-lightwell-11916a95705b?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/11916a95705b</guid>
            <category><![CDATA[illustration]]></category>
            <category><![CDATA[mobile-app-development]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[animation]]></category>
            <category><![CDATA[tools]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Wed, 12 Sep 2018 15:18:04 GMT</pubDate>
            <atom:updated>2019-03-09T02:57:18.588Z</atom:updated>
            <content:encoded><![CDATA[<p><em>#LightwellinAction highlights our newest features monthly </em>🥳</p><p>It’s been a busy month with updates released every week! Since <a href="https://medium.com/lightwell-pro/hello-lightwell-4-0-c62d49a2331e">our last update</a> (which introduced Chromebook compatibility, Editor previewing, a new Warning System, and more ⚡), we’re excited to share a few new features up our sleeves.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*B2f_wAEI85qSwXZMLtHwOQ.png" /></figure><h3>New: Shapes</h3><p>Layers now support custom shapes and colors. This means you can add colored shapes to fill backgrounds (save on app file size!), which is a common optimization concern when creating image heavy apps like stories or games. Shapes also scale up and down without pixelation, so you can create a shape layer once and use it throughout your app.</p><blockquote>Artists can create and use shapes in Lightwell, knowing that it will make their finished apps more efficient and beautiful.📲</blockquote><p>The benefit of using Shape and Text Layers is that they have a minimal footprint on your final app size while Image Layers are dependent on the size of your image assets.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/866/1*qTX3TnOZOSgIZlpY-1lZ4w.png" /><figcaption>Adding Layers: Images, Text, Shapes</figcaption></figure><p>Artists can create and use shapes in Lightwell, knowing that it will make their finished apps more efficient and beautiful. 📲</p><p>Building support for our shape engine allowed us to replace the canvas layer outlines with dynamic shapes. This gave us a good testing ground for shapes, better control of the appearance, as well as the added benefit of improving overall performance of the canvas. Faster canvas speeds also makes connectivity to your iOS device smoother for previewing. Double 👍!</p><p><em>Pro Tip: You can drag images directly onto the canvas.</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/784/1*BbNAYXa-J-XqUkTPxvnZ4g.gif" /><figcaption>Drag-n-drop image files onto the canvas like you would in Photoshop or Sketch</figcaption></figure><h3>Creating Animations</h3><p>Introducing a new and easier way to create animations on the canvas. With Lightwell, you can edit keyframes for custom animations without leaving your scene.</p><blockquote>The new interface is 💯 for creating animations quickly and intuitively on your canvas, without needing to switch contexts.</blockquote><p>Here’s a rundown of the three new animation interfaces: Rotation, Opacity and Scale. Similar to Position animation, the keyframes and handles are directly on the canvas for you to edit.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/758/1*9a7NcV0sTBRxriazWydoaQ.gif" /><figcaption>Rotation animation</figcaption></figure><h4>Rotation</h4><p>We’ve added rotation handles right on your layers which makes creating rotation animation much easier. 😂<br>Start by picking an anchor point, then slide to a degree angle and see your layers rotate in real-time. 🔄</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/758/1*v-XytZDKxtts3iD9fv5rdw.gif" /><figcaption>Opacity animation</figcaption></figure><h4>Opacity</h4><p>Want to create transparency in your animations? So do we!The new opacity slider edits alpha values for multiple keyframes.</p><p>You get the granularity of selecting the exact opacity values while also seeing the visual effect on your layers.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/758/1*NBm88QNgrW1APLS4sGrbxg.gif" /><figcaption>Scale animation</figcaption></figure><h4>Scale</h4><p>With the scale animations, you can see how your layers scale in your scene. The new scale handles means no more guesswork needed (especially with multi-keyframe animations).</p><p>Note: The keyframe handle is the farthest corner from the layer’s anchor point.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/640/1*LH3uzJWeDAZPlxSqPXwWsg.gif" /></figure><h4>Editing Multiple Animations</h4><p>The animation manager can also display multiple animations at once, allowing ease of editing and timing.</p><p>The new interface is 💯 for creating animations quickly and intuitively on your canvas, without needing to switch contexts.</p><h3>Audio Events</h3><p>Lightwell now lets any audio event trigger animations, audio and navigation. This means your dialogue, music, and sound effects can lead to an infinite number of interactive possibilities!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*TY_xCrbplCr9eoETVFlURg.png" /></figure><p>Make sure to update to the newest version of <a href="https://lightwell.pro/">Lightwell</a>. If you don’t see an automatic update reminder, you can always “Check for Updates” in your main menu.</p><p>Until next time Lightwellers! Happy Creating! ✨</p><p>—</p><p><a href="https://lightwell.pro/account/welcome/">Download Lightwell for Mac OS X</a><br><a href="https://itunes.apple.com/us/app/lightwell-previewer/id1202446484?mt=8">Download the Lightwell Previewer app for iOS</a></p><p>—</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=11916a95705b" width="1" height="1" alt=""><hr><p><a href="https://medium.com/lightwell-pro/shapes-animations-and-audio-in-lightwell-11916a95705b">Shapes, Animations and Audio in Lightwell</a> was originally published in <a href="https://medium.com/lightwell-pro">Lightwell Pro</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Hello, Lightwell for Chromebook]]></title>
            <link>https://medium.com/lightwell-pro/hello-lightwell-4-0-c62d49a2331e?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/c62d49a2331e</guid>
            <category><![CDATA[artist]]></category>
            <category><![CDATA[software]]></category>
            <category><![CDATA[chromebook]]></category>
            <category><![CDATA[app-development]]></category>
            <category><![CDATA[tools]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Mon, 30 Jul 2018 14:46:43 GMT</pubDate>
            <atom:updated>2019-03-09T02:44:04.802Z</atom:updated>
            <content:encoded><![CDATA[<p><em>“These are the (An)droids you are looking for…”</em></p><p>When we released Lightwell last year, we set out to <a href="https://medium.com/lightwell-pro/introducing-lightwell-365287103ff5">empower creators to make interactive content without touching a single line of code</a>. The foundation of our mission was built on better creative tools — tools that could enable creatives to develop finished products, make their own apps and ultimately, take their work further.</p><p>The evolution of storytelling paired with the advancement of new hardware technologies will open up a new world of interactive content; one that will be powered by more accessible software tools and platforms. That’s why we’re excited to share what we’ve built these past few months.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*2nYVcNyOQhwkGx7IiW1Tzw.png" /></figure><h4><strong>Introducing a newer, faster and more accessible Lightwell </strong>😁</h4><p>Lightwell is now available on Chromebook!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*yFMJmFFKQnRm5VuS47IhhA.png" /><figcaption>Lightwell available for Chromebooks in the Google Play Store.</figcaption></figure><p><em>Cross Platform Creation</em></p><p>Lightwell was originally built for Mac OS because of our roots building the <a href="https://itunes.apple.com/us/app/the-complete-adventures-of-pan-books-1-7/id914189520?mt=8">Pan Series</a> as native interactive story apps for the Apple App Store. 🐼However as we’ve seen hardware preferences expand, it was important to build a tool that would be accessible for a wider community, from creative professionals to hobbyists to student creators.</p><p>This was a particularly fun technical challenge for our team and we’re one of the first to get Swift running on Android x86. The same codebase that drives Lightwell’s canvas and controls runs on on both Mac and Android, meaning cleaner code and faster deployment of new features. This also gets us one step closer to deployment on ARM and all Android systems next.</p><p><em>Ease of Extensibility</em></p><p>The other half of accessibility is the extensibility of our framework to publish to new platforms, allowing creators to reach wider audiences. This meant rebuilding our visual engine in order to give creators more fine-grain control of their content no matter where they publish to.</p><p>We migrated our core rendering pipeline over to OpenGL a few months back, and this is the proof of concept that our “HSK” Hullabalu Story Kit can plug in and publish to even more platforms. Here’s to a future where creators can build once in Lightwell’s visual tool, and export to any native mobile platform.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*5iKfQjPdPwGVjjv0T_kfYg.png" /><figcaption>Hullabalu Story Kit enables Lightwell Projects to be run on any platform.</figcaption></figure><h4><strong>What does this mean for creators?</strong></h4><ul><li><strong>Chromebook compatibility</strong> — Lightwell is now available on Chromebooks as an Android app download. Even the lightest machines can create the same beautiful, complex experiences that were previously only possible on a Mac. <a href="https://play.google.com/store/apps/details?id=com.hullabalu.Lightwell&amp;hl=en_US">Download it on Google Play</a>.👈</li><li><strong>Editor Previewing</strong> — We’ve added desktop previewing in the Editor so you no longer need a mobile device to test apps before publishing. Switching between ‘editing’ and ‘previewing’ states is super simple, and <em>even smoother</em> if your computer doubles as a tablet like many of the hybrid touch device machines out there. Feel free to ask yourself: What is a computer? What is a tablet? What is a week-end? 💻📲</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/480/1*IG8hkEHgN14jiVVC69W8Dw.gif" /></figure><ul><li><strong>Warning System</strong> — A warning system is now in place to help catch issues, fix broken links or remove unused assets. It’s an easy way to do creative “product debugging” on projects and make your app production-ready. Visual debugging beats code debugging any day of the week.👾</li><li><strong>Alignment</strong>—Layers can be aligned in all directions and distributed evenly with a simple selection. You’ll also see alignment lines appear as you edit and move layers on the Canvas. 📐</li><li><strong>Copy, Paste &amp; Auto Saving</strong> —You can now Command+C / V all of your layers, interactions, animations and audio across scenes in your project. Create something once, use it everywhere, and it’s automatically saved for future editing.✂️</li></ul><h4><em>Coming Soon</em></h4><p>This version is a big step towards empowering even more people to create interactive experiences. While we continue to develop support for more platforms, we’re also looking to expand the types of experiences and products that can be built in Lightwell. This includes enabling interaction logic and variables in an intuitive visual interface. More to come on this!</p><p>We’re grateful to the many customers and creators that have helped us understand your creation process, and look forward to continuing to build Lightwell for you! 🙌</p><p>Make sure to update to the newest version of <a href="https://lightwell.pro/">Lightwell</a>. If you don’t see an automatic update reminder, you can always “Check for Updates” in your main menu.</p><p>Until next time Lightwellers! Happy Creating! ✨</p><p>—</p><p><a href="https://lightwell.pro/account/welcome/">Download Lightwell for Mac OS X</a><br><a href="https://itunes.apple.com/us/app/lightwell-previewer/id1202446484?mt=8">Download the Lightwell Previewer app for iOS</a></p><p>—</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=c62d49a2331e" width="1" height="1" alt=""><hr><p><a href="https://medium.com/lightwell-pro/hello-lightwell-4-0-c62d49a2331e">Hello, Lightwell for Chromebook</a> was originally published in <a href="https://medium.com/lightwell-pro">Lightwell Pro</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[The Lightwell Artist Fellowship]]></title>
            <link>https://medium.com/lightwell-pro/the-lightwell-artist-fellowship-b601ea4a099a?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/b601ea4a099a</guid>
            <category><![CDATA[startup]]></category>
            <category><![CDATA[art]]></category>
            <category><![CDATA[software]]></category>
            <category><![CDATA[app-development]]></category>
            <category><![CDATA[creative]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Thu, 27 Jul 2017 18:18:45 GMT</pubDate>
            <atom:updated>2019-01-08T03:50:34.573Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*av1z3-LfvCRSzUGt-Z_pQw.png" /></figure><p>We’re excited to announce a new beta program between artists and Lightwell: <strong>The Lightwell Artist Fellowship</strong>.</p><p>It’s something that we’ve wanted to do for a while, and we’re proud of the first group of artists we’re fortunate enough to work with: <a href="http://bartbrowne.com/">Bart</a>, <a href="http://www.livbargman.co.uk/">Liv</a>, <a href="http://meetapanesar.com/">Meeta</a>, <a href="http://www.gregkletsel.com/">Greg</a> and <a href="http://porucz.com/">Michelle</a>.</p><p>Each artist hails from a different walk of life (and world!) and has a unique story they want to tell.</p><h4>Why we care</h4><p><em>Our mission is to empower creators.</em> We’re doing that with tools that give them more ownership and independence in the content creation process. Initially, these tools were built to enable our in-house creative team, but we’re more excited than ever to put these powerful tools in the hands of a new generation of artists, designers, illustrators and storytellers.</p><blockquote>Sometimes, new mediums inspire new stories, and we can’t wait to collaborate with our first class of fellows to create theirs.</blockquote><h4>How it works</h4><p>Over the course of the next 6 weeks, we’ll work closely with five incredibly talented artists as their build their first ever app on the Lightwell platform.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*U2Wwu4j55gXvpdXGt_-Sbg.jpeg" /></figure><p>The Fellowship also includes weekly group video chats to review work, expert advice, access to Lightwell software and the product team behind it.</p><p>Keep an eye out for more to come!</p><p>Until next time, happy creating ✨💕<br>Team Lightwell</p><p>— <br><a href="https://lightwell.pro/account/signup">Download Lightwell for Mac OS X</a><br><a href="https://itunes.apple.com/us/app/lightwell-previewer/id1202446484?mt=8">Download the Lightwell Previewer app for iOS</a></p><p>— <br>Follow us!<br><a href="https://twitter.com/lightwellpro">Twitter</a> | <a href="https://www.instagram.com/lightwellpro/">Instagram</a> | <a href="https://www.facebook.com/lightwellpro">Facebook</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/35/1*iJ8oJV5e0eG-Id0qemgFQQ.gif" /></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=b601ea4a099a" width="1" height="1" alt=""><hr><p><a href="https://medium.com/lightwell-pro/the-lightwell-artist-fellowship-b601ea4a099a">The Lightwell Artist Fellowship</a> was originally published in <a href="https://medium.com/lightwell-pro">Lightwell Pro</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Introducing Lightwell…and the Future of Interactive App Creation]]></title>
            <link>https://medium.com/lightwell-pro/introducing-lightwell-365287103ff5?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/365287103ff5</guid>
            <category><![CDATA[apps]]></category>
            <category><![CDATA[design-tools]]></category>
            <category><![CDATA[software]]></category>
            <category><![CDATA[startup]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Thu, 04 May 2017 16:42:21 GMT</pubDate>
            <atom:updated>2019-03-09T02:52:24.410Z</atom:updated>
            <content:encoded><![CDATA[<p>“And the world’s gonna know your name<br>What’s your name, man?</p><p>Mister Locke-a-Lightwell<br>My name is Mister Locke-a-Lightwell<br>And there’s a million things I haven’t built<br>But it’s not too late, it’s not too late”<br>- <a href="https://www.youtube.com/watch?v=8VQJyKDIcks">Mister Locke-a-Lightwell</a></p><h4><strong>Meet Lightwell</strong></h4><p>When we released our <a href="https://itunes.apple.com/us/app/pan-book-1-the-fearless-beribolt/id648998642?mt=8">first story app</a> at Hullabalu 4 years ago, we set out to reimagine the future of storytelling. After years of building our own story apps, we’re releasing Lightwell, our most valuable IP.</p><p><a href="http://lightwell.pro/">Lightwell</a> is the first software that empowers creators to make fully interactive, animated mobile apps without writing a single line of code.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ch2ZQb1N-0rMPqL7Jfsa4g.jpeg" /><figcaption>Adding a swipe interaction to a scene in Lightwell with drag and drop.</figcaption></figure><p>It allows anyone to make interactive native iOS apps straight out of art assets (there’s even a handy Photoshop script to export your layers directly into Lightwell).</p><p>As with many tools that get built, the idea was inspired out of need.</p><p>Early on, creating for new mediums is inefficient and costly. When we first started making our Pan story apps, the timelines looked quite different than they do now. Without Lightwell, our first app took 9 months, and the second took 6 months. With Lightwell, the most recent app took 1 week to build.</p><p>For anyone who wants to make high-quality interactive apps like our award-winning Pan apps, now you can in Lightwell. You reduce time to ship interactive content from 4 months to 1 week AND you don’t have to write a line of code.</p><p>The process is not only faster, the product is leaner. Our initial story app was 23,252 lines of code. Building an app in Lightwell is now 19 lines of code (17 of which are Xcode boiler plate).</p><p>This is what code for an app looked like before Lightwell:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/700/1*UdTXCg5qA-76sLXy_GaPDA.gif" /></figure><p>An app built in Lightwell now looks like this:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*eAi5Vdi2G17ar1tPi7S8UA.png" /></figure><h4><strong>New Mediums, New Tools</strong></h4><p>We’re in a golden age of content creation. New platforms exist to empower writers, artists, and storytellers like never before. You can publish an article to thousands on Medium, make a meme on Giphy, build a site on Squarespace and accept payments that day with Stripe. Looking around the landscape, it’s easy to find an endless array of technology and tools for creators to share ideas on the web. The same cannot be said for mobile, yet.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FbxC8EJnIZhU%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DbxC8EJnIZhU&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FbxC8EJnIZhU%2Fhqdefault.jpg&amp;key=d04bfffea46d4aeda930ec88cc64b87c&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/c3249c95b81ed83af649b5577db2446a/href">https://medium.com/media/c3249c95b81ed83af649b5577db2446a/href</a></iframe><p>Creating apps with Lightwell accomplishes the unicorn trifecta of mobile development. We’ve reduced time to build, reduced cost to build, and improved overall quality. Without it, creators would spend the same amount of time that we did initially, building and iterating in lines of raw code rather than an intuitive visual GUI.</p><p>The interface we designed to create interactive content is wholly unique to Lightwell. You can create custom actions across layers, build sequential touch interactions, utilize device motion, and auto-sync audio to dialogue — all with simple controls instead of code.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/734/1*2PLwbd8bJTS77cb-FVDMBw.gif" /><figcaption>Creating a touch interaction tied to a custom animation “action” in Lightwell.</figcaption></figure><blockquote>First it becomes possible, then it becomes so cheap that anyone can do it… and that’s when it gets interesting. — <a href="https://medium.com/u/e96a7113dcad">Hilary Mason</a></blockquote><p>Software has been eating the world for some time. New tools and platforms make it easier to do things that were traditionally harder and more expensive. Technology drives these evolutions across industries, first in hardware and then in software. The iPhone hit the market 10 years ago; the iPad was introduced 7 years ago. Yet, we’re still skimming the surface of storytelling on mobile.</p><h4><strong>Distribution vs. Engagement</strong></h4><blockquote>In the world of storytelling, there have been two distinct stages of evolution: 1) distribution and 2) engagement.</blockquote><p>If we rewind back to the first story ever told, that 1-on-1 experience was likely very engaging. Inherently high touch, but low distribution. That’s why the first stage in the evolution of storytelling began — people built early technology to reach larger audiences more quickly and cheaply and increase distribution. The Gutenberg Revolution, Sholes typewriter and first websites were exciting advances towards the widespread distribution of content. However, focusing solely on dissemination dulled engagement with the content; and over time, storytelling became more passive, rather than active (or in this case, interactive).</p><p>That brings us to the second and current stage in the evolution of storytelling. This stage is focused on higher engagement, while maintaining wide distribution capabilities. We’re still in the first decade of interaction-enabling hardware, fueled by the prevalence of smartphones, touch tablets, VR headsets, and other connected devices. We expect more supporting software like Lightwell to follow.</p><h4><strong>What’s To Come</strong></h4><p>Lightwell is a natural extension of the framework we built internally to decouple code from content. It’s been a long time coming — the ability to fully separate content from code and deliver unlimited interactions or what we call “streaming interactive content on demand” (SICOD). We believe SICOD is going to fundamentally change how interactive content is built, delivered, and consumed.</p><p>Imagine being able to stream unlimited interactive content the way we currently stream video on Netflix. What about interacting with photos, videos and ads on our newsfeed instead of just passively scrolling through them?</p><p>It’s a bright future for the next generation of creators, and we believe powerful creative tools are the foundation for the interactive medium. Higher touch experiences are around the corner, ones that go deeper, are more interactive, and more responsive than their predecessors.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/690/1*HgC_90E2FfrXOoZkoRHLKQ.gif" /><figcaption>An early version of the software, used internally from Pan Book 3 onward.</figcaption></figure><h4><strong>Calling All Creators</strong></h4><p>After many months of building, testing, and creating, we’re releasing Lightwell for all creators. It’s the most powerful tool for interactive app creation, whether you’re an individual artist or a creative team. If you want to see for yourself, you can download Lightwell directly <a href="https://s3.amazonaws.com/lightwell/app/Lightwell.dmg">here</a>.</p><p>We’re seeking artists, designers, and storytellers to build the future of interactive content with us. In the words of Locke Lightwell, inventor extraordinaire: it’s not too late, it’s not too late. We believe it’s just right.</p><p><strong>You can get started here: </strong><a href="https://lightwell.pro/"><strong>lightwell.pro</strong></a><strong> :)</strong></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=365287103ff5" width="1" height="1" alt=""><hr><p><a href="https://medium.com/lightwell-pro/introducing-lightwell-365287103ff5">Introducing Lightwell…and the Future of Interactive App Creation</a> was originally published in <a href="https://medium.com/lightwell-pro">Lightwell Pro</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[The Hero’s Journey: Our 3-Year Adventure at Hullabalu]]></title>
            <link>https://medium.com/@suzannexie/the-heros-journey-our-3-year-adventure-at-hullabalu-e5b6b4c5924c?source=rss-e1d67806d54e------2</link>
            <guid isPermaLink="false">https://medium.com/p/e5b6b4c5924c</guid>
            <category><![CDATA[apps]]></category>
            <category><![CDATA[adventure]]></category>
            <category><![CDATA[startup]]></category>
            <category><![CDATA[storytelling]]></category>
            <category><![CDATA[cartoon]]></category>
            <dc:creator><![CDATA[Suzanne Xie]]></dc:creator>
            <pubDate>Mon, 06 Jun 2016 19:12:24 GMT</pubDate>
            <atom:updated>2018-09-01T04:57:38.276Z</atom:updated>
            <content:encoded><![CDATA[<p>Last week was an important milestone for our team at Hullabalu. Three years of work culminated in the release of “<a href="https://vimeo.com/168239930">Han Awakening</a>,” the seventh and final book in <a href="https://hullabalu.com/stories">The Adventures of Pan Series</a>.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*V2ZLGUh03lU5o-djrsVSaA.png" /><figcaption>The full Adventures of Pan app series from the Hullabalu Collection.</figcaption></figure><p><strong><em>Our guiding principles</em></strong></p><p>Completing the final book in the epic adventure of a fearless purple panda resulted from a team effort supported by illustrators, animators, engineers, writers, and team members who doubled as voice actors. The company was founded on the mission of ushering in a new era of storytelling, one that engages kids and enriches their development in new and delightful ways, and we are proud of the foundation we created.</p><p>We’re also humbly aware of the long-term nature of this vision. For us, it feels like the first inning of a new paradigm of kid’s engagement and interaction with the digital world. As we look to build the future, we rely on a primary relationship between content and technology.</p><p><strong><em>Story is King</em></strong></p><p>The first component of this relationship is the content. In the world of Hullabalu, our guiding light is the story. We wake up every day driven by a connection to our characters with a deeply-held respect for their challenges and emotional battles, understanding that kids learn and develop through these same emotional connections.</p><p>Creating this dynamic for children is exponentially more difficult today than at any other point in human history given the high velocity of information kids process and different methods through which they consume it. In a world of smartphones, tablets and augmented reality, the magic of storytelling must evolve with the way children engage with the world and our team of engineers and designers are leaders driving this evolution.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*1r6HxiOwuA2J36LrKug2gg.jpeg" /><figcaption>A lot can get done on a little couch.</figcaption></figure><p><strong><em>Engineering the Future</em></strong></p><p>With one adventure series released and a new anthology series underway, we have been thinking about new ways to push our technology further. Imagine new technology unlocking and animating 1000’s of years of one dimensional content and guiding the next generation of entertainment and education. This is a future that we believe is present and that our product team iterates relentlessly towards.</p><p>Internally we call our solution to this underlying technical challenge <em>Pegasus</em>, and it allows us to bring any story to life in weeks. Once created, kids don’t just read our stories, they touch and manipulate them. By observing their natural actions, we improve and update our stories in real time. We have already collected billions of engagement data points from kids playing with just Pan. Imagine the vast well of engagement knowledge as stories powered by Hullabalu grow by an order of magnitude.</p><p><strong><em>What’s Next</em></strong></p><p>At Hullabalu, we’re incredibly excited to sit at the apex of content creation and consumption. Our next few years are focused on bringing the scalability of what we’ve built to the entire publishing industry and enabling a much broader movement <a href="https://hullabalu.com/beta">to take hold</a>.</p><p>We also remain steadfastly committed to our original content and stories and can’t wait to bring you more experiences from the Pan family. This is a bright time for lovers of people and their stories, and it’s about to get much brighter!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/720/1*Bv5mHySDU0RX-mEcV2VJHg.jpeg" /><figcaption>Our three heroes on their journey. Also, the painting currently hanging in our office living room.</figcaption></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e5b6b4c5924c" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>