Method And System For Applying 3d Switch Panel In Instant Messaging Tool

• US 20130125048A1
• Filed: 12/07/2012
• Published: 05/16/2013
• Est. Priority Date: 06/09/2010
• Status: Active Grant

• Current Assignee: Tencent Technology Shenzhen Company Limited (Tencent Holdings Limited)
• Original Assignee: Tencent Technology Shenzhen Company Limited (Tencent Holdings Limited)
• Inventors: GAO, Shundong, XIE, Weiwen
• Granted Patent: US 8,719,732 B2
• Time in Patent Office: Days
• US Class Current: 715/799
• CPC Class Codes: G06F 2203/04802 3D-info-object: information is displayed on the internal or external surface of a three dimensional manipulable object, e.g. on the faces of a cube that can be rotated by the user
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04815 Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

A method and system for applying 3D switch panel in instant messaging tool. The method includes creating a window, and creating a plane model according to the window; receiving a command for triggering rotation; and rotating the plane model to drive the interface window of the instant messaging tool to rotate. The adoption of the method and the system provided can use the 3D to switch panels of the instant messaging tool, which can satisfy users'"'"' individual demands and improves the usability of the instant messaging tool.

Claims

1. A method for applying 3D switch panel in an instant messaging tool, comprising following steps:

creating a window and creating a plane model according to the window;

receiving a command for triggering rotation; and

rotating the plane model to drive the interface window of the instant messaging tool contained in the created window to rotate.

2. The method of claim 1, wherein a predetermined number of pixels is reserved at four sides of the created window so that a size of a remaining window of the created window after removing the reserved pixels from the created window is the same as a size of the interface window of the instant messaging tool.

3. The method of claim 1, wherein the step of creating a plane model comprises creating a Viewport3D which has the same size as the created window and covers the created window, setting transparency of the Viewport3D as 0, and creating the plane model in the Viewport3D.

4. The method of claim 3, wherein the step of creating the plane model in the Viewport3D comprises:

creating in a three-dimensional coordinate system of the Viewport3D a rectangle, of which a center coincides with an origin of the coordinate system;

calculating a scaling which enables a height of an image of the rectangle in the Viewport3D is the same as a height of the interface window of the instant messaging tool;

scaling the rectangle according to the scaling to form the plane model;

taking a screenshot of an interface presented to users by the instant messaging tool, and pasting the screenshot on a front of the plane model; and

taking a screenshot of an interface needed to be presented after the interface window of the instant messaging tool is rotated, and pasting the screenshot of the interface needed to be presented after the interface window of the instant messaging tool is rotated on a back of the plane model.

5. The method of claim 4, wherein the step of rotating the plane model to drive the interface window of the instant messaging tool contained in the created window to rotate comprises:

setting transparency of the Viewport3D as 1;

rotating the plane model with the screenshots pasted thereon by using a method for executing a specified angle 3D rotation around a specified axis.

6. The method of claim 5, wherein the step of rotating the plane model with the screenshots pasted thereon comprises using AxisAngleRotation3D method to rotate the plane model with the screenshots pasted thereon 180 degrees.

7. The method of claim 6, further comprising setting transparency of the Viewport3D as 0 and displaying a target window after the back of the plane model with the screenshots pasted thereon forms an image, after the step of rotating the plane model with the screenshots pasted thereon.

8. A system for applying 3D switch panel in an instant messaging tool comprising:

a window creation module configured to create a window;

a model creation module configured to create a plane model according to the window;

a trigger configured to receive a command for triggering rotation; and

a rotation module configured to, when the trigger receives the command for triggering rotation, rotate the plane model to drive the interface window of the instant messaging tool contained in the created window.

9. The system of claim 8, wherein the step of rotating a predetermined number of pixels is reserved at four sides of the window created by the window creation module so that a size of a remaining window of the window created by the window after removing the reserved pixels from the window created by the window is the same as a size of the interface window of the instant messaging tool.

10. The system of claim 8, wherein the model creation module creates a Viewport3D which has the same size as the created window and covers the created window, creates in a three-dimensional coordinate system of the Viewport3D a rectangle of which a center coincides with an origin of the coordinate system, and creates the plane model according to heights of the created rectangle and the interface window of the instant messaging tool;

the system further comprises a transparency setting module, and the transparency setting module sets transparency of the Viewport3D as 0 after the Viewport3D is created by the model creation module.

11. The system of claim 10, further comprising a model scaling module, which calculates a scaling which enables a height of an image of the rectangle in the Viewport3D to be the same as a height of the interface window of the instant messaging tool, and scale the rectangle according to the scaling to form the plane model;

wherein the rotation module includes a picture pasting module for taking a screenshot of an interface presented to users by the instant messaging tool and pasting the screenshot on a front of the plane model, and taking a screenshot of an interface needed to be presented after the interface window of the instant messaging tool is rotated and pasting the screenshot of the interface needed to be presented after the interface window of the instant messaging tool is rotated on a back of the plane model;

the transparency setting module sets transparency of the Viewport3D as 1 after the picture pasting module pastes the screenshots on the front and the back of the plane model;

the rotation module rotates the plane model with the screenshots pasted thereon by using a method for executing a specified angle 3D rotation around a specified axis.

12. The system of claim 11, wherein the rotation module uses AxisAngleRotation3D method to rotate the plane model with the screenshots pasted thereon 180 degrees;

and

the transparency setting module is further configured to set transparency of the Viewport3D as 0 after the rotation module rotate the plane model with the screenshots pasted thereon.