CN106227429A - Card 3D overturning simulation method and device of two-dimensional display screen - Google Patents
Card 3D overturning simulation method and device of two-dimensional display screen Download PDFInfo
- Publication number
- CN106227429A CN106227429A CN201610609695.2A CN201610609695A CN106227429A CN 106227429 A CN106227429 A CN 106227429A CN 201610609695 A CN201610609695 A CN 201610609695A CN 106227429 A CN106227429 A CN 106227429A
- Authority
- CN
- China
- Prior art keywords
- card
- dimensional display
- described card
- dimensional
- formula
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09B—EDUCATIONAL OR DEMONSTRATION APPLIANCES; APPLIANCES FOR TEACHING, OR COMMUNICATING WITH, THE BLIND, DEAF OR MUTE; MODELS; PLANETARIA; GLOBES; MAPS; DIAGRAMS
- G09B5/00—Electrically-operated educational appliances
- G09B5/02—Electrically-operated educational appliances with visual presentation of the material to be studied, e.g. using film strip
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Educational Administration (AREA)
- Educational Technology (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
技术领域technical field
本发明属于计算机技术领域,尤其涉及一种二维显示屏的卡片3D翻转模拟方法及装置。The invention belongs to the technical field of computers, and in particular relates to a card 3D flip simulation method and device for a two-dimensional display screen.
背景技术Background technique
一直以来,由于卡片体积小、便于携带、卡片上图像或文字颜色鲜艳等特点,卡片成为了儿童或学生认识事物或认识文字的重要方式。许多家长都会为自己的孩子购买识物或识字的纸质卡片,以供孩子学习使用。For a long time, due to the characteristics of small size, easy to carry, and bright colors of images or text on the card, cards have become an important way for children or students to recognize things or recognize words. Many parents will buy literacy or literacy paper cards for their children for their children to learn and use.
在现实生活中,如果家长要为孩子提供大量的学习素材就需要购买大量的纸质卡片,而购买大量纸质卡片一方面不便于携带,同时也会增加家长的经济负担,另一方面,卡片相当于一次性使用品,会造成资源的大量浪费,不利于环境保护。而随着学习机、平板电脑等便携式终端的普及,电子卡片成为可能,只要存储空间够大,一台学习机或平板电脑可以存储成千上万张电子或数字卡片,可以为儿童识物、识字提供大量的素材。然而,现有学习机或平板电脑提供的电子卡片多为平面卡片,类似于一张张平面图片,立体效果不佳,难以反映卡片的真实呈现效果,降低了儿童识物和识字的真实体验,导致电子卡片的吸引力降低。In real life, if parents want to provide their children with a lot of learning materials, they need to buy a lot of paper cards. On the one hand, buying a lot of paper cards is not easy to carry, and it will also increase the financial burden of parents. On the other hand, cards It is equivalent to a disposable product, which will cause a lot of waste of resources and is not conducive to environmental protection. With the popularization of portable terminals such as learning machines and tablet computers, electronic cards become possible. As long as the storage space is large enough, a learning machine or tablet computer can store thousands of electronic or digital cards, which can be used for children's identification, Literacy provides a wealth of material. However, most of the electronic cards provided by existing learning machines or tablet computers are flat cards, which are similar to a piece of flat pictures. Resulting in reduced attractiveness of electronic cards.
发明内容Contents of the invention
本发明的目的在于提供一种二维显示屏的卡片3D翻转模拟方法及装置,旨在解决由于现有学习设备无法提供一种高效的三维翻转模拟方法,导致卡片三维模拟效果不佳、系统资源消耗过大的问题。The object of the present invention is to provide a card 3D flip simulation method and device for a two-dimensional display screen. The problem of excessive consumption.
一方面,本发明提供了一种二维显示屏的卡片3D翻转模拟方法,所述方法包括下述步骤:On the one hand, the present invention provides a kind of card 3D flip simulation method of two-dimensional display screen, and described method comprises the following steps:
在所述二维显示屏上显示输出用户选择的卡片,所述卡片的正面和背面带有图案;displaying and outputting a user-selected card on said two-dimensional display screen, said card having a pattern on its front and back;
当接收到所述用户翻转所述卡片的指令时,以所述二维显示屏纵向方向上预设位置的直线为转动轴转动所述卡片,在转动所述卡片的过程中,根据预设的函数对所述卡片的转动角度、透明度和尺寸进行调整,以模拟卡片的三维翻转效果。When receiving an instruction from the user to turn over the card, the card is rotated with the straight line at the preset position in the longitudinal direction of the two-dimensional display screen as the rotation axis. During the process of rotating the card, according to the preset The function adjusts the rotation angle, transparency, and size of the card to simulate a three-dimensional flip of the card.
另一方面,本发明提供了一种二维显示屏的卡片3D翻转模拟装置,所述装置包括:In another aspect, the present invention provides a card 3D flip simulation device for a two-dimensional display screen, the device comprising:
卡片显示单元,用于在所述二维显示屏上显示输出用户选择的卡片,所述卡片的正面和背面带有图案;以及A card display unit, configured to display and output a card selected by the user on the two-dimensional display screen, the front and back of the card have patterns; and
三维翻转模拟单元,用于当接收到所述用户翻转所述卡片的指令时,以所述二维显示屏纵向方向上预设位置的直线为转动轴转动所述卡片,在转动所述卡片的过程中,根据预设的函数对所述卡片的转动角度、透明度和尺寸进行调整,以模拟卡片的三维翻转效果。The three-dimensional flipping simulation unit is used to rotate the card with the straight line at the preset position in the longitudinal direction of the two-dimensional display screen as the rotation axis when receiving the user's instruction to flip the card, and rotate the card while turning the card. During the process, the rotation angle, transparency and size of the card are adjusted according to the preset function, so as to simulate the three-dimensional flip effect of the card.
在本发明实施例中,通过二维显示屏上显示输出用户选择的卡片,该卡片的正面和背面带有图案,可用于用户学习,当接收到用户翻转卡片的指令时,以二维显示屏纵向方向上预设位置的直线为转动轴转动卡片,在转动卡片的过程中,根据预设的函数对卡片的转动角度、透明度和尺寸进行调整,以模拟卡片的三维翻转效果,从而通过预设函数对卡片的转动角度、透明度和尺寸进行调整,简化了卡片的三维翻转模拟过程,提高了卡片的三维模拟效率。In the embodiment of the present invention, the card selected by the user is displayed on the two-dimensional display screen. The front and back of the card have patterns, which can be used for user learning. The straight line at the preset position in the longitudinal direction is the rotation axis to rotate the card. During the process of rotating the card, adjust the rotation angle, transparency and size of the card according to the preset function to simulate the three-dimensional flip effect of the card, so as to pass the preset The function adjusts the rotation angle, transparency and size of the card, which simplifies the 3D flip simulation process of the card and improves the efficiency of the 3D simulation of the card.
附图说明Description of drawings
图1是本发明实施例提供的二维显示屏的卡片3D翻转模拟方法的实现流程图;Fig. 1 is the implementation flowchart of the card 3D flip simulation method provided by the two-dimensional display screen provided by the embodiment of the present invention;
图2是本发明实施例提供的二维显示屏的卡片3D翻转模拟装置的结构示意图;Fig. 2 is a schematic structural diagram of a card 3D flip simulation device for a two-dimensional display screen provided by an embodiment of the present invention;
图3是本发明一优选实施例提供的二维显示屏的卡片3D翻转模拟装置的结构示意图;以及Fig. 3 is a schematic structural diagram of a card 3D flip simulation device for a two-dimensional display screen provided by a preferred embodiment of the present invention; and
图4是本发明另一优选实施例提供的二维显示屏的卡片3D翻转模拟装置的结构示意图。Fig. 4 is a schematic structural diagram of a 3D card flip simulation device for a two-dimensional display screen provided by another preferred embodiment of the present invention.
具体实施方式detailed description
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。In order to make the object, technical solution and advantages of the present invention clearer, the present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.
以下结合具体实施例对本发明的具体实现进行详细描述:The specific realization of the present invention is described in detail below in conjunction with specific embodiment:
图1示出了本发明实施例提供的二维显示屏的卡片3D翻转模拟方法的实现流程,为了便于说明,仅示出了与本发明实施例相关的部分,详述如下:Fig. 1 shows the implementation process of the card 3D flipping simulation method of the two-dimensional display screen provided by the embodiment of the present invention. For the convenience of explanation, only the parts related to the embodiment of the present invention are shown, and the details are as follows:
在步骤S101中,在二维显示屏上显示输出用户选择的卡片,卡片的正面和背面带有图案。In step S101, display and output the card selected by the user on the two-dimensional display screen, with patterns on the front and back of the card.
本发明实施例适用于学习设备,尤其适用于具有触摸屏的学习设备,例如,学习机、平板电脑等移动设备。在本发明实施例中,卡片的正面为二维显示屏上显示输出的卡片的一面,卡片的背面为卡片正面的相反面,其中,二维显示屏是指只能显示二维图像的显示屏,而卡片则为可用于辅助儿童识物、识字的电子或数字卡片。The embodiments of the present invention are applicable to learning devices, especially to learning devices with touch screens, for example, mobile devices such as learning machines and tablet computers. In the embodiment of the present invention, the front of the card is the side of the card that is displayed on the two-dimensional display, and the back of the card is the opposite side of the front of the card, wherein the two-dimensional display refers to a display that can only display two-dimensional images , while the cards are electronic or digital cards that can be used to assist children in literacy and literacy.
在步骤S102中,当接收到用户翻转卡片的指令时,以二维显示屏纵向方向上预设位置的直线为转动轴转动卡片,在转动卡片的过程中,根据预设的函数对卡片的转动角度、透明度和尺寸进行调整,以模拟卡片的三维翻转效果。In step S102, when receiving an instruction from the user to turn over the card, the card is rotated with the straight line at the preset position in the longitudinal direction of the two-dimensional display screen as the rotation axis. Angle, transparency, and size are adjusted to simulate a three-dimensional flip of the card.
在本发明实施例中,当接收到用户翻转卡片的指令时,以二维显示屏纵向方向上预设位置的直线为转动轴转动卡片。具体地,翻转卡片的指令可通过用户鼠标点击或用户触摸滑动等触发,而转动轴的位置可根据应用需要进行设置,以实现不同的翻转效果,例如,可实现滚动、原位置转动等效果。In the embodiment of the present invention, when the user's instruction to flip the card is received, the card is rotated with the straight line at the preset position in the longitudinal direction of the two-dimensional display screen as the rotation axis. Specifically, the instruction to flip the card can be triggered by the user's mouse click or the user's touch and slide, and the position of the rotation axis can be set according to the application needs to achieve different flip effects, such as scrolling and original position rotation.
优选地,在转动卡片时以二维显示屏纵向方向上、通过卡片中间位置的直线为转动轴转动卡片,从而实现原位置的翻转,提高卡片转动时的真实三维转动效果,增强卡片对儿童的吸引力。Preferably, when the card is rotated, the card is rotated on the longitudinal direction of the two-dimensional display screen and the straight line passing through the middle of the card as the rotation axis, so as to realize the flipping of the original position, improve the real three-dimensional rotation effect of the card when it is rotated, and enhance the card's effect on children. attraction.
进一步优选地,在转动卡片的过程中,根据卡片的转动和显示屏显示原理,将卡片的转动分为两个部分:卡片正面转动到与显示屏垂直的前半部分和卡片背面转动到与显示屏平行的后半部分,也就是用户能看到的两个面交替呈现的过程。Further preferably, in the process of rotating the card, according to the rotation of the card and the display principle of the display screen, the rotation of the card is divided into two parts: the front of the card rotates to the front half which is perpendicular to the display screen and the back of the card rotates to the front half which is perpendicular to the display screen. The parallel second half is the process in which the two surfaces that the user can see are presented alternately.
首先,将卡片由二维显示屏向外转动到垂直二维显示屏的位置,在转动到垂直二维显示屏的位置过程中,卡片与二维显示屏的夹角由公式f1(t1)=k1*t1确定,0≤f1(t1)≤90,卡片正面的透明度由公式f2(t1)=Max–k2*t1确定,卡片的尺寸由公式f3(t1)=1+k3*t1确定,t1为卡片的转动时间,0≤t1≤T1,T1、Max、k1、k2以及k3为常数。在这里,当透明度为最大值Max时认为卡片正面不透明,为最小值零时则认为卡片正面全透明,这样在卡片正面向外转动到垂直二维显示屏的位置的过程中,卡片正面的透明度逐步由Max减少到零,最终卡片正面不可见,接着卡片反面或背面开始进入用户视野。优选地,当二维显示屏为触摸屏时,转动时间T1由用户触摸或滑动的速度和/或力度确定,从而增加卡片的翻转真实性效果。First, turn the card outward from the two-dimensional display to the position vertical to the two-dimensional display. During the rotation to the position vertical to the two-dimensional display, the angle between the card and the two-dimensional display is given by the formula f 1 (t1) =k 1 *t1 is determined, 0≤f 1 (t1)≤90, the transparency of the front of the card is determined by the formula f 2 (t1)=Max–k 2 *t1, the size of the card is determined by the formula f 3 (t1)=1+ k 3 *t1 is determined, t1 is the rotation time of the card, 0≤t1≤T1, T1, Max, k 1 , k 2 and k 3 are constants. Here, when the transparency is the maximum value Max, the front of the card is considered to be opaque, and when the transparency is the minimum value of 0, the front of the card is considered to be fully transparent, so that when the front of the card rotates outward to the position of the vertical two-dimensional display, the transparency of the front of the card Gradually reduce from Max to zero, and finally the front of the card is invisible, and then the reverse or back of the card begins to enter the user's view. Preferably, when the two-dimensional display screen is a touch screen, the rotation time T1 is determined by the speed and/or strength of the user's touch or slide, so as to increase the authenticity of the flipping of the card.
卡片由二维显示屏向外转动到垂直二维显示屏的位置后,将卡片由垂直二维显示屏的位置向外继续转动,转动到与二维显示屏平行的位置(即在屏幕上显示卡片的反面),在转动到与二维显示屏平行的位置过程中,卡片与二维显示屏的角度由公式f1(t2)=k1*t2确定,90≤f1(t2)≤180,卡片背面的透明度由公式f2(t2)=Max–k2*t2确定,卡片的尺寸由公式f3(t2)=1+k3*t2确定,t2为卡片的转动时间,0≤t2≤T2,T2、Max、k1、k2以及k3为常数。在本发明实施例中,卡片由二维显示屏向外转动到垂直二维显示屏的位置时的尺寸为1.05S,S为卡片与二维显示屏平行时的尺寸。After the card is rotated outwards from the two-dimensional display to the position vertical to the two-dimensional display, continue to rotate the card outward from the position vertical to the two-dimensional display until it is rotated to a position parallel to the two-dimensional display (that is, displayed on the screen). card), in the process of rotating to a position parallel to the two-dimensional display, the angle between the card and the two-dimensional display is determined by the formula f 1 (t2)=k 1 *t2, 90≤f 1 (t2)≤180 , the transparency of the back of the card is determined by the formula f 2 (t2)=Max–k 2 *t2, the size of the card is determined by the formula f 3 (t2)=1+k 3 *t2, t2 is the rotation time of the card, 0≤t2 ≤ T2, T2, Max, k 1 , k 2 and k 3 are constants. In the embodiment of the present invention, the size of the card when it is rotated outward from the two-dimensional display screen to a position perpendicular to the two-dimensional display screen is 1.05S, and S is the size of the card when it is parallel to the two-dimensional display screen.
在本发明实施例中,通过将卡片的转动与显示在用户面前的两个面直接结合,利用线性函数即可实现二维显示屏下卡片的三维立体(3D)翻转模拟,在提高卡片翻转真实性效果的同时,简化了3D翻转模拟过程,降低了对学习机等学习设备的系统硬件要求。In the embodiment of the present invention, by directly combining the rotation of the card with the two surfaces displayed in front of the user, the three-dimensional (3D) flipping simulation of the card under the two-dimensional display screen can be realized by using a linear function, and the card flipping is improved in realism. At the same time, it simplifies the 3D flip simulation process and reduces the system hardware requirements for learning equipment such as learning machines.
图2示出了本发明实施例提供的二维显示屏的卡片3D翻转模拟装置的结构,为了便于说明,仅示出了与本发明实施例相关的部分,其中包括:Fig. 2 shows the structure of the card 3D flip simulation device of the two-dimensional display screen provided by the embodiment of the present invention. For the convenience of description, only the parts related to the embodiment of the present invention are shown, including:
卡片显示单元21,用于在二维显示屏上显示输出用户选择的卡片,卡片的正面和背面带有图案;以及The card display unit 21 is used to display and output the card selected by the user on the two-dimensional display screen, and the front and back of the card have patterns; and
三维翻转模拟单元22,用于当接收到用户翻转卡片的指令时,以二维显示屏纵向方向上预设位置的直线为转动轴转动卡片,在转动卡片的过程中,根据预设的函数对卡片的转动角度、透明度和尺寸进行调整,以模拟卡片的三维翻转效果。The three-dimensional flip simulation unit 22 is used to rotate the card with the straight line at the preset position in the longitudinal direction of the two-dimensional display screen as the rotation axis when receiving the user's instruction to flip the card. The rotation angle, transparency, and size of the card are adjusted to simulate a three-dimensional flip of the card.
本发明实施例适用于学习设备,尤其适用于具有触摸屏的学习设备,例如,学习机、平板电脑等移动设备。在本发明实施例中,卡片的正面为二维显示屏上显示输出的卡片的一面,卡片的背面为卡片正面的相反面,其中,二维显示屏是指只能显示二维图像的显示屏,而卡片则为可用于辅助儿童识物、识字的电子或数字卡片。The embodiments of the present invention are applicable to learning devices, especially to learning devices with touch screens, for example, mobile devices such as learning machines and tablet computers. In the embodiment of the present invention, the front of the card is the side of the card that is displayed on the two-dimensional display, and the back of the card is the opposite side of the front of the card, wherein the two-dimensional display refers to a display that can only display two-dimensional images , while the cards are electronic or digital cards that can be used to assist children in literacy and literacy.
在本发明实施例中,当接收到用户翻转卡片的指令时,以二维显示屏纵向方向上预设位置的直线为转动轴转动卡片。具体地,翻转卡片的指令可通过用户鼠标点击或用户触摸滑动等触发,而转动轴的位置可根据应用需要进行设置,以实现不同的翻转效果,例如,可实现滚动、原位置转动等效果。In the embodiment of the present invention, when the user's instruction to flip the card is received, the card is rotated with the straight line at the preset position in the longitudinal direction of the two-dimensional display screen as the rotation axis. Specifically, the instruction to flip the card can be triggered by the user's mouse click or the user's touch and slide, and the position of the rotation axis can be set according to the application needs to achieve different flip effects, such as scrolling and original position rotation.
优选地,在转动卡片时以二维显示屏纵向方向上、通过卡片中间位置的直线为转动轴转动卡片,从而实现原位置的翻转,提高卡片转动时的真实三维转动效果,增强卡片对儿童的吸引力。Preferably, when the card is rotated, the card is rotated on the longitudinal direction of the two-dimensional display screen and the straight line passing through the middle of the card as the rotation axis, so as to realize the flipping of the original position, improve the real three-dimensional rotation effect of the card when it is rotated, and enhance the card's effect on children. attraction.
因此,优选地,如图3所示,三维翻转模拟单元22可包括:Therefore, preferably, as shown in FIG. 3 , the three-dimensional flip simulation unit 22 may include:
卡片转动单元221,用于以二维显示屏纵向方向上、通过卡片中间位置的直线为转动轴转动卡片。The card rotating unit 221 is used to rotate the card with the straight line passing through the middle position of the card in the longitudinal direction of the two-dimensional display screen as the rotation axis.
进一步优选地,在转动卡片的过程中,根据卡片的转动和显示屏显示原理,将卡片的转动分为两个部分:卡片正面转动到与显示屏垂直的前半部分和卡片背面转动到与显示屏平行的后半部分,也就是用户能看到的两个面交替呈现的过程。Further preferably, in the process of rotating the card, according to the rotation of the card and the display principle of the display screen, the rotation of the card is divided into two parts: the front of the card rotates to the front half which is perpendicular to the display screen and the back of the card rotates to the front half which is perpendicular to the display screen. The parallel second half is the process in which the two surfaces that the user can see are presented alternately.
因此,进一步优选地,如图4所示,三维翻转模拟单元23可包括:Therefore, further preferably, as shown in FIG. 4, the three-dimensional flip simulation unit 23 may include:
第一转动单元222,用于将卡片由二维显示屏向外转动到垂直二维显示屏的位置,在转动到垂直二维显示屏的位置过程中,卡片与二维显示屏的夹角由公式f1(t1)=k1*t1确定,0≤f1(t1)≤90,卡片正面的透明度由公式f2(t1)=Max–k2*t1确定,卡片的尺寸由公式f3(t1)=1+k3*t1确定,t1为卡片的转动时间,0≤t1≤T1,T1、Max、k1、k2以及k3为常数;以及The first rotating unit 222 is used to rotate the card outward from the two-dimensional display screen to a position perpendicular to the two-dimensional display screen. During the rotation to the position vertical to the two-dimensional display screen, the angle between the card and the two-dimensional display screen is Determined by the formula f1(t1)=k1*t1, 0≤f1(t1)≤90, the transparency of the front of the card is determined by the formula f2(t1)=Max–k2*t1, and the size of the card is determined by the formula f3(t1)=1+ Determined by k3*t1, t1 is the rotation time of the card, 0≤t1≤T1, T1, Max, k1, k2 and k3 are constants; and
第二转动单元223,用于将卡片由垂直二维显示屏的位置向外继续转动,转动到与二维显示屏平行的位置,在转动到与二维显示屏平行的位置过程中,卡片与二维显示屏的角度由公式f1(t2)=k1*t2确定,90≤f1(t2)≤180,卡片背面的透明度由公式f2(t2)=Max–k2*t2确定,卡片的尺寸由公式f3(t2)=1+k3*t2确定,t2为卡片的转动时间,0≤t2≤T2,T2、Max、k1、k2以及k3为常数。The second rotating unit 223 is used to continue to rotate the card outward from the position perpendicular to the two-dimensional display screen to a position parallel to the two-dimensional display screen. During the rotation to the position parallel to the two-dimensional display screen, the card and The angle of the two-dimensional display screen is determined by the formula f1(t2)=k1*t2, 90≤f1(t2)≤180, the transparency of the back of the card is determined by the formula f2(t2)=Max–k2*t2, and the size of the card is determined by the formula It is determined by f3(t2)=1+k3*t2, t2 is the rotation time of the card, 0≤t2≤T2, T2, Max, k1, k2 and k3 are constants.
在本发明实施例中,卡片由二维显示屏向外转动到垂直二维显示屏的位置时的尺寸为1.05S,S为卡片与二维显示屏平行时的尺寸。当透明度为最大值Max时认为卡片正面不透明,为最小值零时则认为卡片正面全透明,这样在卡片正面向外转动到垂直二维显示屏的位置的过程中,卡片正面的透明度逐步由Max减少到零,最终卡片正面不可见,接着卡片反面或背面开始进入用户视野。优选地,当二维显示屏为触摸屏时,转动时间T1由用户触摸或滑动的速度和/或力度确定,从而增加卡片的翻转真实性效果。In the embodiment of the present invention, the size of the card when it is rotated outward from the two-dimensional display screen to a position perpendicular to the two-dimensional display screen is 1.05S, and S is the size of the card when it is parallel to the two-dimensional display screen. When the transparency is the maximum value Max, the front of the card is considered to be opaque, and when the transparency is the minimum value of 0, the front of the card is considered to be fully transparent. In this way, when the front of the card rotates outward to the position of the vertical two-dimensional display screen, the transparency of the front of the card gradually changes from Max Reduced to zero, eventually the front of the card is invisible, and then the reverse or back of the card starts to come into view. Preferably, when the two-dimensional display screen is a touch screen, the rotation time T1 is determined by the speed and/or strength of the user's touch or slide, so as to increase the authenticity of the flipping of the card.
在本发明实施例中,通过将卡片的转动与显示在用户面前的两个面直接结合,利用线性函数即可实现二维显示屏下卡片的3D翻转模拟,在提高卡片翻转真实性效果的同时,简化了3D翻转模拟过程,降低了对学习机等学习设备的系统硬件要求。In the embodiment of the present invention, by directly combining the rotation of the card with the two surfaces displayed in front of the user, a linear function can be used to realize the 3D flip simulation of the card under the two-dimensional display screen, while improving the authenticity of the card flip , simplifies the 3D flip simulation process, and reduces the system hardware requirements for learning equipment such as learning machines.
在本发明实施例中,二维显示屏的卡片3D翻转模拟装置的各单元可由相应的硬件或软件单元实现,各单元可以为独立的软、硬件单元,也可以集成为学习设备的一个软、硬件单元,在此不用以限制本发明。In the embodiment of the present invention, each unit of the card 3D flipping simulation device of the two-dimensional display screen can be realized by a corresponding hardware or software unit, and each unit can be an independent software and hardware unit, or can be integrated into a learning device. The hardware unit is not used to limit the present invention.
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。The above descriptions are only preferred embodiments of the present invention, and are not intended to limit the present invention. Any modifications, equivalent replacements and improvements made within the spirit and principles of the present invention should be included in the protection of the present invention. within range.
Claims (10)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610609695.2A CN106227429A (en) | 2016-07-29 | 2016-07-29 | Card 3D overturning simulation method and device of two-dimensional display screen |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610609695.2A CN106227429A (en) | 2016-07-29 | 2016-07-29 | Card 3D overturning simulation method and device of two-dimensional display screen |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106227429A true CN106227429A (en) | 2016-12-14 |
Family
ID=57534753
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610609695.2A Pending CN106227429A (en) | 2016-07-29 | 2016-07-29 | Card 3D overturning simulation method and device of two-dimensional display screen |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106227429A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117149042A (en) * | 2022-05-24 | 2023-12-01 | 北京中医药大学 | Card-based interaction method and device, storage medium and electronic equipment |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101655767A (en) * | 2009-09-11 | 2010-02-24 | 天津津科电子系统工程有限公司 | Touch page turning processing method based on electronic paper reading device |
| CN102750103A (en) * | 2012-06-29 | 2012-10-24 | 鸿富锦精密工业(深圳)有限公司 | Electronic device with touch input unit |
| CN103180818A (en) * | 2010-10-27 | 2013-06-26 | 谷歌公司 | Animated page flip |
-
2016
- 2016-07-29 CN CN201610609695.2A patent/CN106227429A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101655767A (en) * | 2009-09-11 | 2010-02-24 | 天津津科电子系统工程有限公司 | Touch page turning processing method based on electronic paper reading device |
| CN103180818A (en) * | 2010-10-27 | 2013-06-26 | 谷歌公司 | Animated page flip |
| CN102750103A (en) * | 2012-06-29 | 2012-10-24 | 鸿富锦精密工业(深圳)有限公司 | Electronic device with touch input unit |
Non-Patent Citations (1)
| Title |
|---|
| ADAMIN90: "android卡片翻转效果的实现", 《CSDN博客》 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117149042A (en) * | 2022-05-24 | 2023-12-01 | 北京中医药大学 | Card-based interaction method and device, storage medium and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20170300123A1 (en) | Virtual page turn | |
| US9911221B2 (en) | Animated page turning | |
| US9704285B2 (en) | Detection of partially obscured objects in three dimensional stereoscopic scenes | |
| US9152173B2 (en) | Transparent display device | |
| CN101256467B (en) | An electronic device capable of displaying the page-turning effect of an electronic document and its method | |
| TWI697866B (en) | Method and device for implementing color tweening animation | |
| CN104156144B (en) | Electric document page-turning effect implementation method and device | |
| US9305333B1 (en) | Display with square root of two aspect ratio | |
| US9939925B2 (en) | Behind-display user interface | |
| CN106227429A (en) | Card 3D overturning simulation method and device of two-dimensional display screen | |
| CN104574473B (en) | Method and device for generating dynamic effect on basis of static image | |
| Tian et al. | Image-based haptic display via a novel pen-shaped haptic device on touch screens | |
| CN106557251A (en) | Write the flexible mapping in area to character display | |
| US20130257898A1 (en) | Digital media modification | |
| Alhayki et al. | Use of tangible holograms in education & communication | |
| Xiao et al. | Optimal device choice and media display: a novel multimedia exhibition system based on multi-terminal display platform | |
| CN101866558B (en) | Electronic book device and operation method thereof | |
| KR20190000430U (en) | Electronic book terminal | |
| US10380784B2 (en) | Electronic apparatus for mapping texture image and generating blending image | |
| JP2021033887A (en) | Input reception and input display method in three-dimensional space, program, input reception and input display device in three-dimensional space | |
| Pollen | Touch Screen: Feeling and Seeing in Photography and Textiles | |
| CN116248849A (en) | Picture display method and device, mobile device and storage medium | |
| CN203858586U (en) | Induction electronic photo album | |
| TW202511930A (en) | Image presenting method and display device | |
| Brown | The life of the mimetic starfish, 2000–2012 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161214 |