Hype Pro for Mac(tumult.com)

over 5 years ago from Eli Slade, Product Designer

  • Jonathan Deutsch, over 5 years ago

    Actually we designed Hype to be used for production content! It just so happens that a tool designed for production animations and prototyping that is easy/quick (imho) to use is also going to be great for prototyping.

    The output of Hype isn't code you'll want to edit as it is mostly json and js runtime, but this lets us do all the heavy lifting of website compatibility (IE6!) and allowing for features not in HTML/CSS like motion paths or physics.

    It's used for all kinds of content like web animations, infographics, ibooks, ads, etc... there's plenty of examples on the gallery: http://tumult.com/hype/gallery/

    1 point
    • Thomas BentkowskiThomas Bentkowski, over 5 years ago

      Since you're saying Hype has been designed for production content, can you tell us more about optimization ? How much does it cost in term of kilobytes to include a Hype project ?

      1 point
      • Jonathan Deutsch, over 5 years ago

        We've spent a great deal of engineering to keep the file size small (ads specifically have this requirement).

        A minimal document is only 3 network connections (.html, data/loader, runtime) and 24 KB when gzipped compressed. If your document uses physics or is being displayed on IE6-9, it automatically uses a larger runtime which is +16 KB (40 KB total).

        We also do some other items as niceties; like for images we can (optionally) scale them down to the maximum size used in the animations of a document to save loading times if you bring in large assets. You can also control preloading - sometimes it is important to have images and audio ahead of time, but other times this will slow down initial loads so we give you the option!

        3 points
    • Tyson KingsburyTyson Kingsbury, over 5 years ago

      Great answer Jonathan...I actually was interested in this as well...I noticed on the site a video for responsive layouts....i guess my question would be: a) I have to create basic html/css/jq templates for my office....simple repsonsive web page templates etc.... is this something i could use to build these?

      b) is the code something I could pass off to our development team?

      1 point
      • Jonathan Deutsch, over 5 years ago

        We primarily output JSON data for the animations and a JavaScript runtime which interprets this; so if you need your output to be HTML or CSS code to hand to a dev team, unfortunately we can't help there.

        But if the actual output format is less important, then you could use Hype to build these - Hype Pro has a new templates feature which can be a good starting point.

        0 points
        • Tyson KingsburyTyson Kingsbury, over 5 years ago

          cool..thanks for the reply Jonathan.... I Imagine our guys could deal with JSON and javascript...and although the animations etc are interesting, mostly I'm looking for something that would let me whip a great responsive web layout together quickly that I could pass to the development team, rather than have to hand-code it myself....

          Thanks dude :)

          1 point