Amazing! In the future, the Web can become like this: Light Drawing and pose control.

In July 5, HTML5 elements can greatly enhance the flexibility and diversity of Web pages, while Web developers David Walsh) A few days ago, I shared nine wonderful canvas demo files on the design information website Sidebar. They can directly implement amazing functions in Web Browsers without using plug-ins such as Flash and Silverlight.

Three of the most brilliant demo works are:

1. Zen Photon Garden light and shadow plotting

 

On the canvas with a scatter light source in the center of one party, you can draw lines with the mouse to change the direction of the Light and see the effect in real time. If you are very interested in it and study it carefully, you may draw very beautiful pictures. Xiao Bian uses it to write four letters "SOHU", which has a very three-dimensional effect.

2. Dynamic font

 

It is more exciting than the first demo, and uses amazing algorithms to generate extremely complex animation effects-text will be distorted, moved, and squeezed into a group, like the magic text in Harry Potter, you can also change the viewing angle with the mouse. It is a native Web function that can run smoothly on very old hardware devices. In addition, the author published the source code for your use and modification.

3. Gestures + Reveal. JS pose control

 

The most exciting demonstration is the use of WebRTC and JavaScript, allowing users to control the interface through the Network Camera on the computer, the user can swing up, right flip and other operations. Although Microsoft had a good idea of Using Kinect, this demo can be directly implemented in a browser using a common camera, and does not require high computer configuration.

In addition to the three outstanding demo works mentioned above, other demo works shared by Mr. wram also include video playback control, canvas browser games, and so on. If these features are widely used by content creators or Web designers, our Web browsing experience will become more colorful in the future. (Yula)