Indeed, when TWaver is mentioned, the first thing that comes to mind is "Telecom Topology Component". In fact, due to its flexible MVC architecture, vectorized design, and convenient customization, TWaver can do a lot more. For example, the "house plan" commonly seen in the real estate industry.
House type recommendation is a very important stage in sales reception, also known as the process of creating dreams for customers. House type is also a major factor in whether customers choose the real estate. Making beautiful floor plans is undoubtedly a very important job in the real estate industry.
Start by taking advantage of TWaver's often overlooked "Vector Graphics" feature to define the shape of rooms and partitions. This can be done with code snippets, json format definitions, or editor drag-and-drop. A small piece of code or json is enough to define any complex vector shape:
1 |
twaver.Util.registerImage('room', { |
2 |
"w": 345, |
3 |
"h": 611, |
4 |
//.... |
5 |
}); |
6 |
7 |
var node = new twaver.Node(); |
8 |
node.setImage('room'); |
In the floor plan, many elements inside the room, such as repeated textures, doors and windows, tables and chairs, furniture, etc., can be individually vectorized and defined.
For irregular objects such as plants, you can mix and use bitmaps to supplement:
1 |
this.registerImage('plant.png'); |
Of course, if you use the vectorized graphic design tools provided by TWaver directly, all this becomes easier.
Finally, I hope that every programmer has a big house of his own. Is this three-bedroom apartment ok?