TW201835745A - Live wallpaper display method, electronic device and non-transitory computer readable storage medium - Google Patents
Live wallpaper display method, electronic device and non-transitory computer readable storage medium Download PDFInfo
- Publication number
- TW201835745A TW201835745A TW106110026A TW106110026A TW201835745A TW 201835745 A TW201835745 A TW 201835745A TW 106110026 A TW106110026 A TW 106110026A TW 106110026 A TW106110026 A TW 106110026A TW 201835745 A TW201835745 A TW 201835745A
- Authority
- TW
- Taiwan
- Prior art keywords
- mode
- layer
- color
- electronic device
- symbol
- Prior art date
Links
Abstract
Description
本案是有關於一種動態桌布的顯示方法、電子裝置及電腦可讀取記錄媒體。特別是有關於一種應用圖層疊合的動態桌布的顯示方法、電子裝置及電腦可讀取記錄媒體。 This case relates to a display method of a dynamic tablecloth, an electronic device and a computer readable recording medium. In particular, there is a display method, an electronic device, and a computer readable recording medium for a combination of application maps.
傳統上製作動態桌布方式多使用影片或圖像互換格式(Graphics Interchange Format,GIF)檔來呈現,此外,若要做到擬真的物理反應,需準備複合素材來模擬,舉例:模擬3D模型的面、物件與物件的關係。 Traditionally, the dynamic tablecloth method is often used in the film or image interchange format (GIF) file. In addition, if you want to do a realistic physical reaction, you need to prepare the composite material to simulate. For example: simulate a 3D model. The relationship between faces, objects, and objects.
然而,此些方式會耗損記憶體、效能及電量,故效果不彰。 However, these methods consume memory, performance, and power, so the effect is not good.
本案提供一種動態桌布的顯示方法,應用於一電子裝置,動態桌布的顯示方法包含:提供多個影像;將此些影像中的每一個各別套用一圖層混合模式後產生對應的圖層;將此些圖層進行疊合後產生一疊合影像;接收一互動資訊;依據互動資訊改變疊合影像的色彩效果,以產生一動態桌布;以及顯示動態桌布。 The present invention provides a method for displaying a dynamic tablecloth, which is applied to an electronic device. The display method of the dynamic tablecloth includes: providing a plurality of images; applying a layer blending mode to each of the images to generate a corresponding layer; The layers are superimposed to produce a superimposed image; an interactive information is received; the color effect of the superimposed image is changed according to the interactive information to generate a dynamic tablecloth; and the dynamic tablecloth is displayed.
本案提供一種電子裝置,適用於顯示一動態桌布。電子裝置包含一感測器、一儲存裝置、一處理器及一顯示器。感測器用以接收一互動資訊。儲存裝置用以提供多個影像。處理器用以將此些影像中的每一個各別套用一圖層混合模式後產生對應的圖層,將此些圖層進行疊合後產生一疊合影像,並依據互動資訊改變疊合影像的色彩效果,以產生動態桌布。顯示器用以顯示動態桌布。 The present invention provides an electronic device suitable for displaying a dynamic tablecloth. The electronic device includes a sensor, a storage device, a processor and a display. The sensor is configured to receive an interactive message. The storage device is used to provide a plurality of images. The processor is configured to apply a layer blending mode to each of the images to generate a corresponding layer, and stack the layers to generate a superimposed image, and change the color effect of the superimposed image according to the interactive information. To create a dynamic wallpaper. The display is used to display a live wallpaper.
本案提供一種非暫態電腦可讀取記錄媒體,該非暫態電腦可讀取記錄媒體記錄至少一程式指令,該至少一程式指令在載入一電子裝置後,執行下列步驟:提供多個影像;將此些影像中的每一個各別套用一圖層混合模式後產生對應的圖層;將此些圖層進行疊合後產生一疊合影像;接收一互動資訊;依據互動資訊改變疊合影 像的色彩效果,以產生一動態桌布;以及顯示動態桌布。 The present invention provides a non-transitory computer readable recording medium, wherein the non-transitory computer can read the recording medium and record at least one program instruction. After loading the electronic device, the at least one program instruction performs the following steps: providing a plurality of images; Applying a layer blending mode to each of the images to generate a corresponding layer; stacking the layers to generate a superimposed image; receiving an interactive information; changing the color effect of the superimposed image according to the interactive information To produce a dynamic tablecloth; and to display a dynamic tablecloth.
100‧‧‧電子裝置 100‧‧‧Electronic devices
150‧‧‧流程圖 150‧‧‧flow chart
151~160‧‧‧步驟 151~160‧‧‧Steps
10‧‧‧感測器 10‧‧‧ Sensors
20‧‧‧處理器 20‧‧‧ processor
30‧‧‧儲存裝置 30‧‧‧Storage device
a、b、R1、R2‧‧‧方向 a, b, R1, R2‧‧‧ directions
A、B‧‧‧平移方向 A, B‧‧‧ translation direction
C‧‧‧轉動方向 C‧‧‧direction of rotation
Ra‧‧‧可視範圍 Ra‧‧ visible range
L1~Ln‧‧‧圖層 L1~Ln‧‧‧ layers
50‧‧‧顯示器 50‧‧‧ display
DW‧‧‧疊合影像 DW‧‧‧ superimposed image
為讓本揭示內容之上述和其他目的、特徵、優點與實施例能更明顯易懂,所附圖示之說明如下:第1A圖為根據本案一實施例繪示的一種電子裝置的示意圖;第1B圖為根據本案一實施例繪示的一種動態桌布的顯示方法的流程圖;第2圖為根據本案一實施例繪示的一種電子裝置之動態桌布的圖層的示意圖;第3圖為根據本案一實施例繪示的一種電子裝置之動態桌布的圖層的示意圖;第4A~4C圖為根據本案一實施例繪示的一種產生動態桌布之方法的示意圖;第5A~5C圖為根據本案一實施例繪示的一種電子裝置之旋轉方向的示意圖;第6A~6C圖為根據本案一實施例繪示的一種動態桌布的示意圖;第7A~7C圖為根據本案一實施例繪示的一種產生動態桌布之方法的示意圖;以及 第8A~8C圖為根據本案一實施例繪示的為根據本案一實施例繪示的一種動態桌布的示意圖。 The above and other objects, features, advantages and embodiments of the present disclosure will be more apparent and understood. FIG. 1A is a schematic diagram of an electronic device according to an embodiment of the present disclosure; 1B is a flowchart of a method for displaying a dynamic tablecloth according to an embodiment of the present invention; FIG. 2 is a schematic diagram of a layer of a dynamic tablecloth of an electronic device according to an embodiment of the present invention; A schematic diagram of a layer of a dynamic tablecloth of an electronic device according to an embodiment; FIGS. 4A-4C are schematic diagrams showing a method for generating a dynamic tablecloth according to an embodiment of the present invention; and FIGS. 5A-5C are diagrams according to an embodiment of the present invention. FIG. 6A to FIG. 6C are schematic diagrams showing a dynamic tablecloth according to an embodiment of the present invention; and FIGS. 7A-7C are diagrams showing a dynamic generation according to an embodiment of the present invention; FIG. 8A-8C are schematic diagrams showing a dynamic tablecloth according to an embodiment of the present invention, according to an embodiment of the present invention.
請參閱第1A、1B、2、3圖,第1A圖為根據本案一實施例繪示的一種電子裝置100的示意圖。第1B圖為根據本案一實施例繪示的一種動態桌布的顯示方法的流程圖150。第2圖為根據本案一實施例繪示的一種電子裝置100之動態桌布的圖層L1~L2的示意圖。第3圖為根據本案一實施例繪示的一種電子裝置100之動態桌布的圖層L1~Ln的示意圖。 Please refer to FIGS. 1A, 1B, 2, and 3, and FIG. 1A is a schematic diagram of an electronic device 100 according to an embodiment of the present invention. FIG. 1B is a flowchart 150 of a method for displaying a dynamic tablecloth according to an embodiment of the present invention. FIG. 2 is a schematic diagram of layers L1 L L2 of a dynamic tablecloth of an electronic device 100 according to an embodiment of the present invention. FIG. 3 is a schematic diagram of layers L1 LLn of a dynamic tablecloth of an electronic device 100 according to an embodiment of the present invention.
於一實施例中,電子裝置100可以是一手機、一平板或其他具有顯示功能的裝置。 In an embodiment, the electronic device 100 can be a mobile phone, a tablet, or other device having a display function.
於一實施例中,電子裝置100包含一感測器10、一處理器20、一儲存裝置30以及一顯示器50。 In one embodiment, the electronic device 100 includes a sensor 10, a processor 20, a storage device 30, and a display 50.
於一實施例中,感測器10用以感測一互動資訊。感測器10例如為陀螺儀、重力感測器、加速度感測器、眼動儀、觸碰感測器及/或計時器。 In an embodiment, the sensor 10 is configured to sense an interactive information. The sensor 10 is, for example, a gyroscope, a gravity sensor, an acceleration sensor, an eye tracker, a touch sensor, and/or a timer.
於一實施例中,儲存裝置30可用以儲存多個影像及/或圖層L1~Ln(如第3圖所示)。於一實施例中,如第2圖所示,此些靜態圖層例如為圖層L1 及圖層L2。儲存裝置30可由記憶體、硬碟、隨身碟記憶卡等裝置以實施。 In one embodiment, the storage device 30 can be used to store a plurality of images and/or layers L1 L Ln (as shown in FIG. 3). In an embodiment, as shown in FIG. 2, such static layers are, for example, layer L1 and layer L2. The storage device 30 can be implemented by a device such as a memory, a hard disk, a flash memory card, or the like.
於下述實施例中,為方便敘述,以圖層L1及圖層L2為例作為說明。須注意的是,本案所述的靜態圖層不以只包含圖層L1及圖層L2為限,如第3圖所示,本案所述的靜態圖層組亦可包含多個圖層L1~Ln,處理多層圖層L1~Ln的方式可以與處理第一圖層L1及第二圖層L2的方式相同。 In the following embodiments, for convenience of description, the layer L1 and the layer L2 are taken as an example for illustration. It should be noted that the static layer described in this case is not limited to only the layer L1 and the layer L2. As shown in FIG. 3, the static layer group described in the present invention may also include multiple layers L1~Ln to process the multi-layer layer. The manner of L1~Ln can be the same as the way of processing the first layer L1 and the second layer L2.
於一實施例中,處理器20可以由微控制單元(microcontroller)、處理器(microprocessor)、數位訊號處理器(digital signal processor)、特殊應用積體電路(application specific integrated circuit,ASIC)或一邏輯電路以實現之。 In one embodiment, the processor 20 can be a micro control unit, a microprocessor, a digital signal processor, an application specific integrated circuit (ASIC), or a logic. The circuit is implemented.
於一實施例中,請參閱第1B圖,以下詳述本案之動態桌布的顯示方法的流程圖150。於一些實施例中,本案下述流程可藉由一種非暫態電腦可讀取記錄媒體以實現,此非暫態電腦可讀取記錄媒體記錄至少一程式指令,此至少一程式指令在載入一電子裝置後,執行以下步驟。 In an embodiment, please refer to FIG. 1B, and a flow chart 150 of the method for displaying the dynamic tablecloth of the present invention will be described in detail below. In some embodiments, the following process may be implemented by a non-transitory computer readable recording medium. The non-transitory computer readable recording medium records at least one program instruction, and the at least one program instruction is loaded. After an electronic device, perform the following steps.
於步驟151中,儲存裝置30用以提供複數個影像。 In step 151, the storage device 30 is configured to provide a plurality of images.
於步驟153中,處理器20將此些影像中的每一個各別套用一圖層混合模式後產生對應的圖層。 In step 153, the processor 20 applies a layer blending mode to each of the images to generate a corresponding layer.
於一實施例中,圖層混合模式(Blending mode)可以是正常模式、溶解模式、變暗模式、色彩增值模式、加深顏色模式、線性加深模式、顏色變暗模式、變亮模式、濾色模式、加亮顏色模式、線性加亮-增加模式、顏色變亮模式、覆蓋模式、柔光模式、色相模式、實光模式、強烈光源模式、線性光源模式、小光源模式、實色疊印混合模式、差異模式、排除模式、減去模式、分割模式、飽合度模式、顏色模式、明度模式...等等,此些圖層混合模式各自具有不同的特性,例如,濾色模式可保留圖層中白色部分,而圖層中黑色部分則被轉換成以全透明呈現,圖層中灰色部分則被轉換成以半透明呈現,半透明的程度根據灰色是偏黑的灰色還是偏白的灰色有所不同。 In an embodiment, the layer blending mode may be a normal mode, a dissolve mode, a darkening mode, a color value-adding mode, a deepening color mode, a linear deepening mode, a color darkening mode, a brightening mode, a color filter mode, Highlight color mode, linear highlighting - increasing mode, color brightening mode, overlay mode, soft light mode, hue mode, solid light mode, intense light source mode, linear light source mode, small light source mode, solid color overprint mixing mode, difference Mode, Exclusion Mode, Subtract Mode, Split Mode, Saturation Mode, Color Mode, Lightness Mode, etc. These layer blend modes each have different characteristics. For example, the filter mode preserves the white portion of the layer. The black part of the layer is converted to be fully transparent, and the gray part of the layer is converted to semi-transparent. The degree of translucency varies depending on whether the gray is black or white.
請參考第1B~2圖,在一實施例中,將第二影像套用覆蓋模式產生圖層L2,將第一影像套用正常模式產生圖層L1,但不限於此。 Please refer to FIG. 1B~2. In an embodiment, the second image is applied with the overlay mode to generate the layer L2, and the first image is applied by the normal mode to generate the layer L1, but is not limited thereto.
此外,在一些實施例中,此些圖層包含一背景層,此些圖層中的其他圖層疊合於此背景層上,此背景層的圖層混合模式被指定為正常模式。 Moreover, in some embodiments, the layers comprise a background layer, and other of the layers are layered on the background layer, and the layer blending mode of the background layer is designated as the normal mode.
於步驟155中,處理器20將此些圖層進行疊合後產生一疊合影像。 In step 155, the processor 20 superimposes the layers to produce a superimposed image.
於一實施例中,如第2圖所示,圖層L1位於圖層L2的下方,處理器20將此些圖層L1、L2進行疊合後可產生疊合影像。 In an embodiment, as shown in FIG. 2, the layer L1 is located below the layer L2, and the processor 20 superimposes the layers L1 and L2 to generate a superimposed image.
於一實施例中,如第2圖所示,圖層L2的面積大於顯示器50的顯示畫面面積,且圖層L2中的可視範圍Ra對應至顯示器50的整體顯示畫面。 In one embodiment, as shown in FIG. 2, the area of the layer L2 is larger than the display screen area of the display 50, and the visible range Ra in the layer L2 corresponds to the overall display screen of the display 50.
於一實施例中,請參閱第4A~4C圖,第4A~4C圖為根據本案一實施例繪示的一種產生動態桌布之方法的示意圖。於第4A圖中,圖層L2被指定的圖層混合模式為覆蓋模式(Overlay),覆蓋模式的特性在於保留或加強影像的亮面與暗面,且圖層L2中的每個顏色所佔的比例不一樣,因此可利用覆蓋模式調整圖層L2中各區塊的明暗度。 In an embodiment, please refer to FIG. 4A to FIG. 4C. FIG. 4A to FIG. 4C are schematic diagrams showing a method for generating a dynamic tablecloth according to an embodiment of the present invention. In FIG. 4A, the layer L2 is assigned a layer blending mode as an overlay mode. The overlay mode is characterized by retaining or enhancing the bright and dark sides of the image, and the proportion of each color in the layer L2 is not The same, so the coverage mode can be used to adjust the brightness of each block in layer L2.
舉例而言,若在第二影像被套用覆蓋模式以產生圖層L2的過程中,遇到第二影像中具有灰色區塊(例如像素中的RGB各值皆為128),則處理器20將第二影像中的此灰色區塊以透明呈現;遇到第二影像中具有像素中的RGB各值皆高於128的區塊,則處理器20會將此區塊套用覆蓋模式中的濾色效果,使此區塊的影像變亮;遇到第二影像中具有像素中的RGB各值皆低於128的區塊,則處理器20會將此區塊套用覆蓋模式中的色彩增值效果,使此區塊的影像變暗;據此,第二影像經過此些調整後的結果即為圖層L2。其中,覆蓋模 式中的濾色效果和色彩增值效果是圖層混合模式中的濾色模式和色彩增值模式的兩倍強度,因此,覆蓋模式的特性適合用於光的表現上。 For example, if the second image has a gray block in the process of applying the overlay mode to generate the layer L2 (for example, each RGB value in the pixel is 128), the processor 20 will The gray block in the second image is transparently presented; when the block in the second image has RGB values higher than 128 in the pixel, the processor 20 applies the color filter effect in the overlay mode to the block. Brightening the image of the block; when the second image has a block in which the RGB values in the pixel are all lower than 128, the processor 20 applies the color increment effect in the overlay mode to the block. The image of this block is darkened; accordingly, the result of the second image undergoing such adjustment is layer L2. Among them, the color filter effect and the color value-adding effect in the overlay mode are twice the intensity of the color filter mode and the color value-add mode in the layer blend mode, and therefore, the characteristics of the overlay mode are suitable for the performance of light.
另一方面,於第4B圖中,圖層L1例如為視覺上是放射狀的同心圓紋路,圖層L1被設為背景影像層,圖層混合模式將圖層L1指定為正常模式(Normal),不進行任何調整。 On the other hand, in FIG. 4B, the layer L1 is, for example, a radially concentric circular path, the layer L1 is set as the background image layer, and the layer blending mode designates the layer L1 as the normal mode (Normal) without any Adjustment.
如第4C圖所示,當圖層L2疊與圖層L1疊合後會產生一疊合影像DW,此疊合影像DW在亮暗對比上會非常強烈。 As shown in FIG. 4C, when the layer L2 overlaps with the layer L1, a superimposed image DW is generated, and the superimposed image DW is very intense in contrast.
須注意的是,本案並不僅限於上述將圖層L2的圖層混合模式指定為覆蓋模式以及將圖層L1的圖層混合模式指定為正常模式,亦可將圖層L1及圖層L2指定為圖層混合模式中的其他模式。因此,當圖層L1與被套用不同圖層混合模式的圖層L2疊加在一起後會產生不同視覺效果的疊合影像。 It should be noted that the present invention is not limited to the above, the layer blending mode of the layer L2 is specified as the overlay mode and the layer blending mode of the layer L1 is designated as the normal mode, and the layer L1 and the layer L2 may also be designated as other layers in the layer blending mode. mode. Therefore, when the layer L1 is superimposed with the layer L2 that is applied in a different layer blending mode, a superimposed image of different visual effects is generated.
於步驟157中,處理器20接收一互動資訊。其中,此互動資訊可以由感測器10感測後傳送至處理器20。 In step 157, the processor 20 receives an interactive message. The interactive information can be transmitted to the processor 20 after being sensed by the sensor 10.
於一實施例中,感測器10可以是陀螺儀,互動資訊可以是指使用者移動電子裝置100時,陀螺儀所感測到的弧度值。於一些實施例中,互動 資訊可以是指使用者與電子裝置100進行任何互動時,感測器10所感測到的資訊。 In an embodiment, the sensor 10 may be a gyroscope, and the interactive information may refer to a radian value sensed by the gyroscope when the user moves the electronic device 100. In some embodiments, the interactive information may refer to information sensed by the sensor 10 when the user interacts with the electronic device 100.
此外,處理器20可設定各圖層的移動規則,以達到動態桌布的動態效果。 In addition, the processor 20 can set the movement rules of each layer to achieve the dynamic effect of the dynamic tablecloth.
於步驟159中,處理器20依據互動資訊改變疊合影像的色彩效果,以產生一動態桌布。 In step 159, the processor 20 changes the color effect of the superimposed image according to the interactive information to generate a dynamic tablecloth.
例如,當電子裝置100被移動時,圖層L2以旋轉的方式作位移,圖層L1則定點不動。藉此,隨著電子裝置100被移動而旋轉的圖層L2與定點不動的圖層L1疊加在一起會產生不同的疊合影像,透過顯示器50顯示不同的疊合影像以呈現出動態桌布的視覺感受。 For example, when the electronic device 100 is moved, the layer L2 is displaced in a rotating manner, and the layer L1 is fixed at a fixed point. Thereby, the layer L2 rotated as the electronic device 100 is moved and the fixed layer L1 are superimposed to generate different superimposed images, and different superimposed images are displayed through the display 50 to present the visual feeling of the dynamic tablecloth.
以下為使敘述更為具體,將感測器10視為以陀螺儀的實現方式為例,以說明本案感測器10與動態桌布之間對應互動的具體實施方式。 Hereinafter, in order to make the description more specific, the sensor 10 is taken as an example of the implementation of the gyroscope to illustrate the specific implementation of the interaction between the sensor 10 and the dynamic tablecloth.
於一實施例中,陀螺儀用以感測一弧度值,並將弧度值及預設位移係數傳送到處理器20。其中,互動資訊包含弧度值。 In one embodiment, the gyroscope is configured to sense a radian value and transmit the radian value and the preset displacement coefficient to the processor 20. Among them, the interactive information contains the radians value.
於一實施例中,如第2圖所示,當電子裝置100被移動時(例如在Y-Z平面的方向a旋轉或在X-Z平面的方向b轉動),陀螺儀感測電子裝置100被移動的弧度值,並將感測到的弧度值傳送到處理器20。接著,處理器20依據弧度值以透過一平移函式求得一圖層平移運作模式,並依據圖層平 移運作模式改變疊合影像的色彩效果,該平移函式為:T=G(Gyro x )* α,0.1≦α≦0.9其中,
由上述平移函式可知,若符號Gyrox為1,預設的符號α值為0.2時,符號T為0.2,代表要平移圖層的幅度相對不大,例如處理器20依據圖層平移運作模式將圖層L對應平移方向(例如第2圖中的平移方向A或平移方向B)進行移動,例如在平移方向A上往右方平移20像素,藉此改變圖層L2的可視範圍Ra所呈現的色彩內容,進而使圖層L1及圖層L2疊合後產生的疊合影像的色彩效果改變,以呈現不同的視覺效果。另一方面,圖層L1 可設定為不進行調整或亦可設定為依據圖層平移運作模式進行調整。 It can be seen from the above translation function that if the symbol Gyro x is 1, and the preset symbol α value is 0.2, the symbol T is 0.2, which means that the amplitude of the layer to be translated is relatively small, for example, the processor 20 will layer according to the layer translation operation mode. L moves corresponding to the translation direction (for example, the translation direction A or the translation direction B in FIG. 2), for example, shifts 20 pixels to the right in the translation direction A, thereby changing the color content presented by the visible range Ra of the layer L2, Further, the color effect of the superimposed image generated by superimposing the layer L1 and the layer L2 is changed to present different visual effects. On the other hand, layer L1 can be set to not be adjusted or can be set to adjust according to the layer panning mode of operation.
於另一例子中,若符號Gyrox為1,預設的符號α值為0.8時,符號T為0.8,代表要平移圖層的幅度相對較大,例如處理器20依據圖層平移運作模式將圖層L2對應平移方向進行移動,例如在平移方向A上往右方平移150像素,藉此改變圖層L2的可視範圍Ra所呈現的色彩內容,進而使圖層L1及圖層L2疊合後產生的疊合影像的色彩效果改變。於一實施例中,色彩效果為一色相、一色彩飽和度、彩度、透明度或一明度等,但不限於此。 In another example, if the symbol Gyro x is 1, and the preset symbol α is 0.8, the symbol T is 0.8, which means that the amplitude of the layer to be translated is relatively large. For example, the processor 20 will layer L2 according to the layer translation operation mode. Moving corresponding to the translation direction, for example, shifting 150 pixels to the right in the translation direction A, thereby changing the color content presented by the visible range Ra of the layer L2, thereby superimposing the superimposed image generated by the layer L1 and the layer L2 The color effect changes. In one embodiment, the color effect is a hue, a color saturation, a chroma, a transparency, or a brightness, but is not limited thereto.
因此,當電子裝置100被移動時,疊合影像的色彩效果(即視覺效果)亦會隨著移動的程度改變。 Therefore, when the electronic device 100 is moved, the color effect (ie, visual effect) of the superimposed image also changes with the degree of movement.
於一實施例中,如第2圖所示,當電子裝置100被移動時(例如在Y-Z平面的方向a轉動或在X-Z平面的方向b轉動),陀螺儀感測電子裝置100被旋轉的弧度值,並將感測到的弧度值傳送到處理器20。接著,處理器20更用以依據弧度值套用一旋轉函式求得一圖層旋轉運作模式,並依據圖層旋轉運作模式改變疊合影像的色彩效果,旋轉函式為:R=G(Gyro x )* α+G(Gyro y )* β,α>0,β>0 In an embodiment, as shown in FIG. 2, when the electronic device 100 is moved (for example, rotated in the direction a of the YZ plane or rotated in the direction b of the XZ plane), the gyroscope senses the curvature of the electronic device 100 being rotated. The value is passed to the processor 20 for the sensed radians value. Then, the processor 20 is further configured to apply a rotation function according to the radians value to obtain a layer rotation operation mode, and change the color effect of the superimposed image according to the layer rotation operation mode, and the rotation function is: R=G( Gyro x ) * α+G( Gyro y )* β,α>0,β>0
其中,
於一實施例中,請參閱第5A~5C圖,第5A~5C圖為根據本案一實施例繪示的一種電子裝置100之旋轉方向的示意圖。於第5A圖中,使用者將電子裝置100沿著方向R1作旋轉,於第5B圖中,使用者將電子裝置100不作旋轉,於第5C圖中,使用者將電子裝置100沿著方向R2作旋轉。 In an embodiment, please refer to FIGS. 5A-5C, and FIGS. 5A-5C are schematic diagrams showing the rotation direction of an electronic device 100 according to an embodiment of the present invention. In FIG. 5A, the user rotates the electronic device 100 along the direction R1. In FIG. 5B, the user rotates the electronic device 100. In FIG. 5C, the user places the electronic device 100 along the direction R2. Make a rotation.
舉例而言,請一併參閱第4C、6A~6C圖,第6A~6C圖為根據本案一實施例繪示的一種動態桌布的示意圖。以下以第4C圖中的疊合影像DW為例,疊合影像DW是由圖層L1與圖層L2疊加在一起後所呈現的視覺效果。 For example, please refer to FIG. 4C and FIG. 6A to FIG. 6C. FIG. 6A to FIG. 6C are schematic diagrams of a dynamic tablecloth according to an embodiment of the present invention. Taking the superimposed image DW in FIG. 4C as an example, the superimposed image DW is a visual effect presented by superimposing the layer L1 and the layer L2.
如第6B圖所示,第6B圖為電子裝置100未被旋轉的情況下,疊合影像DW由電子裝置100的顯示器50所呈現的視覺效果。 As shown in FIG. 6B, FIG. 6B is a visual effect of the superimposed image DW being presented by the display 50 of the electronic device 100 in the case where the electronic device 100 is not rotated.
請參考第6A~6C圖所示,當電子裝置100往方向R1或方向R2旋轉時,處理器20依據前述的旋轉函式,以求得圖層旋轉運作模式,並依據圖層 旋轉運作模式改變疊合影像的色彩效果。在一實施例中,處理器20根據圖層旋轉運作模式的值的大小來調整圖層的轉動幅度。請參考第2圖,當圖層旋轉運作模式的值較大時,將圖層L2依照轉動方向C大幅度的轉動。另一方面,圖層L1可設定為不進行調整或可設定為依據旋轉運作模式的值大幅度的轉動。如此,進而使圖層L1及圖層L2疊合後產生的疊合影像的色彩效果改變。 Referring to FIGS. 6A-6C, when the electronic device 100 rotates in the direction R1 or the direction R2, the processor 20 obtains the layer rotation operation mode according to the rotation function described above, and changes the superposition according to the layer rotation operation mode. The color effect of the image. In one embodiment, processor 20 adjusts the extent of rotation of the layer based on the magnitude of the value of the layer rotation mode of operation. Referring to FIG. 2, when the value of the layer rotation operation mode is large, the layer L2 is largely rotated in accordance with the rotation direction C. On the other hand, the layer L1 can be set so as not to be adjusted or can be set to be rotated substantially according to the value of the rotational operation mode. In this way, the color effect of the superimposed image generated by superimposing the layer L1 and the layer L2 is changed.
於步驟160中,顯示器50顯示動態桌布。 In step 160, display 50 displays a live wallpaper.
藉此,當電子裝置100被旋轉時,處理器20可依據旋轉運作模式改變疊合影像的色彩效果,使顯示器50得以顯示動態桌布。 Thereby, when the electronic device 100 is rotated, the processor 20 can change the color effect of the superimposed image according to the rotation operation mode, so that the display 50 can display the dynamic tablecloth.
由上述可知,本案利用各圖層(如圖層L1~L2)的圖層混合模式的特色,使圖層疊合後的疊合影像可擴展出多元性的視覺風格,例如,呈現電子裝置100精湛的外觀工藝設計(例如電子裝置100之硬體外觀為同心圓),更藉由移動電子裝置100取得圖層旋轉運作模式的值及/或圖層平移運作模式的值來改變疊合影像的色彩效果,進而達到動態桌布的效果。 It can be seen from the above that the present invention utilizes the characteristics of the layer blending mode of each layer (as shown in layers L1 to L2), so that the superimposed image of the stacked image can be expanded into a multi-dimensional visual style, for example, presenting the superb appearance process of the electronic device 100. The design (for example, the hardware appearance of the electronic device 100 is a concentric circle), and the value of the layer rotation operation mode and/or the value of the layer translation operation mode is obtained by the mobile electronic device 100 to change the color effect of the superimposed image, thereby achieving dynamic The effect of the tablecloth.
於另一實施例中,請參閱第7A~7C、8A~8C圖,第7A~7C圖為根據本案一實施例繪示的一種產生動態桌布之方法的示意圖。第8A~8C圖為根據本案一實施例繪示的一種動態桌布的示意 圖。如第7A圖所示,圖層L2為混合層,而圖層L2的圖層混合模式指定為實色疊印混合模式(Hard Mix mode)。如第7B圖所示,圖層L1指定為正常模式。如第7C圖所示,圖層L1及圖層L2圖疊加在一起後產生的疊合影像DW的色彩效果。以下以第7C圖所示的疊合影像DW的色彩效果進行進一步說明,由於圖層L2的圖層混合模式為實色疊印混合模式,而實色疊印混合模式的特色在於,其會將疊合的各圖層的各對應像素之R值、G值、B值個別相加,如果加總結果大於或等於255,則將其值直接改為255,如果加總值小於255,則將其值直接改為0。意即,圖層L2的像素中的R值(紅色色版值)與所對應的圖層L1的像素中的R值相加、圖層L2的像素中的G值(綠色色版值)與所對應的圖層L1的像素中的G值相加、圖層L2的像素中的B值(藍色色版值)與所對應的圖層L1的像素中的B值相加,會得出R總值、G總值、B總值三個加總結果,加總結果大於或等於255的會直接被設定為255,加總結果小於255的會直接被設定為0,因此圖層L1即圖層L2疊合後產生的疊合影像DW的各像素中的RGB各值只會為0或255,而RGB各值為0或225的排列組合會產生的色彩為紅、綠、藍、黃、青、洋紅、白、黑這八種色彩, 因此疊合影像DW就會包含此八種色彩的至少其中之一。 In another embodiment, please refer to FIGS. 7A-7C, 8A-8C, and FIGS. 7A-7C are schematic diagrams of a method for generating a dynamic tablecloth according to an embodiment of the present invention. 8A-8C are schematic views of a dynamic tablecloth according to an embodiment of the present invention. As shown in FIG. 7A, the layer L2 is a mixed layer, and the layer blending mode of the layer L2 is designated as a Hard Mix mode. As shown in Fig. 7B, the layer L1 is designated as the normal mode. As shown in FIG. 7C, the color effect of the superimposed image DW generated after the layer L1 and the layer L2 are superimposed. The following is further illustrated by the color effect of the superimposed image DW shown in FIG. 7C, since the layer blending mode of the layer L2 is a solid color overprinting blending mode, and the solid color overprinting blending mode is characterized in that it will overlap each other. The R value, G value, and B value of each corresponding pixel of the layer are added separately. If the total result is greater than or equal to 255, the value is directly changed to 255. If the total value is less than 255, the value is directly changed to 0. That is, the R value (red color version value) in the pixel of the layer L2 is added to the R value in the pixel of the corresponding layer L1, the G value (green color version value) in the pixel of the layer L2 and the corresponding The G values in the pixels of the layer L1 are added, and the B value (blue color plate value) in the pixel of the layer L2 is added to the B value in the pixel of the corresponding layer L1, and the total value of R and the total value of G are obtained. And B total value of three total results, the total result is greater than or equal to 255 will be directly set to 255, the total result is less than 255 will be directly set to 0, so the layer L1 is the stack generated after the layer L2 overlap The RGB values in each pixel of the image DW will only be 0 or 255, and the combination of RGB values of 0 or 225 will produce colors of red, green, blue, yellow, cyan, magenta, white, and black. Eight colors, so the superimposed image DW will contain at least one of the eight colors.
如第8B圖所示,第8B圖為電子裝置100未被旋轉的情況下,疊合影像DW由電子裝置100的顯示器50所呈現的視覺效果。 As shown in FIG. 8B, FIG. 8B is a visual effect of the superimposed image DW being presented by the display 50 of the electronic device 100 in the case where the electronic device 100 is not rotated.
如第8A、8C圖所示,當電子裝置100往方向R1或方向R2旋轉時,處理器20依據前述的平移函式以求得圖層平移運作模式,並依據圖層平移運作模式改變疊合影像DW的色彩效果。 As shown in FIGS. 8A and 8C, when the electronic device 100 rotates in the direction R1 or the direction R2, the processor 20 obtains the layer translation operation mode according to the above-mentioned translation function, and changes the superimposed image DW according to the layer translation operation mode. Color effect.
於其他實施例中,處理器20依據圖層旋轉運作模式改變疊合影像DW的色彩效果,以使動態桌布中的物件以三維透視的方式呈現。例如,當電子裝置100往方向R1或方向R2旋轉時,動態桌布中的物件亦隨著圖層旋轉運作模式的值調整其形變程度,藉此做到仿三維影像的視覺效果。 In other embodiments, the processor 20 changes the color effect of the superimposed image DW according to the layer rotation operation mode, so that the objects in the dynamic tablecloth are presented in a three-dimensional perspective. For example, when the electronic device 100 rotates in the direction R1 or the direction R2, the object in the dynamic tablecloth also adjusts the degree of deformation along with the value of the layer rotation operation mode, thereby realizing the visual effect of the three-dimensional image.
於一實施例中,當感測器10為眼動儀時,眼動儀取得的使用者眼球觀看動態桌布之位置即為互動資訊的一種,使處理器20可根據使用者眼球觀看動態桌布之位置來改變疊合影像的色彩效果,以呈現與使用者互動的動態效果。例如,在使用者眼球觀看動態桌布之位置產生物件或光影效果。 In one embodiment, when the sensor 10 is an eye tracker, the position of the user's eyeball to watch the dynamic tablecloth is a kind of interactive information, so that the processor 20 can watch the dynamic tablecloth according to the user's eyeball. Position to change the color effect of the superimposed image to present a dynamic effect that interacts with the user. For example, an object or light effect is produced at a position where the user's eyeball views the dynamic tablecloth.
於一實施例中,當感測器10為觸控感測器時,感測器所感測到在顯示器50上被使用者觸控 的位置即為互動資訊的一種,處理器20可根據在顯示器50上被使用者觸控的位置來改變疊合影像的色彩效果。例如,此動態桌布在被觸控的位置產生物件或光影效果,或是依據不同的觸碰手勢產生不同的視覺效果。 In one embodiment, when the sensor 10 is a touch sensor, the sensor senses that the position touched by the user on the display 50 is one of interactive information, and the processor 20 can be based on the display. The color effect of the superimposed image is changed by the position touched by the user on the 50. For example, the dynamic tablecloth generates objects or light effects at the touched position, or produces different visual effects according to different touch gestures.
於一實施例中,當感測器10為計時器時,計時器取得的時間資訊即為互動資訊的一種,處理器20可根據此時間資訊來改變疊合影像的色彩效果。如此,動態桌布會隨著時間變化呈現白天漸變至夜晚的視覺效果。 In one embodiment, when the sensor 10 is a timer, the time information obtained by the timer is a kind of interactive information, and the processor 20 can change the color effect of the superimposed image according to the time information. In this way, the dynamic wallpaper will show the visual effect of daytime gradual to nighttime as time goes by.
由上述可知,本案所述的各圖層可選擇欲使用的圖層混合模式,且圖層張數與尺寸不限,藉此使圖層疊加產生不同的色彩效果。此外,圖層與圖層之間是相互影響的,所以雙層(例如第4A~4C圖所示)與複合層(例如第3圖所示)疊加的結果也會有所不同。 It can be seen from the above that each layer described in the present invention can select a layer blending mode to be used, and the number of layers and the size of the layer are not limited, thereby causing the layers to be superimposed to produce different color effects. In addition, the layer and the layer interact with each other, so the result of superimposing the double layer (for example, shown in Figures 4A to 4C) and the composite layer (for example, as shown in Fig. 3) will be different.
綜上,本案依據互動資訊及各圖層的圖層混合模式,藉由位移圖層或轉換圖層的色彩使圖層疊合後產生之疊合影像有多種變化,進而達到動態效果及擬真的物理反應。此外,本案使用之圖層可為靜態圖片,其優勢在於不佔記憶體、省效能且不耗電。 In summary, the case is based on the interactive information and the layer blending mode of each layer. By shifting the color of the layer or the transition layer, the superimposed image produced by the lamination of the layers has various changes, thereby achieving dynamic effects and imaginary physical reactions. In addition, the layer used in this case can be a static picture, which has the advantages of not occupying memory, saving efficiency, and not consuming power.
雖然本案已以實施例揭露如上,然其並非用以限定本案,任何熟習此技藝者,在不脫離本案 之精神和範圍內,當可作各種之更動與潤飾,因此本案之保護範圍當視後附之申請專利範圍所界定者為準。 Although the present invention has been disclosed in the above embodiments, it is not intended to limit the present case. Anyone skilled in the art can make various changes and refinements without departing from the spirit and scope of the present case. The scope defined in the patent application is subject to change.
Claims (13)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW106110026A TWI645328B (en) | 2017-03-24 | 2017-03-24 | Live wallpaper display method, electronic device and non-transitory computer readable storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW106110026A TWI645328B (en) | 2017-03-24 | 2017-03-24 | Live wallpaper display method, electronic device and non-transitory computer readable storage medium |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201835745A true TW201835745A (en) | 2018-10-01 |
TWI645328B TWI645328B (en) | 2018-12-21 |
Family
ID=64797025
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW106110026A TWI645328B (en) | 2017-03-24 | 2017-03-24 | Live wallpaper display method, electronic device and non-transitory computer readable storage medium |
Country Status (1)
Country | Link |
---|---|
TW (1) | TWI645328B (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110908757A (en) * | 2019-11-18 | 2020-03-24 | 腾讯科技(深圳)有限公司 | Method and related device for displaying media content |
Family Cites Families (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7995075B2 (en) * | 2006-03-02 | 2011-08-09 | Mediatek Inc. | Display data extraction methods, devices and computer systems utilizing the same |
TWI467413B (en) * | 2009-08-28 | 2015-01-01 | Fih Hong Kong Ltd | Electronic device and method for switching display images of the electronic device |
TWI447356B (en) * | 2011-05-27 | 2014-08-01 | Sitronix Technology Corp | Direction sensing device |
US20130009991A1 (en) * | 2011-07-07 | 2013-01-10 | Htc Corporation | Methods and systems for displaying interfaces |
TWI463393B (en) * | 2011-11-03 | 2014-12-01 | Htc Corp | Method for displaying one or more user interface units upon background wallpaper on display unit of electrical device and computer program product and electrical device thereof |
CN102789359A (en) * | 2012-06-25 | 2012-11-21 | 威盛电子股份有限公司 | Dynamic wallpaper display method, new video information display method and handheld mobile system |
US9355472B2 (en) * | 2013-03-15 | 2016-05-31 | Apple Inc. | Device, method, and graphical user interface for adjusting the appearance of a control |
TWM488688U (en) * | 2014-06-20 | 2014-10-21 | Upi Semiconductor Corp | Electronic apparatus coupled to portable electronic apparatus |
TW201610750A (en) * | 2014-09-03 | 2016-03-16 | Liquid3D Solutions Ltd | Gesture control system interactive with 3D images |
-
2017
- 2017-03-24 TW TW106110026A patent/TWI645328B/en active
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110908757A (en) * | 2019-11-18 | 2020-03-24 | 腾讯科技(深圳)有限公司 | Method and related device for displaying media content |
CN110908757B (en) * | 2019-11-18 | 2022-01-28 | 腾讯科技(深圳)有限公司 | Method and related device for displaying media content |
Also Published As
Publication number | Publication date |
---|---|
TWI645328B (en) | 2018-12-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Chen | National Taiwan University | |
US9077986B2 (en) | Electronic visual displays | |
RU2623201C2 (en) | Mobile display device | |
CN112037123B (en) | Lip makeup special effect display method, device, equipment and storage medium | |
JP6799017B2 (en) | Terminal devices, systems, programs and methods | |
CN110064200B (en) | Object construction method and device based on virtual environment and readable storage medium | |
CN104038807A (en) | Layer mixing method and device based on open graphics library (OpenGL) | |
CN107274351A (en) | Image processing equipment, image processing system and image processing method | |
CN112870707A (en) | Virtual object display method in virtual scene, computer device and storage medium | |
Sandnes | Understanding WCAG2. 0 color contrast requirements through 3D color space visualization | |
CN112907716B (en) | Cloud rendering method, device, equipment and storage medium in virtual environment | |
EP3839699A1 (en) | Augmented virtuality self view | |
JP2006332908A (en) | Color image display apparatus, color image display method, program, and recording medium | |
JP5762015B2 (en) | Image processing apparatus, image processing method, and program | |
RU2671763C1 (en) | Color space displaying method and device | |
TWI645328B (en) | Live wallpaper display method, electronic device and non-transitory computer readable storage medium | |
CN103377469A (en) | Terminal and image processing method | |
CN108269288B (en) | Intelligent special-shaped projection non-contact interaction system and method | |
TWI698834B (en) | Methods and devices for graphics processing | |
CA2711586A1 (en) | Multi-format support for surface creation in a graphics processing system | |
JP5655550B2 (en) | Image processing apparatus, image processing method, and program | |
CN113935891B (en) | Pixel-style scene rendering method, device and storage medium | |
WO2022022260A1 (en) | Image style transfer method and apparatus therefor | |
CN106325665B (en) | Display control method and electronic equipment | |
CN107526563B (en) | Three-dimensional graph display method, device, equipment and storage medium |