How to use Hype3 Mac version

        
Hype 3 uses new icons and designs, and supports Chinese better, but the effect of the icons looks strange. There are two rulers on the square in the wooden texture, as well as irregular shapes in black and white. However, the HTML 5 logo is particularly prominent. The first time you run Hype 3, the app provides some overview of the features, tutorials, and various new tips. Users can click on the features on the right to view them.
Hype 3's default interface is designed in professional black, divided into 5 main areas, including the top toolbar, the left scene switch, the middle content area and the animation control area. At the far right is some control over the elements, symbols, and page properties. Hype 3's overall interface operation is somewhat similar to Xcode, but with a more streamlined operation, users only need to enter content in a blank area, and then select the animation of the content changes.
Add two kinds of content in Hype 3 support: elements and symbols. The element content is the form in the image below, including text, buttons, textured buttons, images, video, audio, and various shapes, and the elements are mutable. When we choose to add an element, we can automatically add relevant content in the content area. Symbols are reusable components, including elements, timelines, and animations. When we have completed the symbol creation, we can continue to use it in the future interface.
After creating elements or symbols, we can add post-action behavior to these elements. For example, we can select the actions of elements and symbols when the mouse is clicked, when the mouse is moved, and when the mouse is removed, including triggering customization. Behavior IE, jump scenes, run JS, and play and stop sounds.
Hype 3 The right side of the inspector contains a variety of functions for document and content settings, such as we can choose the display compatibility, HTML page title and other document-related settings. In the scene interface, you can select various behaviors generated by elements in the scene when the scene is loaded, when it is unloaded, when it is pressed, and so on.
In the general settings of Hype 3, you can adjust the user interface theme tones, as well as some warning prompt settings. In addition, Hype 3 can also sync data via Dropbox, which currently does not support iCloud Drive. Finally, the app also has Hype Reflect for iOS recommendations, and Hype for iOS can instantly preview Hype-generated web pages and HTML 5 animations. In general, Hype 3 integrates sophisticated web and animation creation into a simple, easy-to-use interface. Of course, learning Hype 3 requires some energy and time, but the overall process is easier than learning.