Shulou(Shulou.com)05/31 Report--

In this article, the editor introduces in detail "what are the interactive ways of the H5 page", the content is detailed, the steps are clear, and the details are handled properly. I hope that this article "what are the interactive ways of the H5 page" can help you solve your doubts? let's follow the editor's train of thought to learn new knowledge.

There are six kinds of interaction: 1, gravity interaction, need flexible use of gravity sensors, gyroscopes, speed accelerators and other hardware devices; 2, sound interaction; 3, two-finger scaling interaction; 4, writing interaction; 5, 3D spatial interaction, mainly use 3D technology to build three-dimensional scene; 6, panoramic interaction.

The operating environment of this tutorial: windows7 system, Dell G3 computer.

Six interactive ways of H5 pages

1. Gravity interaction

Simulating off-the-shelf laws of physics can lower the threshold of understanding and add interest to planning. On the other hand, mobile phones give a lot of possibilities to play technology in hardware, and they can flexibly use hardware devices such as gravity sensors, gyroscopes and speed accelerators to innovate H5 games and increase users' sense of substitution.

2. Sound interaction

The way of interaction is not only tactile interaction, but also auditory interaction. However, voice interaction is relatively rare, if there is anything to do with recording, guide the user to record a message in the H5 activity, and then DIY to generate exclusive audio.

3. Double-finger zoom interaction

This form of interaction requires the user to touch the screen with two fingers at the same time, for example, by sliding the screen to zoom in or out something, which can also be used in the transition of the screen. Although this kind of interaction has some small requirements for gesture operation and some complexity, it is more interactive and more interesting than single-finger clicking and sliding.

4. Writing interaction

This way of interaction is a relatively high degree of freedom of interaction, users can freely create words and pictures according to the hints of H5 activities. The picture is to let the user create a distinct personality through painting, which can reflect the user's mood, enable the user to participate in H5 activities, and reduce the wastage rate. The way of writing is often used in the test class H5, where users can enter a name or what they want to say according to the prompt, and finally generate a poster to get the test results.

5. 3D space interaction

This kind of interaction mainly uses 3D technology to build a three-dimensional scene, break through the limitation of H5 picture flattening, and emphasize the sense of hierarchy. However, this kind of interaction is more difficult in the development technology, but also take into account the habits of users, 3D play is also relatively simple. Therefore, after often with click, slide and other basic gestures, 3D has become the highlight of H5 activities. 3D spatial interaction allows users to play H5 more realistically.

6. Panoramic interaction

Is in the 360 °panoramic form, so that users can slide up and down, left and right. This kind of H5 activity interaction often carries the picture interaction in the form of VR, and pays more attention to the design of H5 scene, which has a strong three-dimensional sense of space, so that the picture can connect smoothly at the boundary of 360 °.

After reading this, the article "what are the interactive ways of H5 pages?" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself. If you want to know more about related articles, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.