Method and system for applying 3D switch panel in instant messaging tool

• US 8,719,732 B2
• Filed: 12/07/2012
• Issued: 05/06/2014
• Est. Priority Date: 06/09/2010
• Status: Active Grant

• Current Assignee: Tencent Technology Company Limited (Tencent Holdings Limited)
• Original Assignee: Tencent Technology Company Limited (Tencent Holdings Limited)
• Inventors: Gao, Shundong, Xie, Weiwen
• Primary Examiner(s): BAUTISTA, XIOMARA L
• Application Number:
  US13/708,545
• Publication Number:
  US 20130125048A1
• Time in Patent Office: 515 Days
• Field of Search: 715/753, 715/757, 715/758, 715/764, 715/765, 715/781, 715/782, 715/799, 715/848, 715/849, 715/976, 345/419, 345/473, 345/592, 345/619, 345/649, 345/650, 345/653, 345/660, 345/661, 345/664, 345/666, 345/667
• US Class Current: 715/848
• 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 an interface window of the instant messaging tool contained in the created window to rotate;

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;

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.

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 rotating the plane model to drive an 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.

4. The method of claim 3, 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.

5. The method of claim 4, 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.

6. A computer-implemented system for applying 3D switch panel in an instant messaging tool, wherein the computer-implemented system comprises one or more processors coupled to a memory storing instructions, for executing by the one or more processors, configured to

create a window;

create a plane model according to the window;

receive a command for triggering rotation; and

when receiving the command for triggering rotation, rotate the plane model to drive an interface window of the instant messaging tool contained in the created window;

wherein the one or more processors are further configured to create a Viewport3D which has the same size as the created window and cover the created window, create in a three-dimensional coordinate system of the Viewport3D a rectangle of which a center coincides with an origin of the coordinate system, and create the plane model according to heights of the created rectangle and the interface window of the instant messaging tool;

wherein the one or more processors are further configured to set transparency of the Viewport3D as 0 after the Viewport3D is created by the model creation module.

7. The computer-implemented system of claim 6, wherein the one or more processors are further configured to reserve a predetermined number of pixels 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.

8. The computer-implemented system of claim 6, wherein the one or more processors are further configured to calculate 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 one or more processors are further configured to take a screenshot of an interface presented to users by the instant messaging tool and paste the screenshot on a front of the plane model, and take a screenshot of an interface needed to be presented after the interface window of the instant messaging tool is rotated and paste 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 one or more processors are further configured to set transparency of the Viewport3D as 1 after the screenshots are pasted on the front and the back of the plane model;

the one or more processors are further configured to rotate the plane model with the screenshots pasted thereon by using a method for executing a specified angle 3D rotation around a specified axis.

9. The computer-implemented system of claim 8, wherein the one or more processors are further configured to use an AxisAngleRotation3D method to rotate the plane model with the screenshots pasted thereon 180 degrees;

and

the one or more processors are further configured to set transparency of the Viewport3D as 0 after the plane model is rotated with the screenshots pasted thereon.