Hype 3 uses new icons and designs, and better supports Chinese, but the effect of the icons looks weird. 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 a professional black design and is 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.
The Hype 3 support adds two things: 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 operation of elements and symbols when the mouse is clicked, the mouse is moved to the mouse, and the mouse is removed, including Trigger custom behaviors, 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. For example, we can choose the display-related settings such as display compatibility and HTML page title. 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.