Clever Use of twaver 3D vector graphics

Source: Internet
Author: User

Indeed, when talking about twaver, we first think of the "Telecom topology component ". In fact, due to its flexible MVC Architecture, vectoring design, convenient customization, and other features, twaver can do more. For example, the real estate industry's common "household Chart ".

House type recommendation is an important stage in sales reception. It is also called a dream process for customers. The house type is also a major factor for customers to choose the real estate. Creating beautiful apartment charts is undoubtedly a very important task in the real estate industry.

Firstly, twaver uses the often overlooked "vector graphics" function to define the shape of the room and partition. This can be completed through code snippets, JSON format definitions, or drag-and-drop in the editor. A small piece of code or JSON can define any complicated vector shape:

Twaver. util. registerimage ('room ', {"W": 345, "H": 611 ,//....}); vaR node = new twaver. node (); node. setimage ('room ');

 

In a floor chart, many elements in the room, such as repeated textures, doors and windows, tables and chairs, and furniture, can be defined separately.

For irregular objects such as plants, bitmap can be used together for Supplement:

This.registerimage('plant.png ');

Of course, it would be easier to directly use the vectoring graphic design tool provided by twaver.

Finally, I hope every programmer has a big house of his own. Is this three-bedroom suite okay?

Clever Use of twaver 3D vector graphics

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.