JP2013175222A - Content display device, content display method, program, and recording medium - Google Patents

Content display device, content display method, program, and recording medium Download PDF

Info

Publication number
JP2013175222A
JP2013175222A JP2013090684A JP2013090684A JP2013175222A JP 2013175222 A JP2013175222 A JP 2013175222A JP 2013090684 A JP2013090684 A JP 2013090684A JP 2013090684 A JP2013090684 A JP 2013090684A JP 2013175222 A JP2013175222 A JP 2013175222A
Authority
JP
Japan
Prior art keywords
displayed
display
screen
shelf
image
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
Application number
JP2013090684A
Other languages
Japanese (ja)
Inventor
Shinichiro Ota
慎一郎 太田
Toru Matsumoto
融 松本
Sunao Yamaguchi
直 山口
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Sharp Corp
Original Assignee
Sharp Corp
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Sharp Corp filed Critical Sharp Corp
Priority to JP2013090684A priority Critical patent/JP2013175222A/en
Publication of JP2013175222A publication Critical patent/JP2013175222A/en
Pending legal-status Critical Current

Links

Images

Abstract

PROBLEM TO BE SOLVED: To provide a content display device having a content selecting screen which is user-friendly.SOLUTION: A content display device includes: a document list displaying processor for displaying, on a screen 20, a portion of a book shelf object 10 in which a plurality of thumbnail images 12 are arranged on a shelf surface 11; and a rotation processor and a scroll processor for changing a display portion of the book shelf object 10 to be displayed on the screen 20. When a second input operation is carried out, on an input operation part, for instructing a display of another location in a vertical direction of the displayed shelf surface 11, the scroll processor displays a scroll movement in the vertical direction of the displayed shelf surface 11. When a first input operation is performed, on the input operation part, for instructing a display of a shelf surface 11 which is different from the displayed shelf surface 11, the rotation processor displays rotation of the book shelf object 10 using a central axis of the book shelf object 10 as a rotational axis.

Description

本発明は、コンテンツ表示装置、コンテンツ表示方法、プログラム、および記録媒体に関し、詳細にはコンテンツに対応するサムネイル画像を表示するコンテンツ表示装置、コンテンツ表示方法、およびそのためのプログラムならびにこれを記録した記録媒体に関する。   The present invention relates to a content display device, a content display method, a program, and a recording medium, and more specifically, a content display device that displays a thumbnail image corresponding to the content, a content display method, a program therefor, and a recording medium on which the same is recorded. About.

従来、複数のサムネイル画像を並べて表示するブラウザ機能を搭載した端末が知られている。これらの多くは、2次元平面上に複数のサムネイル画像を並べて表示するものである。しかしながら画面サイズによる制限から、1画面内に表示できるサムネイル画像の枚数には制限がある。   Conventionally, a terminal equipped with a browser function for displaying a plurality of thumbnail images side by side is known. Many of these display a plurality of thumbnail images side by side on a two-dimensional plane. However, the number of thumbnail images that can be displayed in one screen is limited due to the limitation due to the screen size.

そこで、3次元立体の側面に画像を貼り付け、この立体を回転表示させる方法が提案されている(特許文献1参照)。また、複数の画像をユーザにとって視覚的に見易く提示するために、提示方法に応じて3次元オブジェクトの3次元形状を切り替える方法が提案されている(特許文献2参照)。   In view of this, a method has been proposed in which an image is pasted on the side surface of a three-dimensional solid and the solid is rotated (see Patent Document 1). In addition, a method of switching the three-dimensional shape of a three-dimensional object in accordance with a presentation method has been proposed in order to present a plurality of images in a manner that is easy for the user to see visually (see Patent Document 2).

特開2002−288690号公報(2002年10月4日公開)JP 2002-288690 A (released on October 4, 2002) 特開2006−338599号公報(2006年12月14日公開)JP 2006-338599 A (released on December 14, 2006)

しかしながら特許文献1における方法では、側面に貼り付けられる画像は一つである。そのため、目的の画像が得られるまで立体を回転させる必要があり、画像の数が大量になると不便である。また、特許文献2における方法では、立方体の面に複数の画像が貼り付けられているものの、立方体は360のあらゆる方向へ回転が可能であるため、操作になれていないユーザにとっては使いづらいものである。   However, according to the method in Patent Document 1, only one image is attached to the side surface. Therefore, it is necessary to rotate the solid until the target image is obtained, and it is inconvenient if the number of images becomes large. Further, in the method in Patent Document 2, although a plurality of images are pasted on the surface of the cube, the cube can be rotated in any direction of 360, so that it is difficult to use for a user who is not operated. is there.

そこで、本発明は上記の問題点に鑑みてなされたものであり、その目的は、ユーザにとって操作し易いユーザインターフェイスを有するコンテンツ表示装置を提供することにある。   Therefore, the present invention has been made in view of the above problems, and an object thereof is to provide a content display device having a user interface that is easy for a user to operate.

本発明に係るコンテンツ表示装置は、上記課題を解決するために、画面と、コンテンツを表す画像を多角柱の各側面に複数個配置した仮想3次元オブジェクトの一部を上記画面上に表示させる表示処理手段と、入力部と、表示されている上記側面とは別の上記側面の表示を指示する第1の入力操作が上記入力部に対して行われた場合に、上記表示処理手段を制御して、上記多角柱の中心軸を回転軸とした上記仮想3次元オブジェクトの回転を表示させるとともに回転の結果表示されることになる上記側面を表示させるための処理を実行する回転処理手段と、表示されている上記側面の、上記中心軸と平行な方向における別の位置の表示を指示する第2の入力操作が上記入力部に対して行われた場合に、上記表示処理手段を制御して、表示されている上記側面の上記方向へのスクロール移動を表示させるとともに移動の結果表示されることになる部分を表示させるための処理を実行するスクロール移動処理手段と、を備えている構成である。   In order to solve the above problems, a content display device according to the present invention displays a screen and a part of a virtual three-dimensional object in which a plurality of images representing content are arranged on each side of a polygonal column on the screen. The display processing means is controlled when a first input operation for instructing display of the side surface different from the processing means, the input unit, and the displayed side surface is performed on the input unit. A rotation processing means for displaying the rotation of the virtual three-dimensional object with the central axis of the polygonal column as the rotation axis and displaying the side surface to be displayed as a result of the rotation, and display When the second input operation for instructing the display of another position in the direction parallel to the central axis of the side surface is performed on the input unit, the display processing unit is controlled, Displayed And scrolling processing means for executing processing for displaying the results displayed are possible to become part of the mobile together with displaying the scrolling to the direction of the sides have a Configurations which comprises a.

上記構成によれば、コンテンツ表示装置は、多角柱の仮想3次元オブジェクトおよびその各側面に配置された各画像を画面に表示する。入力部に対しては、第1の入力操作または第2の入力操作がなされる。第1の入力操作は、画面に仮想3次元オブジェクトのある側面が表示されているときに、表示されている側面とは別の側面を表示させるための入力操作である。第2の入力操作は、画面に仮想3次元オブジェクトのある側面が表示されているときに、多角柱の中心軸と平行な方向における同一側面内の別の位置を表示させるための入力操作である。なお、本明細書において多角柱の中心軸とは、多角柱の底面の重心を通る、多角柱の底面と直交する軸のことを意図している。以下、本明細書では、この方向のことを縦方向という。   According to the above configuration, the content display device displays the virtual three-dimensional object of polygonal prism and each image arranged on each side surface thereof on the screen. A first input operation or a second input operation is performed on the input unit. The first input operation is an input operation for displaying a side surface different from the displayed side surface when a certain side surface of the virtual three-dimensional object is displayed on the screen. The second input operation is an input operation for displaying another position within the same side surface in a direction parallel to the central axis of the polygonal column when a side surface of the virtual three-dimensional object is displayed on the screen. . In this specification, the central axis of the polygonal column is intended to be an axis that passes through the center of gravity of the bottom surface of the polygonal column and is orthogonal to the bottom surface of the polygonal column. Hereinafter, this direction is referred to as a vertical direction in the present specification.

第1の入力操作がなされた場合には、多角柱の中心軸を回転軸とした仮想3次元オブジェクトの回転を表示させる処理がなされる。その結果、画面には、仮想3次元オブジェクトが回転する様子が表示される。また、回転の結果表示されることになる側面を表示させるための処理がなされる。その結果、画面には、もともと表示されていた側面とは別の側面が表示される。したがって、各側面に画像が配置されており、ある側面の画像が表示されていたときに、第1の入力操作によって、別の側面にある画像を表示できるようになる。   When the first input operation is performed, a process of displaying the rotation of the virtual three-dimensional object with the central axis of the polygonal column as the rotation axis is performed. As a result, a state in which the virtual three-dimensional object rotates is displayed on the screen. In addition, processing for displaying the side surface to be displayed as a result of the rotation is performed. As a result, a different side from the side that was originally displayed is displayed on the screen. Therefore, when an image is arranged on each side surface and an image on a certain side surface is displayed, an image on another side surface can be displayed by the first input operation.

また、第2の入力操作がなされた場合には、そのときに表示されている側面の縦方向へのスクロール移動を表示させる処理がなされる。その結果、画面には、表示されている側面が縦方向へスクロール移動する様子が表示される。また、スクロール移動の結果表示されることになる部分を表示させるための処理がなされる。その結果、画面には、もともと表示されていた側面と同一の側面内であって、もともと表示されていた部分とは別の部分が表示される。したがって、ある側面に大量の画像が配置されており、その一部のみが画面上に表示されていたときに、第2の入力操作によって、同一の側面内にあるものの表示されていなかった画像を表示できるようになる。   Further, when the second input operation is performed, a process for displaying the scroll movement in the vertical direction of the side surface displayed at that time is performed. As a result, a state in which the displayed side surface scrolls in the vertical direction is displayed on the screen. In addition, processing for displaying a portion to be displayed as a result of scrolling is performed. As a result, the screen displays a portion that is in the same side as the side that was originally displayed and that is different from the portion that was originally displayed. Therefore, when a large amount of images are arranged on a certain side surface and only a part of the image is displayed on the screen, an image that is in the same side surface but has not been displayed is displayed by the second input operation. It can be displayed.

以上により、多くの画像を仮想3次元オブジェクトに配置して管理しても、この仮想3次元オブジェクトを画面内の仮想空間で回転させたり、その側面を縦方向へスクロール移動させたりすることによって、目的の画像を画面上に表示させることができる。   As described above, even if many images are arranged and managed in the virtual three-dimensional object, by rotating the virtual three-dimensional object in the virtual space in the screen or scrolling the side surface in the vertical direction, The target image can be displayed on the screen.

また、多角柱のオブジェクトを回転させたり、そのある側面について眺める箇所を縦方向に変化させたりする行為は、本屋などに置かれている回転式書棚における動作が連想される。そのため、コンテンツ表示装置に初めて接する人や、機器の操作に不慣れな人であっても、操作方法を容易に理解することができる。   In addition, the act of rotating an object of a polygonal column or changing a portion viewed from a certain side surface in a vertical direction is associated with an operation in a rotary bookcase placed in a bookstore or the like. Therefore, even a person who contacts the content display device for the first time or a person who is unfamiliar with the operation of the device can easily understand the operation method.

また、本発明に係るコンテンツ表示装置において、上記スクロール移動処理手段は、上記側面の上記方向における表示位置を、上記側面毎に独立に制御していることが好ましい。   In the content display device according to the present invention, it is preferable that the scroll movement processing means controls the display position of the side surface in the direction independently for each side surface.

縦方向における表示位置を側面毎に独立に制御することにより、ある側面に対して第2の入力操作がなされた場合に、その側面についてのみ、縦方向における表示位置を変更させることができる。したがって、他の側面については縦方向における表示位置は変更されていないため、その後第1の入力操作によって他の側面を画面に表示させた場合に、縦方向の表示位置については影響を受けることなく、前回表示されていた縦方向位置が表示される。そのため、他の側面に移動したときに、再度スクロール移動させて元の表示位置に戻すといった手間が生じるのを防ぐことができる。   By independently controlling the display position in the vertical direction for each side surface, when the second input operation is performed on a certain side surface, the display position in the vertical direction can be changed only for that side surface. Therefore, since the display position in the vertical direction is not changed for the other side surfaces, when the other side surface is subsequently displayed on the screen by the first input operation, the display position in the vertical direction is not affected. The previously displayed vertical position is displayed. Therefore, when moving to another side surface, it is possible to prevent the trouble of scrolling again and returning to the original display position.

また、本発明に係るコンテンツ表示装置では、上記側面毎に上記コンテンツのカテゴリが規定されており、上記側面のそれぞれに配置される上記各画像は、それぞれの上記側面に規定された該カテゴリに属する上記コンテンツの上記画像であることが好ましい。   In the content display device according to the present invention, the category of the content is defined for each of the side surfaces, and the images arranged on the side surfaces belong to the category defined for the side surface. The image of the content is preferable.

上記構成によれば、各側面には、側面毎に共通のカテゴリに分類されるコンテンツが含まれている。そのため、コンテンツの管理がし易くなるとともに、目的のコンテンツの探索がより容易となる。   According to the above configuration, each side includes content classified into a common category for each side. Therefore, it becomes easier to manage the content, and it becomes easier to search for the target content.

また、本発明に係るコンテンツ表示装置では、上記側面の少なくとも1つには棚が設けられており、上記表示処理手段は、上記棚が設けられた上記側面における上記各画像を上記棚の上に置かれているように表示させ、上記画面内での上記棚の表示位置に応じて、上記棚の表示角度を変化させることが好ましい。   Moreover, in the content display device according to the present invention, a shelf is provided on at least one of the side surfaces, and the display processing unit places the images on the side surface on which the shelf is provided on the shelf. It is preferable to display the shelf so that the display angle of the shelf is changed according to the display position of the shelf in the screen.

上記構成によれば、画面上に側面の一部のみが表示されている場合であっても、ユーザは、3次元オブジェクトを眺めていると直感的に認識することができる。   According to the above configuration, even when only a part of the side surface is displayed on the screen, the user can intuitively recognize that the user is looking at the three-dimensional object.

また、本発明に係るコンテンツ表示装置において、上記表示処理手段は、少なくとも1つの上記側面および少なくとも1つの上記画像の不透明度を低減させ、表示されている上記側面以外の上記側面および該側面に配置された上記画像も表示させることが好ましい。   Further, in the content display device according to the present invention, the display processing means reduces the opacity of at least one of the side surfaces and at least one of the images, and is disposed on the side surface other than the displayed side surface and the side surface. It is preferable to display the above-described image.

上記構成によれば、ユーザは、他の側面に配置された画像を認識できるようになる。さらに、ユーザは、3次元オブジェクトを眺めていると直感的に認識することができる。   According to the above configuration, the user can recognize images arranged on other side surfaces. Furthermore, the user can intuitively recognize that he is looking at the three-dimensional object.

また、本発明に係るコンテンツ表示装置において、上記表示処理手段は、上記多角柱の回転の角度に応じて、上記少なくとも1つの側面の不透明度を変化させることが好ましい。   In the content display device according to the present invention, it is preferable that the display processing unit changes the opacity of the at least one side surface in accordance with a rotation angle of the polygonal column.

また、本発明に係るコンテンツ表示装置において、上記入力部は、上記画面と重畳して設けられているタッチパネルであることが好ましい。   In the content display device according to the present invention, it is preferable that the input unit is a touch panel provided so as to overlap the screen.

上記構成によれば、3次元オブジェクトを直接操作している感覚が得られ、直感的に操作を行える。そのため、コンテンツ表示装置を初めて操作するユーザや、機器の操作に不慣れなユーザにとっても困難なく操作を行うことができるようになる。   According to the above configuration, a feeling of directly operating the three-dimensional object can be obtained and the operation can be performed intuitively. Therefore, even a user who operates the content display device for the first time or a user who is not familiar with the operation of the device can perform the operation without difficulty.

また、本発明に係るコンテンツ表示装置において、上記回転処理手段は、上記タッチパネル上での上記第1の入力操作の速度に応じて、回転後に表示させる上記側面を決定することが好ましい。   In the content display device according to the present invention, it is preferable that the rotation processing means determines the side surface to be displayed after rotation according to the speed of the first input operation on the touch panel.

上記構成によれば、タッチパネル上における第1の入力操作の速度を変更することによって、回転させる角度を変更させることができる。そのため、1回の入力操作でも、その速度によって、隣接する側面を表示させたり、さらにその隣の側面を表示させたりすることができる。   According to the above configuration, the rotation angle can be changed by changing the speed of the first input operation on the touch panel. Therefore, even in a single input operation, the adjacent side surface can be displayed or the adjacent side surface can be displayed depending on the speed.

また、本発明に係るコンテンツ表示装置において、上記スクロール移動処理手段は、上記タッチパネル上での上記第2の入力操作の速度に基づいて、スクロール移動後の表示部分を決定することが好ましい。   In the content display device according to the present invention, it is preferable that the scroll movement processing unit determines a display portion after the scroll movement based on the speed of the second input operation on the touch panel.

上記構成によれば、タッチパネル上における第2の入力操作の速度を変更することによって、スクロール移動させる距離を変更させることができる。そのため、1回の入力操作でも、その速度によって、画像の列にして1列分移動させたり、2列分移動させたり、それ以上移動させたりすることができる。   According to the above configuration, the scrolling distance can be changed by changing the speed of the second input operation on the touch panel. For this reason, even with a single input operation, the image can be moved by one row, moved by two rows, or moved further by the speed.

また、本発明に係るコンテンツ表示装置において、上記第1の入力操作は表示すべき上記側面を選択するものであり、上記回転処理手段は、上記第1の入力操作による上記タッチパネル上での選択操作に基づいて、上記多角柱を回転表示させて、選択された上記側面を表示させることが好ましい。   In the content display device according to the present invention, the first input operation selects the side surface to be displayed, and the rotation processing means performs the selection operation on the touch panel by the first input operation. Preferably, the polygonal column is rotated and displayed to display the selected side surface.

上記構成によれば、1回の入力操作によって目的の側面を表示させることができるため、目的の側面にすばやく表示を切り替えることができる。   According to the above configuration, since the target side surface can be displayed by a single input operation, the display can be quickly switched to the target side surface.

また、本発明に係るコンテンツ表示装置において、上記側面の少なくとも1つは、上記画像が上記方向に沿って一列に配置されており、上記画像が上記方向に沿って一列に配置されている上記側面が上記画面に表示されている状態において、上記タッチパネル上で、上記画像の1つを起点として、該画像を上記画面上で上方向に移動させる入力操作を行うことにより、該画像が表しているコンテンツと関連するコンテンツを表す上記画像の一覧を上記画面に表示することが好ましい。   Moreover, in the content display device according to the present invention, at least one of the side surfaces includes the images arranged in a line along the direction, and the images arranged in a line along the direction. Is displayed on the screen, the image is represented by performing an input operation to move the image upward on the screen, starting from one of the images on the touch panel. It is preferable to display a list of the images representing the content related to the content on the screen.

上記構成によれば、あるコンテンツに対応する画像が置かれたところの蓋を開けて、中からそのコンテンツに関連するコンテンツを取り出して一覧として眺める動作に似ている。例えば、マガジンラックの蓋を開けて、その中から格納されているバックナンバーの全体を取り出して一覧として眺める動作に似ている。したがって、ユーザにとって操作が分かり易くなる。   According to the above configuration, it is similar to the operation of opening the lid where an image corresponding to a certain content is placed, taking out the content related to the content from the inside, and viewing it as a list. For example, it is similar to the operation of opening the lid of a magazine rack, taking out the entire back numbers stored therein, and viewing them as a list. Therefore, it becomes easy for the user to understand the operation.

また、本発明に係るコンテンツ表示装置において、上記コンテンツは電子書籍であり、上記画像は該電子書籍のサムネイル画像であり得る。   In the content display device according to the present invention, the content may be an electronic book, and the image may be a thumbnail image of the electronic book.

本発明に係るコンテンツ表示方法は、上記課題を解決するために、多角柱である仮想3次元オブジェクトの一部を、入力部を備えたコンテンツ表示装置の画面上に表示するコンテンツ表示方法であって、上記多角柱の各側面には、コンテンツを表す画像が複数個配置されており、上記画面上に表示する上記仮想3次元オブジェクトの表示部分を変更する変更処理工程を含み、上記変更処理工程では、表示されている上記側面とは別の上記側面の表示を指示する第1の入力操作が上記入力部に対して行われた場合に、上記多角柱の中心軸を回転軸とした上記仮想3次元オブジェクトの回転を表示するとともに回転の結果表示されることになる上記側面を表示するための処理を実行し、表示されている上記側面の上記中心軸と平行な方向における別の位置の表示を指示する第2の入力操作が上記入力部に対して行われた場合に、表示されている上記側面の上記方向へのスクロール移動を表示するとともに移動の結果表示されることになる部分を表示するための処理を実行する構成を有している。   In order to solve the above problems, a content display method according to the present invention is a content display method for displaying a part of a virtual three-dimensional object that is a polygonal column on a screen of a content display device including an input unit. A plurality of images representing content are arranged on each side of the polygonal column, and includes a change processing step for changing the display portion of the virtual three-dimensional object displayed on the screen. In the change processing step, When the first input operation for instructing display of the side surface different from the displayed side surface is performed on the input unit, the virtual 3 with the central axis of the polygonal column as the rotation axis Display the rotation of the dimension object and display the side surface that will be displayed as a result of the rotation, in a direction parallel to the central axis of the displayed side surface When the second input operation for instructing the display of the position is performed on the input unit, the scroll movement of the side surface being displayed in the direction is displayed and the result of the movement is displayed. It has the structure which performs the process for displaying the part which becomes.

上記構成によれば、本発明に係るコンテンツ表示装置と同様の効果を得ることができる。   According to the said structure, the effect similar to the content display apparatus which concerns on this invention can be acquired.

また、上述のコンテンツ表示装置を動作させるプログラムであって、コンピュータを上記表示処理手段、上記回転処理手段および上記スクロール移動処理手段として機能させるためのプログラム、およびこのプログラムを記録しているコンピュータ読み取り可能な記録媒体も、本発明の範疇に入る。   Further, a program for operating the above-described content display device, which is a program for causing a computer to function as the display processing unit, the rotation processing unit, and the scroll movement processing unit, and a computer readable recording the program Various recording media are also within the scope of the present invention.

本発明のコンテンツ表示装置は、仮想3次元オブジェクトの一部を画面上に表示させ、第1の入力操作が行われた場合に仮想3次元オブジェクトを回転させ、第2の入力操作が行われた場合に仮想3次元オブジェクトの側面を縦方向に移動させる。これにより、コンテンツ表示装置においては、目的のコンテンツに対応する画像を探すときの操作が、現実の回転式書棚における作業に類似したものとなり、ユーザにとって理解し易く、使い勝手に優れたものとなる。   The content display device of the present invention displays a part of the virtual three-dimensional object on the screen, rotates the virtual three-dimensional object when the first input operation is performed, and performs the second input operation. In this case, the side surface of the virtual three-dimensional object is moved in the vertical direction. As a result, in the content display device, the operation for searching for an image corresponding to the target content is similar to the work in the actual rotating bookshelf, which is easy for the user to understand and excellent in usability.

本実施形態における書棚オブジェクトおよびコンテンツ表示装置における表示画面の一例を示した図である。It is the figure which showed an example of the display screen in the bookshelf object in this embodiment, and a content display apparatus. 本実施形態における書棚オブジェクトのある棚面を表示した表示画面の一例を示した図である。It is the figure which showed an example of the display screen which displayed the shelf surface with a bookshelf object in this embodiment. 本実施形態における書棚オブジェクトの別の棚面を表示した表示画面の一例を示した図である。It is the figure which showed an example of the display screen which displayed another shelf surface of the bookshelf object in this embodiment. 図3に示した表示画面を操作したときに表れる表示画面を示した図である。(a)はマガジンラックを開けるときの表示内容を示した図であり、(b)はマガジンラックを閉じるときの表示内容を示した図である。FIG. 4 is a diagram showing a display screen that appears when the display screen shown in FIG. 3 is operated. (A) is the figure which showed the display content when opening a magazine rack, (b) is the figure which showed the display content when closing a magazine rack. 図3に示した表示画面を操作した後に表れる表示画面を示した図である。It is the figure which showed the display screen which appears after operating the display screen shown in FIG. 本実施形態における回転操作を行ったときの表示画面の遷移を説明するための、書棚オブジェクトの展開図の一部を示す図である。It is a figure which shows a part of expanded view of a bookshelf object for demonstrating the transition of a display screen when performing rotation operation in this embodiment. 本実施形態におけるスクロール移動操作を行ったときの表示画面の遷移を説明するための、書棚オブジェクトの展開図の一部を示す図である。It is a figure which shows a part of expansion | deployment figure of a bookshelf object for demonstrating the transition of a display screen when performing scroll movement operation in this embodiment. 本実施形態における回転操作を行ったときの棚面およびサムネイル画像の半透明化を説明するための書棚オブジェクトを示す図である。It is a figure which shows the bookshelf object for demonstrating translucency of a shelf surface and a thumbnail image when rotating operation in this embodiment is performed. 本実施形態におけるスクロール移動操作を行ったときのサムネイル画像の半透明化を説明するための表示画面を示す図である。It is a figure which shows the display screen for demonstrating semi-transparency of the thumbnail image when the scroll movement operation in this embodiment is performed. 本実施形態における画面表示の拡大および縮小を説明するための表示画面を示す図である。It is a figure which shows the display screen for demonstrating expansion and reduction of a screen display in this embodiment. 本実施形態における画面表示の拡大および縮小を説明するための別の表示画面を示す図である。It is a figure which shows another display screen for demonstrating expansion and reduction of the screen display in this embodiment. 本実施形態のコンテンツ表示装置の構成を示すブロック図である。It is a block diagram which shows the structure of the content display apparatus of this embodiment. コンピュータを用いて実現された本実施形態のコンテンツ表示装置のハードウェア構成を示すブロック図である。It is a block diagram which shows the hardware constitutions of the content display apparatus of this embodiment implement | achieved using the computer.

本発明に係るコンテンツ表示装置の一実施形態について、図1〜図13に基づいて説明すれば以下の通りである。   An embodiment of a content display device according to the present invention will be described below with reference to FIGS.

(コンテンツ表示装置)
本実施の形態においてコンテンツ表示装置は、仮想三次元空間内に置かれた、4つの棚面を持つ直方体の書棚オブジェクトの一部を、画面表示することができる構成を有している。書棚オブジェクトの各棚面には、複数の電子書籍(コンテンツ)のサムネイル画像がグリッド状に配置されている。ユーザがその中から読みたい書籍に対応するサムネイル画像を、タッチパネルを搭載する表示画面上でタップ操作などによって選択することにより、その電子書籍の中身が画面表示され、電子書籍の閲覧が可能になる。コンテンツ表示装置の具体的構成については後述する。
(Content display device)
In the present embodiment, the content display device has a configuration capable of displaying on a screen a part of a rectangular bookcase object having four shelf surfaces placed in a virtual three-dimensional space. On each shelf surface of the bookcase object, thumbnail images of a plurality of electronic books (contents) are arranged in a grid. When the user selects a thumbnail image corresponding to the book that he / she wants to read by tapping on the display screen equipped with the touch panel, the contents of the electronic book are displayed on the screen and the electronic book can be browsed. . A specific configuration of the content display device will be described later.

(書棚オブジェクト)
まず、表示画面に表示される書棚オブジェクト(3次元オブジェクト)について説明する。
(Bookcase object)
First, the bookshelf object (three-dimensional object) displayed on the display screen will be described.

図1は、4つの棚面を持つ直方体の書棚オブジェクトおよびその一部を表示したコンテンツ表示装置の画面を示す図である。図中右側が書棚オブジェクト10を表しており、図中左側が書棚オブジェクト10の一部を表示したコンテンツ表示装置の画面20を表している。図1中、破線枠で示した領域14が、書棚オブジェクト10のうち実際に画面20に表示される領域である。   FIG. 1 is a diagram showing a screen of a content display device displaying a rectangular bookcase object having four shelf surfaces and a part thereof. The right side in the figure represents the bookshelf object 10, and the left side in the figure represents the screen 20 of the content display device displaying a part of the bookshelf object 10. In FIG. 1, a region 14 indicated by a broken line frame is a region that is actually displayed on the screen 20 in the bookcase object 10.

図1に示されるように、書棚オブジェクト10は、4つの棚面11を有する形態である。各棚面には複数の棚が設けられており、各棚上には、複数の電子書籍(コンテンツ)のサムネイル画像12が棚上に置かれるようにして表示されている。ユーザはその中のサムネイル画像に対して表示画面上でタップ操作などの選択操作を行うことにより、選択したサムネイル画像に対応する電子書籍の閲覧が可能になる。4つの棚面11には互いに異なるカテゴリが規定されており、各棚面には、その棚面に規定されたカテゴリに属する電子書籍のサムネイル画像12が並べられる。規定されるカテゴリに制限はないが、本実施の形態では、カテゴリを「未読/おすすめ」、「最近読んだ本」、「お気に入り」および「定期購読」の4つに分類し、4つの棚面11のカテゴリを規定している。本実施の形態では、書棚オブジェクト10は4つの棚面によって構成されているが、これに限定されるものではない。カテゴリの数に応じて、より多くの棚面を設けてもよい。   As shown in FIG. 1, the bookshelf object 10 has a form having four shelf surfaces 11. A plurality of shelves are provided on each shelf surface, and thumbnail images 12 of a plurality of electronic books (contents) are displayed on the shelves so as to be placed on the shelves. The user can browse an electronic book corresponding to the selected thumbnail image by performing a selection operation such as a tap operation on the display screen for the thumbnail image in the thumbnail image. Different categories are defined on the four shelf surfaces 11, and thumbnail images 12 of electronic books belonging to the category defined on the shelf surface are arranged on each shelf surface. There are no restrictions on the prescribed categories, but in the present embodiment, the categories are classified into four categories: “unread / recommended”, “recently read books”, “favorites”, and “subscriptions”, and four shelf surfaces. Eleven categories are defined. In the present embodiment, the bookcase object 10 is composed of four shelf surfaces, but is not limited to this. More shelf surfaces may be provided depending on the number of categories.

棚面11に設けられる棚13の数、および各棚13上に表示できるサムネイル画像12の数に制限はなく、コンテンツ表示装置の性能に応じて製造者が適宜設定すればよい。本実施の形態では、標準時には、そのうちの連続する5個の棚13を表示している。各棚13上には4つのサムネイル画像12を表示することができる。   There is no limit to the number of shelves 13 provided on the shelf surface 11 and the number of thumbnail images 12 that can be displayed on each shelf 13, and the manufacturer may set appropriately according to the performance of the content display device. In the present embodiment, five standard shelves 13 are displayed at the standard time. Four thumbnail images 12 can be displayed on each shelf 13.

各棚13上に表示させるサムネイル画像12、すなわち、棚面11に並べる電子書籍は、ユーザの操作によって適宜変更が可能である。   The thumbnail images 12 displayed on the shelves 13, that is, the electronic books arranged on the shelf surface 11, can be appropriately changed by a user operation.

(書棚オブジェクトの表示)
次に、コンテンツ表示装置の画面20における書棚オブジェクト10の表示方法について説明する。
(Display of bookshelf object)
Next, a display method of the bookshelf object 10 on the screen 20 of the content display device will be described.

書棚オブジェクト10の表示方法として、標準モードおよびアクティブモードの2種類の表示方法が規定されている。標準モードおよびアクティブモードいずれの場合も、書棚オブジェクト10の中心軸Xと直交する方向に仮想の視点をおいて、そこから眺めた状態を表示するものである。本明細書では、この視点に対して面している面を正面という。したがって、コンテンツ表示装置の画面20には、書棚オブジェクト10の正面の部分が表示されることになる。詳しくは後述するが、本実施の形態では、画面20に表示させる書棚オブジェクト10内の表示領域を変更させる場合に、視点の位置を中心軸Xと平行な方向に移動させたり中心軸Xを中心として回転させたりするのではなく、視点の位置はそのままで、書棚オブジェクト10を回転させたり、書棚オブジェクト10の棚面11を移動させたりする。これにより、仮想の視点から見える領域を変更し、画面20に表示される領域14の位置が変更されることになる。他の実施の形態として、中心軸Xを中心として、視点を書棚オブジェクト10の周りで回転させることにより、画面20に表示させる書棚オブジェクト10内の表示領域を変更させることも可能である。ただしこの場合でも、視点の位置を中心軸Xと平行な方向には移動させない。また、書棚オブジェクト10をより遠方から眺めるために、視点の位置を書棚オブジェクト10から引き離す処理を実行したり、視点の位置はそのままで書棚オブジェクト10を視点から引き離す処理を実行したりすることができる。これにより、書棚オブジェクト10のうち画面20に表示される範囲を変更することができる。さらに、視点の位置はそのままで視点の画角を変更することによって、書棚オブジェクト10のうち画面20に表示される範囲の大きさを変更することができる。   As a display method of the bookcase object 10, two types of display methods of a standard mode and an active mode are defined. In both the standard mode and the active mode, a virtual viewpoint is placed in a direction orthogonal to the central axis X of the bookcase object 10, and the state viewed from there is displayed. In this specification, the surface facing this viewpoint is referred to as the front. Accordingly, the front portion of the bookcase object 10 is displayed on the screen 20 of the content display device. Although details will be described later, in the present embodiment, when the display area in the bookcase object 10 displayed on the screen 20 is changed, the position of the viewpoint is moved in a direction parallel to the central axis X or the central axis X is centered. The bookcase object 10 is rotated or the shelf surface 11 of the bookcase object 10 is moved while keeping the position of the viewpoint as it is. Thereby, the area visible from the virtual viewpoint is changed, and the position of the area 14 displayed on the screen 20 is changed. As another embodiment, the display area in the bookcase object 10 displayed on the screen 20 can be changed by rotating the viewpoint around the bookcase object 10 about the central axis X. However, even in this case, the viewpoint position is not moved in a direction parallel to the central axis X. In addition, in order to view the bookcase object 10 from a distance, it is possible to execute a process of pulling the viewpoint position away from the bookcase object 10, or to perform a process of pulling the bookcase object 10 away from the viewpoint without changing the viewpoint position. . Thereby, the range displayed on the screen 20 in the bookshelf object 10 can be changed. Furthermore, the size of the range displayed on the screen 20 of the bookshelf object 10 can be changed by changing the angle of view of the viewpoint while maintaining the position of the viewpoint.

標準モードは、操作していないときには、正面の棚面11のみを表示して、表示された棚面11に隣接する棚面11を表示させないモードである。書棚オブジェクト10に対して操作を行っていないときは、書棚オブジェクト10の構成としては棚13およびサムネイル画像12のみが画面20に表示されている。   The standard mode is a mode in which only the front shelf surface 11 is displayed and the shelf surface 11 adjacent to the displayed shelf surface 11 is not displayed when no operation is performed. When the book shelf object 10 is not operated, only the shelf 13 and the thumbnail image 12 are displayed on the screen 20 as the structure of the book shelf object 10.

一方、アクティブモードは、操作していないときに、正面の棚面11およびこれに隣接する棚面11も含めて表示するモードであり、標準モードよりも遠くから書棚オブジェクト10を眺めた状態に近似される。なお、隣接する両棚面11を表示する以外にも、次の棚面11だけを表示するものであってもよい。アクティブモードでは、正面にある棚面11に隣接する左右の棚面11およびその棚面11上にあるサムネイル画像を表示させるために、各棚面11の不透明度を下げている。アクティブモードにおいては、書棚オブジェクト10が仮想三次元空間内に置かれた直方体であることを、ユーザはより直感的に認識することができる。なお、本明細書では、不透明度が100%および0%以外の状態のときを「半透明」という。本実施の形態では、正面にある面に背向している面は非表示としているが、不透明度を小さくして(透明度を大きくして)表示してもよい。   On the other hand, the active mode is a mode in which the front shelf surface 11 and the shelf surface 11 adjacent to the front shelf surface 11 are displayed when not being operated, and approximate to a state in which the bookcase object 10 is viewed from a distance farther than the standard mode. Is done. In addition to displaying the adjacent shelf surfaces 11, only the next shelf surface 11 may be displayed. In the active mode, the opacity of each shelf surface 11 is lowered in order to display the left and right shelf surfaces 11 adjacent to the shelf surface 11 on the front and the thumbnail images on the shelf surface 11. In the active mode, the user can more intuitively recognize that the bookcase object 10 is a rectangular parallelepiped placed in the virtual three-dimensional space. In this specification, when the opacity is other than 100% and 0%, it is referred to as “translucent”. In the present embodiment, the surface facing away from the front surface is not displayed, but may be displayed with reduced opacity (increased transparency).

標準モードとアクティブモードとの切替えは、ユーザの入力操作によって行うことができる。   Switching between the standard mode and the active mode can be performed by a user input operation.

以下、標準モード時における表示画面について説明する。   Hereinafter, a display screen in the standard mode will be described.

図2は、標準モードにおける画面20の表示内容を示した図である。   FIG. 2 is a diagram showing the display content of the screen 20 in the standard mode.

図2に示すように、画面20には、棚13上に各サムネイル画像12が置かれているように棚13および書籍のサムネイル画像12が表示されている。画面20の上部には、書棚オブジェクト10の各棚面11のカテゴリを示すインジケータが設けられており、このインジケータの表示方法を変化(点灯、反転表示など)させることによって、現在どのカテゴリの棚面11が表示されているかが分かるようになっている。例えば、図2では、「未読・おすすめ」のインジケータが点灯しており、「未読・おすすめ」の棚面11が選択されて表示されている状態を表している。なお、このインジケータは、後述する棚面選択ボタン17を兼ねている。さらに画面20の下部には、コンテンツ表示装置の各機能を実行するための操作入力ボタン18が表示されている。画面20の最上部にあるステータス表示部分21には、日時、電池残量表示、ネットワークの受信状態および本体の設定状態を表示する。後述するスクロール操作が行われたときにはスクロールバーが表示されるが、一定時間経過後にスクロールバーが非表示となるように構成されている。本実施の形態において、新たにおすすめの書籍が配信されてきた場合には、インジケータの「未読・おすすめ」に吹き出しアイコンを表示するようにしている。   As shown in FIG. 2, the shelf 20 and the thumbnail images 12 of the books are displayed on the screen 20 so that each thumbnail image 12 is placed on the shelf 13. In the upper part of the screen 20, an indicator indicating the category of each shelf surface 11 of the bookcase object 10 is provided, and by changing the display method of this indicator (lighting, reverse display, etc.), which category of shelf surface is currently present 11 is displayed. For example, FIG. 2 shows a state where the “unread / recommended” indicator is lit and the shelf surface 11 of “unread / recommended” is selected and displayed. This indicator also serves as a shelf surface selection button 17 described later. Further, operation input buttons 18 for executing each function of the content display device are displayed at the bottom of the screen 20. The status display portion 21 at the top of the screen 20 displays the date and time, the battery remaining amount display, the network reception state, and the main unit setting state. A scroll bar is displayed when a scroll operation to be described later is performed, but the scroll bar is not displayed after a predetermined time has elapsed. In this embodiment, when a newly recommended book is distributed, a balloon icon is displayed on the “unread / recommended” indicator.

なお、本実施の形態では、図1に示すように、画面20に表示される領域14がサムネイル画像12の途中で切れてしまう場合には、そのサムネイル画像12に関しては画面20に表示しないものとしている。従って表示画面においては、いずれのサムネイル画像12もその全体が表示されている状態となる。しかしながら、これに限定されるものではなく、例えば、後述する回転処理およびスクロール移動処理後に一旦表示し、一定時間経過後に透明にして非表示としてもよい。あるいは、非表示とするのではなく、半透明表示とするものであってもよい。その際、透明度(不透明度)は、サムネイル画像12における画面20から外れている領域と画面20に表示されている領域との比率に比例したものとすることが可能である。さらには、回転処理およびスクロール移動処理後に一旦表示し、一定時間経過後に、上記比率に基づき半透明表示することも可能である。   In the present embodiment, as shown in FIG. 1, when the area 14 displayed on the screen 20 is cut off in the middle of the thumbnail image 12, the thumbnail image 12 is not displayed on the screen 20. Yes. Accordingly, all the thumbnail images 12 are displayed on the display screen. However, the present invention is not limited to this. For example, the image may be temporarily displayed after a rotation process and a scroll movement process, which will be described later, and may be made transparent after a certain period of time and not displayed. Alternatively, instead of non-display, a semi-transparent display may be used. At that time, the transparency (opacity) can be proportional to the ratio between the area of the thumbnail image 12 that is off the screen 20 and the area that is displayed on the screen 20. Furthermore, it is also possible to display once after the rotation process and the scroll movement process, and to perform semi-transparent display based on the above ratio after a certain time has elapsed.

標準モードでは、正面の棚面11をやや上方から見下ろして眺めた状態の表示となっている。そのため、図2に示すように、棚面11に設けられている棚13の上面が画面20に表示されている。また、正面の棚面11をやや上方から見下ろした場合、より下側にある棚13の方が、その上面がよく見えるため、画面20に表示される棚13の上面の大きさが、棚13の位置が画面20の下方にくるにつれ大きくなっている。また、各サムネイル画像12は棚13によって隠されないため、上から見下ろしたほうが、目的のサムネイル画像12を見つけやすくなっている。   In the standard mode, the front shelf surface 11 is viewed from a slightly lower position. Therefore, as shown in FIG. 2, the upper surface of the shelf 13 provided on the shelf surface 11 is displayed on the screen 20. Further, when the front shelf surface 11 is looked down slightly from above, the lower shelf 13 has a better upper surface, so the size of the upper surface of the shelf 13 displayed on the screen 20 is the shelf 13. As the position becomes lower on the screen 20, the position becomes larger. In addition, since each thumbnail image 12 is not hidden by the shelf 13, it is easier to find the target thumbnail image 12 when looking down from above.

図2では、棚面11の縦方向および横方向にサムネイル画像12を配列させている状態を示している。これは、本実施形態では、カテゴリが「未読/おすすめ」、「最近読んだ本」および「お気に入り」に対応する棚面を表示する場合の表示方法である。   FIG. 2 shows a state in which the thumbnail images 12 are arranged in the vertical direction and the horizontal direction of the shelf surface 11. In the present embodiment, this is a display method for displaying shelf surfaces corresponding to categories “unread / recommended”, “recently read books”, and “favorites”.

次に図3および図5を参照して、カテゴリが「定期購読」である棚面11の表示方法を説明する。   Next, with reference to FIG. 3 and FIG. 5, the display method of the shelf surface 11 whose category is “regular subscription” will be described.

図3は、標準モードにおいて、カテゴリが「定期購読」である棚面11を表示している画面20の表示状態を示す図である。定期購読の棚面11は、週刊誌や月刊誌などの定期刊行物をバックナンバーを含めて管理している棚面である。定期購読棚である棚面11は、定期購読配信により配信された書籍を閲覧するために、配信される購読誌単位に自動的にマガジンラックに分類する。図3に示すように定期購読の棚面11では、図2に示す場合と異なり、サムネイル画像12が棚面11左側に縦方向に一列に並べられている。これらは、それぞれ、定期購読している各書籍の最新号のサムネイル画像であり、マガジンラックにその最新号が置かれているような画像である。すなわち、現実の書棚において書籍のマガジンラックが縦方向に並んでいる状態に似ている。サムネイル画像12の横には、書籍のシリーズ名、タイトル名、出版社、最新号の号数および解説など、定期購読している書籍の情報15がテキスト表示されている。さらにその横には、その雑誌のバックナンバーを表示させるための選択ボタン16が設けられている構成となっている。雑誌のバックナンバーを表示させるには、選択ボタン16を選択操作する場合のほか、書籍(表紙のサムネイル画像)が置かれたマガジンラックの画像を起点として、画面20の上方向に向かってフリック操作またはドラッグ操作することによっても可能である。ここで、フリック操作とは、ユーザの指をタッチパネルに接触させた後に、そのまま任意の方向に素早く弾くようにする動作による操作である。またドラッグ操作とは、ユーザの指をタッチパネルに接触させたままその指を任意の方向に移動させる動作による操作である。   FIG. 3 is a diagram showing a display state of the screen 20 displaying the shelf surface 11 whose category is “subscription” in the standard mode. The shelf surface 11 of the regular subscription is a shelf surface that manages periodicals such as weekly and monthly magazines including back numbers. The shelf surface 11, which is a regular subscription shelf, is automatically classified into magazine racks for each subscription magazine to be distributed in order to view books distributed by regular subscription distribution. As shown in FIG. 3, unlike the case shown in FIG. 2, the thumbnail images 12 are arranged in a line in the vertical direction on the left side of the shelf surface 11 on the shelf surface 11 of the regular subscription. Each of these is a thumbnail image of the latest issue of each book that is subscribed, and the image is such that the latest issue is placed in the magazine rack. In other words, it resembles a state in which magazine racks of books are arranged in the vertical direction in an actual bookcase. Next to the thumbnail image 12, information 15 of the book that is regularly subscribed, such as the series name of the book, the title name, the publisher, the number of the latest issue and a description, is displayed in text. Further, a selection button 16 for displaying the back number of the magazine is provided next to the magazine. In order to display the back number of the magazine, in addition to selecting the selection button 16, a flick operation is performed in the upward direction on the screen 20 starting from the image of the magazine rack on which the book (the thumbnail image of the cover) is placed. Alternatively, it is possible to perform a drag operation. Here, the flick operation is an operation by an operation in which a user's finger is brought into contact with the touch panel and then immediately played in an arbitrary direction. The drag operation is an operation by an operation of moving the user's finger in an arbitrary direction while keeping the user's finger in contact with the touch panel.

図4(a)は、フリック操作またはドラッグ操作によって、マガジンラックを開けるようにしてバックナンバーを一覧表示させるとき、図4(b)は、フリック操作またはドラッグ操作によって、マガジンラックを閉じるようにして各最新号の一覧表示に戻るときのアニメーションを示す図である。タッチパネル上で選択したマガジンラックの画像に触れて画面20の上方向にフリック操作またはドラッグ操作することにより、図4(a)に示すように、選択されたマガジンラック(図4(a)および図4(b)中、「C」で示す)の段が画面20の上方に移動しつつ、マガジンラックCの蓋が開くようなアニメーションが表示されるとともに、他のマガジンラックA、B、DおよびEの段が上下スクロールして画面外に消えていく。そして、マガジンラックC内のバックナンバーのサムネイル画像が順次出てきてマガジンラックCの段の下に整列し、バックナンバーが一覧表示される(図5参照)。一方、バックナンバーが表示されている状態で、表示されているマガジンラックCをタッチパネル上で画面20の下方向にフリック操作またはドラッグ操作することにより、図4(b)に示すように、選択されたマガジンラックCの段が元にあった位置となるように移動しつつ、マガジンラックCの蓋が閉じるようなアニメーションが表示されるとともに、他のマガジンラックA、B、DおよびEの段が上下スクロールして画面外から移動してくる。   4A shows a list of back numbers displayed by opening a magazine rack by flicking or dragging. FIG. 4B shows closing a magazine rack by flicking or dragging. It is a figure which shows the animation when returning to the list display of each latest issue. By touching the image of the selected magazine rack on the touch panel and flicking or dragging the screen 20 upward, as shown in FIG. 4A, the selected magazine rack (FIG. 4A and FIG. 4 (b), which is indicated by “C”) is moved upward in the screen 20, and an animation is displayed such that the lid of the magazine rack C is opened, and the other magazine racks A, B, D, and The row E scrolls up and down and disappears from the screen. Then, thumbnail images of the back numbers in the magazine rack C are sequentially displayed and aligned under the stage of the magazine rack C, and the back numbers are displayed as a list (see FIG. 5). On the other hand, when the back number is displayed, the displayed magazine rack C is flicked or dragged downward on the screen 20 on the touch panel to be selected as shown in FIG. As the magazine rack C moves to the original position, an animation that the lid of the magazine rack C closes is displayed, and the other magazine racks A, B, D, and E have different levels. Scroll up and down to move from outside the screen.

マガジンラックの画像を起点とした上下方向へのフリック操作またはドラッグ操作によるバックナンバーの表示および非表示は、実際のマガジンラックを開閉するときの動きに似ている。そのため、ユーザにとって分かり易い操作方法である。   The display and non-display of the back number by the flick operation or the drag operation in the vertical direction starting from the image of the magazine rack is similar to the movement when opening and closing the actual magazine rack. Therefore, the operation method is easy for the user to understand.

図5は、図3に示す画面においてある定期購読雑誌のバックナンバーを上記の操作により一覧表示させたときの画面20を示す図である。バックナンバーを表示させるための入力操作がなされると、選択されたマガジンラック以外のマガジンラックの表示がなくなり、選択されたマガジンラックの表示が画面20の上部に移動するとともに、その下側に各バックナンバーのサムネイル画像12’をグリッド状に整列してその雑誌のバックナンバーを一覧表示する状態へと遷移する。本画面構成では、画面20の最上段に選択したマガジンラックおよび最新号の表紙のサムネイル画像12が表示される。さらにその横に、書籍の情報15も表示されている。さらにその横には、バックナンバーを表示させるための選択ボタン16に代わって、閉ボタン19が表示されている。閉ボタン19は、バックナンバーの一覧表示から、各定期購読書籍の最新号の一覧表示に戻るためのボタンである。なお、上述のように、マガジンラックに対するフリック操作またはドラッグ操作によっても、最新号の一覧表示に戻ることができる。   FIG. 5 is a diagram showing a screen 20 when a list of back numbers of subscription magazines on the screen shown in FIG. 3 is displayed by the above operation. When the input operation for displaying the back number is performed, the display of the magazine racks other than the selected magazine rack disappears, and the display of the selected magazine rack moves to the upper part of the screen 20 and each of the magazine racks below it. A transition is made to a state in which thumbnail images 12 'of back numbers are arranged in a grid and the back numbers of the magazines are displayed in a list. In this screen configuration, the selected magazine rack and the thumbnail image 12 of the cover of the latest issue are displayed at the top of the screen 20. A book information 15 is also displayed next to the book. Further, a close button 19 is displayed next to the selection button 16 for displaying the back number. The close button 19 is a button for returning from the back number list display to the list display of the latest issue of each subscription book. As described above, the list display of the latest issue can also be returned by flicking or dragging the magazine rack.

ユーザは一覧表示の中から目的のバックナンバーを選ぶことができる。これは、書棚のマガジンラックを開けて、各バックナンバーを取り出してその中から読みたいバックナンバーを選ぶ現実の動作に似ている。そのため、ユーザは、雑誌の総数が数百に及んだとしても、容易に目的の雑誌を選びだすことができる。バックナンバーの数が多い場合には、スクロール表示することができる。   The user can select a desired back number from the list display. This is similar to the actual operation of opening the magazine rack of the bookshelf, taking out each back number, and selecting the back number you want to read from it. Therefore, even if the total number of magazines reaches several hundreds, the user can easily select a target magazine. When the number of back numbers is large, scroll display can be performed.

次に、書棚オブジェクト10またはその棚面11を仮想三次元空間内で動かすことによって画面20上での表示内容を変化させる方法について説明する。   Next, a method for changing the display content on the screen 20 by moving the bookcase object 10 or its shelf surface 11 in the virtual three-dimensional space will be described.

(書棚オブジェクト回転)
表示画面内の仮想三次元空間内において、書棚オブジェクト10を構成している直方体(多角柱)の中心軸X(図1参照)を回転軸として回転させることによって、画面20に表示させる棚面11を変更する方法について説明する。
(Bookcase object rotation)
In the virtual three-dimensional space in the display screen, the shelf surface 11 displayed on the screen 20 is rotated by rotating the central axis X (see FIG. 1) of the rectangular parallelepiped (polygonal prism) constituting the bookcase object 10 as a rotation axis. How to change the will be described.

ユーザの入力操作によって、書棚オブジェクト10を、画面20内の仮想三次元空間内において、中心軸Xを回転軸として回転させることができる。書棚オブジェクト10を回転させることによって、正面にくる棚面11を変更することができ、画面20に表示させる棚面11を変更することができる。あるいは回転の途中の状態で止めることにより、複数の棚面11を同時に眺めることもできる。   By a user input operation, the bookcase object 10 can be rotated in the virtual three-dimensional space in the screen 20 with the central axis X as the rotation axis. By rotating the bookcase object 10, the shelf surface 11 that comes to the front can be changed, and the shelf surface 11 displayed on the screen 20 can be changed. Alternatively, the plurality of shelf surfaces 11 can be viewed simultaneously by stopping in the middle of rotation.

本実施の形態では、画面20上に重畳して設けられたタッチパネル上で、回転軸と略直交する方向(画面上横方向)にフリック操作を行うことによって、書棚オブジェクト10を回転させる構成となっている。具体的には、フリック操作によって、書棚オブジェクト10はフリック操作方向と同じ方向に回転して、隣接する棚面11あるいはさらにその隣の棚面11が正面にきて画面20に表示されるようになる。   In the present embodiment, the bookshelf object 10 is rotated by performing a flick operation in a direction substantially perpendicular to the rotation axis (horizontal direction on the screen) on the touch panel provided so as to be superimposed on the screen 20. ing. Specifically, the book shelf object 10 is rotated in the same direction as the flick operation direction by the flick operation so that the adjacent shelf surface 11 or the adjacent shelf surface 11 comes to the front and is displayed on the screen 20. Become.

図6は、説明のために書棚オブジェクト10の棚面11を展開した図である。ただし上面と底面の図示は省略している。破線枠で囲んだ領域14が実際に画面20に表示されている部分である。図6(a)では回転前の表示領域を示しており、「未読・おすすめ」のカテゴリに対応する棚面11aが正面にきて画面20に表示されている状態である。この状態で、棚面11aの隣面である「最近読んだ本」のカテゴリに対応する棚面11bを表示させたいときには、棚面11aからみて棚面11bとは反対方向(図中矢印Aの方向)にフリック操作をする。これにより、棚面11aが画面上矢印Aの方向に移動するように書棚オブジェクト10が回転して棚面11bが正面にきて、棚面11bにおける領域14が画面に表示されるようになる(図6(b))。回転動作の際には縦方向の移動を伴わないため、画面20に表示される領域14は展開図の状態で領域14’から相対的に真横にシフトすることになる。   FIG. 6 is a developed view of the shelf surface 11 of the bookcase object 10 for explanation. However, illustration of the top and bottom surfaces is omitted. A region 14 surrounded by a broken line frame is a portion actually displayed on the screen 20. FIG. 6A shows the display area before rotation, and the shelf surface 11 a corresponding to the “unread / recommended” category is in front and displayed on the screen 20. In this state, when it is desired to display the shelf surface 11b corresponding to the category of “recently read book”, which is the adjacent surface of the shelf surface 11a, the direction opposite to the shelf surface 11b as viewed from the shelf surface 11a (indicated by the arrow A in the figure). Flick in the direction). Thereby, the bookshelf object 10 rotates so that the shelf surface 11a moves in the direction of the arrow A on the screen, the shelf surface 11b comes to the front, and the area 14 on the shelf surface 11b is displayed on the screen ( FIG. 6 (b)). Since there is no vertical movement during the rotation operation, the area 14 displayed on the screen 20 is shifted from the area 14 ′ relatively sideways in the development view.

なお、フリック操作によって隣接する棚面11が表示されるか、さらにその隣の棚面11が表示されるかは、フリック操作の速度によって決定される。例えば、フリック操作の速度が遅い場合には、隣接する棚面11を表示させ(1面分回転)、フリック操作の速度が速い場合には、さらにその隣の棚面11、すなわち、回転させる前に表示されていた棚面11の反対側にある棚面11を表示させる(2面分回転)。どの程度の速度によって、いずれの棚面11を表示させるかは、製造者が適宜決定すればよい。   Whether the adjacent shelf surface 11 is displayed by the flick operation or whether the adjacent shelf surface 11 is displayed is determined by the speed of the flick operation. For example, when the flick operation speed is slow, the adjacent shelf surface 11 is displayed (rotation by one surface), and when the flick operation speed is fast, the adjacent shelf surface 11, that is, before rotating. Display the shelf surface 11 on the opposite side of the shelf surface 11 displayed in (2). The manufacturer may appropriately determine which shelf surface 11 is displayed at what speed.

また、タッチパネル上で、回転軸と略直交する方向にドラッグ操作を行うことによって、書棚オブジェクト10を回転させることも可能である。具体的には、ドラッグ操作によって、書棚オブジェクト10はドラッグ方向と同じ方向に回転して、隣接する棚面11が正面にきて表示されるようになる。ドラッグ操作によって書棚オブジェクト10を回転させて、所望の棚面11が略正面にきた状態のときに指をタッチパネルから放すことによって、表示させる棚面11を変更することができる。本実施の形態では、隣接する棚面11への回転の途中でドラッグ操作を終えた場合に、それまでの回転角度に応じて、さらに回転を進めるか、または回転を戻すかを決定して、何れか一方の棚面11を表示させるようにしている。タッチパネルから指を放すまでは、回転動作はドラッグ操作の指の動きに追随する。したがって、ドラッグ操作によって書棚オブジェクト10を少し回転させてそのまま指をタッチパネルに接触させておけば、隣接する棚面11を途中まで表示させた状態を保つことができる。   Further, it is possible to rotate the bookshelf object 10 by performing a drag operation in a direction substantially orthogonal to the rotation axis on the touch panel. Specifically, the book shelf object 10 is rotated in the same direction as the drag direction by the drag operation, and the adjacent shelf surface 11 comes to the front and is displayed. The shelf surface 11 to be displayed can be changed by rotating the bookshelf object 10 by a drag operation and releasing the finger from the touch panel when the desired shelf surface 11 is substantially in front. In the present embodiment, when the drag operation is finished in the middle of the rotation to the adjacent shelf surface 11, it is determined whether to further rotate or return the rotation according to the rotation angle up to that time, One of the shelf surfaces 11 is displayed. Until the finger is released from the touch panel, the rotation operation follows the finger movement of the drag operation. Therefore, if the bookshelf object 10 is slightly rotated by the drag operation and the finger is brought into contact with the touch panel as it is, the state where the adjacent shelf surface 11 is displayed halfway can be maintained.

表示させる棚面11の変更としては他にも、いずれの棚面11を表示させるかを直接指定できる棚面選択ボタン17の操作によって、表示させる棚面11を変更することができる。棚面選択ボタン17は、画面20の上部にオブジェクトとして表示されており、タッチパネルによってボタン選択操作の入力を可能なものとしている。なおこの場合にも、画面上では、選択した棚面11が表示されるまで書棚オブジェクト10が回転する状態が表示される。このときの回転方向は、それまでのユーザの操作、回転角度、および製造者による設定などによって決定することができる。棚面選択ボタン17により表示させたい棚面11を選択した場合、指定した棚面11になるまで書棚オブジェクト10は自動で回転する。そのため、フリック操作によって書棚オブジェクト10を回転させて目的の棚面11を表示させるよりも、素早く目的の棚面11に切り替えることができる。   In addition to changing the shelf surface 11 to be displayed, the shelf surface 11 to be displayed can be changed by operating the shelf surface selection button 17 that can directly specify which shelf surface 11 is displayed. The shelf surface selection button 17 is displayed as an object in the upper part of the screen 20 and allows a button selection operation to be input by a touch panel. Also in this case, the state where the bookshelf object 10 rotates until the selected shelf surface 11 is displayed is displayed on the screen. The rotation direction at this time can be determined by the previous user operation, the rotation angle, the setting by the manufacturer, and the like. When the shelf surface 11 to be displayed is selected by the shelf surface selection button 17, the bookshelf object 10 is automatically rotated until the designated shelf surface 11 is reached. Therefore, it is possible to switch to the target shelf surface 11 more quickly than by rotating the bookshelf object 10 by the flick operation and displaying the target shelf surface 11.

なお、本実施の形態では、定期購読の棚面11においてある定期購読書籍のバックナンバーが一覧表示されている状態で、書棚オブジェクト10を回転させる入力操作がなされると、書棚オブジェクト10が回転しながら自動で最新号の一覧表示画面に戻る構成としている。   In this embodiment, when an input operation for rotating the bookcase object 10 is performed in a state where the back numbers of the subscription books on the shelf surface 11 of the subscription are listed, the bookcase object 10 is rotated. However, the system automatically returns to the latest issue list display screen.

各棚面毎に、含まれる書籍のカテゴリが決まっており、書棚オブジェクトを回転させることによって目的のカテゴリの棚面に移動できる。目的の書籍のカテゴリの棚面11を表示させ、その中から目的の書籍を選べばよいため、目的の書籍へアクセスしやすくなっている。   The category of the book included is determined for each shelf surface, and can be moved to the shelf surface of the target category by rotating the book shelf object. Since the shelf surface 11 of the category of the target book is displayed and the target book only needs to be selected, it is easy to access the target book.

(棚面縦スクロール)
表示画面内の仮想三次元空間内において、書棚オブジェクト10の特定の棚面11を縦方向に移動させることによって、表示棚面における表示領域を変更する方法について説明する。
(Shelf vertical scroll)
A method for changing the display area on the display shelf surface by moving the specific shelf surface 11 of the bookcase object 10 in the vertical direction in the virtual three-dimensional space in the display screen will be described.

書棚オブジェクト10の縦方向における各棚面11の長さは、コンテンツ表示装置の画面20上に一度に表示できる長さを超えている。そのため、画面20に表示されている棚面11に関し、実際に表示されている領域は、図1に示すように、棚面11の一部のみである。図1に示す場合では、破線枠で囲まれた領域14が実際に画面20に表示される部分であるため、同じ棚面11のそれ以外の部分は、画面20には表示されていない。したがって、コンテンツ表示装置では、画面20に表示されている棚面11を縦方向に移動させることによって、画面20に表示させる領域14の位置を変更して、それまで表示されていなかった領域を画面20に表示させる構成としている。棚面11の縦方向における移動処理は、ユーザの入力操作によって実行できる。   The length of each shelf surface 11 in the vertical direction of the bookcase object 10 exceeds the length that can be displayed on the screen 20 of the content display device at a time. Therefore, regarding the shelf surface 11 displayed on the screen 20, the area actually displayed is only a part of the shelf surface 11 as shown in FIG. In the case shown in FIG. 1, the area 14 surrounded by the broken line frame is a part that is actually displayed on the screen 20, and the other part of the same shelf surface 11 is not displayed on the screen 20. Therefore, in the content display device, the position of the area 14 displayed on the screen 20 is changed by moving the shelf surface 11 displayed on the screen 20 in the vertical direction, and the area that has not been displayed so far is displayed on the screen. 20 is displayed. The movement process in the vertical direction of the shelf surface 11 can be executed by a user input operation.

本実施の形態では、タッチパネル上で、移動させたい方向にスクロール操作を行うことによって、棚面11をスクロール操作方向と同じ方向に移動させて、それまで表示されていなかった領域を表示させる構成である。スクロール操作としては、縦方向へのフリック操作およびドラッグ操作が挙げられる。フリック操作を行った場合には、フリック操作の速度に応じて、棚面11の移動距離を決定し、その決定に基づいて棚面11が移動する。どの程度の速度によって、どの程度棚面を移動させるかは、製造者が適宜決定すればよい。ドラッグ操作を行った場合には、ドラッグ操作に追随して棚面が移動し、タッチパネルから指を放した段階で棚面の移動が終了する。   In the present embodiment, by performing a scroll operation in the direction to be moved on the touch panel, the shelf surface 11 is moved in the same direction as the scroll operation direction, and an area that has not been displayed is displayed. is there. Examples of the scroll operation include a vertical flick operation and a drag operation. When the flick operation is performed, the movement distance of the shelf surface 11 is determined according to the speed of the flick operation, and the shelf surface 11 moves based on the determination. The manufacturer may appropriately determine how much the shelf surface is moved at what speed. When the drag operation is performed, the shelf surface moves following the drag operation, and the shelf surface movement ends when the finger is released from the touch panel.

図7は、説明のために書棚オブジェクト10の棚面11を展開した図である。破線で囲んだ領域14が実際に画面20に表示されている領域である。図7(a)はスクロール操作の前の状態であり、棚面11aの最上部が表示されている状態である。棚面11aのより下部を表示させたいときには、棚面11aに対して上方向(図中矢印Bの方向)へのスクロール操作を行う。これにより、棚面11aが上方向に移動し、その結果、画面20に表示される領域14が、移動前に表示されていた領域14’に比べ相対的に下部に移動する(図7(b))。   FIG. 7 is an expanded view of the shelf surface 11 of the bookcase object 10 for explanation. A region 14 surrounded by a broken line is a region actually displayed on the screen 20. FIG. 7A shows a state before the scroll operation, in which the uppermost part of the shelf surface 11a is displayed. When it is desired to display the lower part of the shelf surface 11a, a scroll operation is performed upward (in the direction of arrow B in the figure) with respect to the shelf surface 11a. As a result, the shelf surface 11a moves upward, and as a result, the area 14 displayed on the screen 20 moves relatively downward relative to the area 14 ′ displayed before the movement (FIG. 7B). )).

なお、棚面11の縦方向への移動は各棚面11の間で独立に制御されている。すなわち、スクロール操作によって縦方向へ移動する棚面11は、操作時に正面にあって画面20に表示されている棚面11のみである。例えば、図7(a)に示すように、棚面11a〜11dをそれぞれ表示させたときに各棚面11a〜11dの最上部が表示されるような状態において、棚面11aに対してスクロール操作を行って棚面11aを上方向に移動させ、棚面11aにおける表示領域がより下部に移動したとする。このとき上方向に移動している棚面11は、図7(b)に示すように、棚面11aのみであり、他の棚面11b〜11dについては縦方向への変化は生じていない。そのため、この状態において、書棚オブジェクト10に対して回転操作を行って別の棚面11b〜11dを表示させた場合でも、棚面11b〜11dでは、依然として棚面11b〜11dの最上部が表示されるようになっている。したがって、棚面11aを縦方向にスクロール移動させても、他の棚面11b〜11dにおいては、前回その棚面を見たときの状態が保たれている。   The movement of the shelf surface 11 in the vertical direction is controlled independently between the shelf surfaces 11. That is, the shelf surface 11 that moves in the vertical direction by the scroll operation is only the shelf surface 11 that is in front and displayed on the screen 20 during the operation. For example, as shown in FIG. 7A, the scroll operation is performed on the shelf surface 11a in a state where the uppermost portions of the shelf surfaces 11a to 11d are displayed when the shelf surfaces 11a to 11d are displayed. The shelf surface 11a is moved upward and the display area on the shelf surface 11a is moved further downward. At this time, as shown in FIG. 7B, the shelf surface 11 moving upward is only the shelf surface 11a, and the other shelf surfaces 11b to 11d are not changed in the vertical direction. Therefore, in this state, even when the rotation operation is performed on the bookcase object 10 to display the other shelf surfaces 11b to 11d, the uppermost portions of the shelf surfaces 11b to 11d are still displayed on the shelf surfaces 11b to 11d. It has become so. Therefore, even if the shelf surface 11a is scroll-moved in the vertical direction, the other shelf surfaces 11b to 11d maintain the state when the shelf surface was viewed last time.

例えば、「最近読んだ本」のカテゴリに対応する棚面11bに配置されたサムネイル画像12の数が少なく棚面11bの上部にしか配置されていない場合において、棚面11bの最上部を表示させた状態で、書棚オブジェクト10を回転させて「未読・おすすめ」の棚面11aに移動し、次いで、スクロール操作によって棚面11aの最下部を表示させたとする。このときに、再び書棚オブジェクト10を回転させて棚面11bを表示させたときに、棚面11bについても最下部が表示されてしまうと、サムネイル画像12が何もない棚面11bの表示になってしまう。そのため、ユーザには書籍がなくなったように見えてしまい好ましくない。また、ユーザは再度スクロール操作を行って棚面11bの最上部を表示させる必要があるため、ユーザにとって不便である。しかしながら、本コンテンツ表示装置では、再び書棚オブジェクト10を回転させて棚面11cに戻ったときに、先ほどまで見ていた棚面11cの状態、すなわち、棚面11cの最上部が表示される。そのため、ユーザは、棚面11cを再表示させたときに、新たな操作が不要となる。このとき、棚面11aの縦方向の位置は、スクロール移動後の位置に保たれている。   For example, when the number of thumbnail images 12 arranged on the shelf surface 11b corresponding to the category of “Recently read books” is small and arranged only on the shelf surface 11b, the top of the shelf surface 11b is displayed. In this state, it is assumed that the bookshelf object 10 is rotated and moved to the “unread / recommended” shelf surface 11a, and then the lowermost portion of the shelf surface 11a is displayed by a scroll operation. At this time, when the bookshelf object 10 is rotated again to display the shelf surface 11b, if the lowermost portion of the shelf surface 11b is displayed, the shelf surface 11b with no thumbnail image 12 is displayed. End up. For this reason, it seems that the user seems to have lost the book, which is not preferable. Moreover, since the user needs to perform the scroll operation again to display the uppermost part of the shelf surface 11b, it is inconvenient for the user. However, in this content display device, when the bookshelf object 10 is rotated again and returned to the shelf surface 11c, the state of the shelf surface 11c that has been viewed, that is, the uppermost portion of the shelf surface 11c is displayed. Therefore, when the user redisplays the shelf surface 11c, a new operation becomes unnecessary. At this time, the vertical position of the shelf surface 11a is maintained at the position after the scroll movement.

以上のような画面表示および画面に表示されている書棚オブジェクトおよび棚面を操作する動作は、本屋などに置かれている回転式書棚における動作を連想させるものである。そのため、本発明に係るコンテンツ表示装置に初めて接する人や、機器の操作に不慣れな人であっても、コンテンツ表示装置の操作方法を容易に理解することができる。すなわち、ユーザにとって操作し易いユーザインターフェイスを有しているということができる。   The above-described screen display and the operation of operating the bookcase object and the shelf surface displayed on the screen are reminiscent of the operation of the rotary bookcase placed in a bookstore or the like. Therefore, even a person who contacts the content display device according to the present invention for the first time or a person unfamiliar with the operation of the device can easily understand the operation method of the content display device. That is, it can be said that the user interface is easy to operate for the user.

なお、本屋などに置かれている回転式書棚と異なり、例えば棚面の下の方を見たいときに、眺めている棚面そのものを、その棚面のみ上方向に動かすことができる。さらに、この状態で書棚オブジェクトを回転させることができる。したがって、ある棚面の異なる高さ位置を見た後、書棚オブジェクトを回転させたときに、もとの高さ位置に視点を戻すといった作業無しに、他の棚面においてはもとの高さ位置を見ることができる。   Note that, unlike a rotary bookcase placed in a bookstore or the like, for example, when looking at the lower side of the shelf surface, only the shelf surface being viewed can be moved upward. Further, the bookcase object can be rotated in this state. Therefore, after looking at a different height position on one shelf surface, when the bookcase object is rotated, the original height on the other shelf surface is restored without returning the viewpoint to the original height position. You can see the location.

(透明化処理)
コンテンツ表示装置では、書棚オブジェクト10の回転および棚面11のスクロール移動を画面20に表示する際に、棚面11およびサムネイル画像12の一部を半透明にする処理を行っている。以下、図8および図9を参照して説明する。
(Transparency treatment)
In the content display device, when the rotation of the bookcase object 10 and the scroll movement of the shelf surface 11 are displayed on the screen 20, the shelf surface 11 and a part of the thumbnail image 12 are made translucent. Hereinafter, a description will be given with reference to FIGS.

図8は、書棚オブジェクト10の回転を表示させる際の半透明化について説明する図である。説明の便宜上、サムネイル画像12は1個のみを示している。図8(a)は、回転処理前の表示状態を示しており、ここでは、表示されている棚面11aおよび棚面11a上にあるサムネイル画像12aの不透明度は100%となっている。そのため、隣接する棚面11bおよび棚面11dならびにこれらに貼り付けられているサムネイル画像は画面20には表示されない。   FIG. 8 is a diagram illustrating translucency when displaying the rotation of the bookcase object 10. For convenience of explanation, only one thumbnail image 12 is shown. FIG. 8A shows the display state before the rotation processing, and here, the displayed shelf surface 11a and the opacity of the thumbnail image 12a on the shelf surface 11a are 100%. Therefore, the adjacent shelf surface 11b and shelf surface 11d and thumbnail images pasted on these are not displayed on the screen 20.

図8(b)は、標準モードにおいて、画面20に表示される棚面11を棚面11aから棚面11bに変更させる入力操作がなされ、書棚オブジェクト10が回転している途中の状態を示す図である。図8(b)では、回転が45度以上進み、回転処理前に表示されていた棚面11aの画面20上での表示面積よりも、次に表示される棚面11bの画面20上での表示面積の方が大きくなっている場合を示している。このときには、それまで表示していた棚面11aおよび棚面11a上にあるサムネイル画像12aを半透明表示とする。その一方で、次に表示される棚面11bおよび棚面11b上にあるサムネイル画像12bの不透明度は下げずに表示させているが、これに限定されるものではない。次に表示される棚面11bおよび棚面11b上にあるサムネイル画像12bもまた、半透明表示としてもよい。なお、この場合には、棚面11aではない方の棚面11bの隣接面(棚面11c)を非表示とする。回転中に表示される2つの面がいずれも半透明の場合、それぞれの不透明度の割合(%)を足し合わせた値が100となることが好ましい。   FIG. 8B is a diagram showing a state in which the book shelf object 10 is rotating in the standard mode when an input operation is performed to change the shelf surface 11 displayed on the screen 20 from the shelf surface 11a to the shelf surface 11b. It is. In FIG. 8B, the rotation advances 45 degrees or more, and the display area on the screen 20 of the shelf surface 11b displayed next is larger than the display area on the screen 20 of the shelf surface 11a displayed before the rotation processing. The case where the display area is larger is shown. At this time, the shelf surface 11a that has been displayed and the thumbnail image 12a on the shelf surface 11a are displayed in a translucent manner. On the other hand, the opacity of the next displayed shelf surface 11b and the thumbnail image 12b on the shelf surface 11b is displayed without being lowered, but the present invention is not limited to this. The shelf surface 11b to be displayed next and the thumbnail image 12b on the shelf surface 11b may also be translucently displayed. In this case, the adjacent surface (shelf surface 11c) of the shelf surface 11b which is not the shelf surface 11a is not displayed. When the two surfaces displayed during the rotation are both translucent, it is preferable that the sum of the respective opacity ratios (%) is 100.

なお、図示はしていないが、回転が45度未満であり、回転処理前に表示されていた棚面11aの画面20上での表示面積の方が、次に表示される棚面11bの画面20上での表示面積よりも大きい状態のときは、それまで表示していた棚面11aおよび棚面11a上にあるサムネイル画像12aの不透明度はそのままで、次に表示される棚面11bおよび棚面11b上にあるサムネイル画像12bを半透明表示としている。なお、回転が45度未満の場合にも、それまで表示していた棚面11aおよび棚面11a上にあるサムネイル画像12aを半透明表示にしてもよい。   Although not shown, the rotation is less than 45 degrees, and the display area on the screen 20 of the shelf surface 11a displayed before the rotation processing is the screen of the shelf surface 11b displayed next. When the display area is larger than the display area on the shelf surface 11a and the shelf image 11a displayed on the shelf surface 11a, the opacity of the thumbnail image 12a displayed on the shelf surface 11a remains unchanged and the shelf surface 11b and the shelf displayed next are displayed. The thumbnail image 12b on the surface 11b is displayed semi-transparently. Even when the rotation is less than 45 degrees, the shelf surface 11a that has been displayed and the thumbnail image 12a on the shelf surface 11a may be displayed semi-transparently.

図8(c)は、アクティブモードにおいて、画面20に表示される棚面11を棚面11aから棚面11bに変更させる入力操作がなされ、書棚オブジェクト10が回転している途中の状態を示す図である。図8(c)では、回転が45度以上進み、回転処理前に表示されていた棚面11aの画面20上での表示面積よりも、次に表示される棚面11bの画面20上での表示面積の方が大きくなっている場合を示している。   FIG. 8C is a diagram showing a state in which the bookcase object 10 is rotating in the active mode when an input operation is performed to change the shelf surface 11 displayed on the screen 20 from the shelf surface 11a to the shelf surface 11b. It is. In FIG.8 (c), rotation advances 45 degree | times or more, and the display area on the screen 20 of the shelf surface 11b displayed next is displayed rather than the display area on the screen 20 of the shelf surface 11a displayed before the rotation process. The case where the display area is larger is shown.

棚面11aが正面にある場合、アクティブモードでは、棚面11aも半透明表示となっているため、これに隣接する棚面11dおよび棚面11d上にあるサムネイル画像12dも表示されている。棚面11dとは反対側で棚面11aと隣接している棚面11bを表示させるように回転させたとき、回転角度が45度未満のときは、依然として棚面11dおよびサムネイル画像12dも表示されている。しかし、回転角度が45度以上になったときには、棚面11dおよび棚面11dは非表示とする。その一方で、次に表示される棚面11bのさらにその隣の棚面11cおよび棚面11cを半透明表示で画面20に表示させる(図8(c))。   When the shelf surface 11a is in front, in the active mode, the shelf surface 11a is also translucently displayed, so the shelf surface 11d adjacent thereto and the thumbnail image 12d on the shelf surface 11d are also displayed. When rotated so that the shelf surface 11b adjacent to the shelf surface 11a on the side opposite to the shelf surface 11d is displayed, when the rotation angle is less than 45 degrees, the shelf surface 11d and the thumbnail image 12d are still displayed. ing. However, when the rotation angle becomes 45 degrees or more, the shelf surface 11d and the shelf surface 11d are not displayed. On the other hand, the shelf surface 11c and the shelf surface 11c adjacent to the shelf surface 11b to be displayed next are displayed on the screen 20 in a translucent display (FIG. 8C).

なお、アクティブモードでは、回転中は3つの棚面11がいずれも半透明表示で画面20に表示されるが、3つの棚面11のうち画面20における表示面積が最も大きい棚面、すなわち、回転角度が45度未満のときは、それまで正面にあった棚面11a、回転角度が45度のときは、それまで正面にあった棚面11aおよび次に正面にくる棚面11b、ならびに回転角度が45度より大きいときは、次に正面にくる棚面11bの不透明度が最も大きくなっている。   In the active mode, all three shelf surfaces 11 are displayed on the screen 20 in a semi-transparent display during the rotation, but the shelf surface having the largest display area on the screen 20 among the three shelf surfaces 11, that is, the rotation. When the angle is less than 45 degrees, the shelf surface 11a that has been in front until now, and when the rotation angle is 45 degrees, the shelf surface 11a that has been in front until now and the shelf surface 11b that is next in front, and the rotation angle Is greater than 45 degrees, the opacity of the shelf surface 11b next to the front is the largest.

図9は、棚面11のスクロール移動を表示させる際の半透明化について説明する図である。コンテンツ表示装置では、棚面11のスクロール移動を表示する際に、画面20上に表示されなくなるサムネイル画像12を半透明にして表示している。また、その不透明度の度合いは、表示されなくなるサムネイル画像12の表示されている部分の割合に応じて変化させている。ここでは、表示されている部分が少なくなるにつれ、不透明度を小さく(透明度を大きく)している。   FIG. 9 is a diagram for explaining the translucency when displaying the scroll movement of the shelf surface 11. In the content display device, when the scroll movement of the shelf surface 11 is displayed, the thumbnail image 12 that is no longer displayed on the screen 20 is displayed in a translucent manner. The degree of opacity is changed according to the proportion of the displayed portion of the thumbnail image 12 that is no longer displayed. Here, the opacity is reduced (transparency is increased) as the number of displayed parts decreases.

図9(a)はスクロール移動させる前の画面20上での表示を示している。なお、図9では説明の便宜上、サムネイル画像12以外の表示を省略して図示している。このときに、より上側にあるサムネイル画像12を表示させるために、画面下方向へのフリック操作など、棚面11を画面下方向にスクロール移動させる入力操作をおこなったとする。すると、操作前に画面20の最下部に表示されていたサムネイル画像12fの一部が画面20に表示されない状態となる。そのため、サムネイル画像12fは半透明に表示される。このときに、図9(b)に示すように表示されなくなった部分がサムネイル画像12fの全面積の20%程度であるときに、サムネイル画像12fの不透明度を例えば50%(透明度50%)とすることができる。このとき、不透明度が低下していないサムネイル画像12としては、サムネイル画像12fよりも棚13一段分上にあるサムネイル画像12eが最下段となる。さらに、図9(c)に示すように表示されなくなった部分がサムネイル画像12fの全面積の50%程度であるときに、サムネイル画像12fの不透明度を例えば20%(透明度80%)とすることができる。さらに、図9(d)に示すように表示されなくなった部分がサムネイル画像12fの全面積の80%程度であるときに、サムネイル画像12fを例えば完全に透明にして非表示にすることができる。   FIG. 9A shows a display on the screen 20 before scrolling. In FIG. 9, for convenience of explanation, the display other than the thumbnail image 12 is omitted. At this time, in order to display the thumbnail image 12 on the upper side, an input operation for scrolling the shelf surface 11 downward such as a flick operation downward on the screen is performed. Then, a part of the thumbnail image 12 f displayed at the bottom of the screen 20 before the operation is not displayed on the screen 20. Therefore, the thumbnail image 12f is displayed translucently. At this time, as shown in FIG. 9B, when the portion that is no longer displayed is about 20% of the total area of the thumbnail image 12f, the opacity of the thumbnail image 12f is, for example, 50% (transparency 50%). can do. At this time, as the thumbnail image 12 whose opacity has not decreased, the thumbnail image 12e that is one step above the shelf 13 from the thumbnail image 12f is the lowest step. Furthermore, as shown in FIG. 9C, when the portion that is no longer displayed is about 50% of the total area of the thumbnail image 12f, the opacity of the thumbnail image 12f is set to 20% (transparency 80%), for example. Can do. Furthermore, as shown in FIG. 9D, when the portion that is no longer displayed is about 80% of the total area of the thumbnail image 12f, the thumbnail image 12f can be made completely transparent and hidden, for example.

本実施の形態では、画面下方向へのスクロール移動によって、画面20の下側から画面外に消えていくサムネイル画像12について説明しているが、このときに、画面20の上側から画面内に現れてくるサムネイル画像12についても同様の処理がなされている。すなわち、サムネイル画像12が上側から画面20内に現れてくる際に、画面20内に表示されている部分と、画面20外にあって表示されていない部分との比率に応じて、その不透明度を変化させている。   In the present embodiment, the thumbnail image 12 that disappears from the lower side of the screen 20 by scrolling downward in the screen has been described. However, at this time, the thumbnail image 12 appears in the screen from the upper side of the screen 20. Similar processing is performed for the incoming thumbnail image 12. That is, when the thumbnail image 12 appears in the screen 20 from the upper side, the opacity of the thumbnail image 12 depends on the ratio between the portion displayed on the screen 20 and the portion not displayed on the screen 20. Is changing.

棚面を一部半透明にしたり、その半透明の度合いを変化させたりすることにより、ユーザは3次元オブジェクトを操作している実感が得られる。また、隣接する棚面11が表示されることにより、隣接する棚面11がどのようなカテゴリによる棚面か、あるいはその棚面11にどのような書籍(サムネイル画像)が置かれているかを知ることができ、目的の書籍をより容易に探し出すことができる。   By making the shelf surface partially translucent or changing the degree of translucency, the user can feel that he is operating a three-dimensional object. In addition, by displaying the adjacent shelf surface 11, it is known what category the shelf surface 11 is adjacent to, or what book (thumbnail image) is placed on the shelf surface 11. The target book can be found more easily.

このほかにも、定期購読の棚面11で各最新号を表示している画面表示からバックナンバーの一覧表示に遷移する際のマガジンラックの上下スクロールにおいても透明度(不透明度)を変化させてもよい。また、後述するピンチイン操作、ピンチアウト操作による拡大−縮小変更時に透明度(不透明度)を変化させてもよい。   In addition to this, even if the transparency (opacity) is changed in the vertical scroll of the magazine rack when changing from the screen display displaying each latest issue on the shelf surface 11 of the subscription to the list display of the back numbers. Good. Further, the transparency (opacity) may be changed at the time of enlargement / reduction change by a pinch-in operation or a pinch-out operation described later.

(拡大、縮小表示)
正面にある棚面11を画面20に表示している状態において、一画面上に表示させるサムネイル画像12の数は、変更可能に構成されている。図10は、画面20に表示させるサムネイル画像の表示パターンの例を示す図である。図10(a)は20枚のサムネイル画像12を表示している状態を示しており、図10(b)は28枚のサムネイル画像12を表示している状態を示している。各サムネイル画像12が大きくなるように表示させれば、各サムネイル画像が見やすくなるものの、一度に画面20に表示できるサムネイル画像12の数(一度に表示できる棚13の数と相関がある)は減少する。一方、サムネイル画像12が小さくなるように表示させることにより、一度に多くのサムネイル画像12を表示することが可能となる。
(Enlarged, reduced display)
In the state where the shelf surface 11 on the front is displayed on the screen 20, the number of thumbnail images 12 displayed on one screen can be changed. FIG. 10 is a diagram illustrating an example of a display pattern of thumbnail images displayed on the screen 20. 10A shows a state in which 20 thumbnail images 12 are displayed, and FIG. 10B shows a state in which 28 thumbnail images 12 are displayed. If each thumbnail image 12 is displayed to be large, each thumbnail image is easy to see, but the number of thumbnail images 12 that can be displayed on the screen 20 at a time (correlated with the number of shelves 13 that can be displayed at one time) decreases. To do. On the other hand, by displaying the thumbnail images 12 so as to be small, it becomes possible to display many thumbnail images 12 at a time.

画面20に表示させるサムネイル画像12の数の変更は、ユーザの入力操作によって行うことができる。具体的には、タッチパネル上でピンチアウト操作を行うことによって、棚面11を拡大表示させ、各サムネイル画像12を大きく表示させる。一方、タッチパネル上でピンチイン操作を行うことによって、棚面11を縮小表示させ、各サムネイル画像12を小さく表示させる。ここでピンチアウト操作とは、ユーザの2本の指などを同時に操作面上に接触させて、そのままその2本の指を開く動作を行う操作である。また、ピンチイン操作とは、ユーザの2本の指などを同時に操作面上に接触させて、そのままその2本の指を閉じる動作を行う操作である。   The number of thumbnail images 12 displayed on the screen 20 can be changed by a user input operation. Specifically, by performing a pinch-out operation on the touch panel, the shelf surface 11 is enlarged and each thumbnail image 12 is displayed in a large size. On the other hand, by performing a pinch-in operation on the touch panel, the shelf surface 11 is reduced and each thumbnail image 12 is displayed smaller. Here, the pinch-out operation is an operation in which two fingers of the user are simultaneously brought into contact with the operation surface and the two fingers are opened as they are. The pinch-in operation is an operation in which two fingers of the user are simultaneously brought into contact with the operation surface and the two fingers are closed as they are.

図11は、標準モード時に、棚面選択ボタン17をタップして書棚オブジェクト10を回転表示させる場合の、画面表示の流れを示す図である。説明の便宜上、サムネイル画像12は1つの棚面11においてのみ図示している。   FIG. 11 is a diagram illustrating a flow of screen display when the shelf surface selection button 17 is tapped and the bookshelf object 10 is rotated and displayed in the standard mode. For convenience of explanation, the thumbnail image 12 is shown only on one shelf surface 11.

図11に示すように、標準モードにおける表示状態(標準表示)において、棚面選択ボタン17をタップして書棚オブジェクト10を回転させたときに、リアルタイムで表示を縮小して、書棚オブジェクト10をより広範囲で表示して、書棚オブジェクト10が仮想3次元空間にある直方体のオブジェクトであることが認識できる表示に切り替わり、その状態で回転し、回転完了後、表示を拡大して標準表示に戻るという組み合わせでアニメーションを表示させることも可能である。   As shown in FIG. 11, in the display state (standard display) in the standard mode, when the bookcase object 10 is rotated by tapping the shelf surface selection button 17, the display is reduced in real time, and the bookcase object 10 is more A combination of displaying in a wide range, switching to a display that can recognize that the bookcase object 10 is a rectangular parallelepiped object in the virtual three-dimensional space, rotating in that state, and after completing the rotation, the display is enlarged and returned to the standard display It is also possible to display animation with.

(コンテンツ表示装置の構成)
次に、上記のような表示を実現するコンテンツ表示装置の構成および機能について、図12を参照して説明する。図12は、本発明の一実施形態に係るコンテンツ表示装置1の要部構成を示すブロック図である。
(Configuration of content display device)
Next, the configuration and function of the content display device that realizes the above display will be described with reference to FIG. FIG. 12 is a block diagram showing a main configuration of the content display device 1 according to one embodiment of the present invention.

図12に示すように、コンテンツ表示装置1は、入力処理部101、ネットワーク処理部102、起動処理部103、書籍データ管理部104、表示情報管理部105、回転処理部(回転処理手段)106、スクロール処理部(スクロール移動処理手段)107、書籍一覧表示処理部(表示処理手段)108、書籍内容表示処理部109、出力処理部(表示処理手段)110、入力操作部(入力部)111、表示部(画面)112、および通信部113を備えている。   As shown in FIG. 12, the content display apparatus 1 includes an input processing unit 101, a network processing unit 102, an activation processing unit 103, a book data management unit 104, a display information management unit 105, a rotation processing unit (rotation processing means) 106, Scroll processing unit (scroll movement processing unit) 107, book list display processing unit (display processing unit) 108, book content display processing unit 109, output processing unit (display processing unit) 110, input operation unit (input unit) 111, display A unit (screen) 112 and a communication unit 113 are provided.

入力処理部101は、入力操作部111が検知した入力操作情報を取得し、その情報に基づき、回転処理部106、スクロール処理部107に対して処理の実行を命じる。あるいは書籍内容表示処理部109に対して処理の実行を命じる。   The input processing unit 101 acquires the input operation information detected by the input operation unit 111, and instructs the rotation processing unit 106 and the scroll processing unit 107 to execute processing based on the information. Alternatively, the book content display processing unit 109 is instructed to execute the process.

ネットワーク処理部102は、通信部113を介してネットワーク上のサーバからコンテンツデータである書籍データを取得する。書籍データには、書籍画像、書籍情報、書籍内容がある。本実施形態においては、これらをコンテンツ表示装置1内に保存しているが、これに限定されず、逐次、サーバから取得する(クラウド)構成であってもよい。   The network processing unit 102 acquires book data that is content data from a server on the network via the communication unit 113. The book data includes a book image, book information, and book contents. In the present embodiment, these are stored in the content display device 1, but the present invention is not limited to this, and a (cloud) configuration that sequentially obtains them from the server may be used.

書籍データ管理部104は、ネットワーク処理部102によって取得された書籍データを記憶装置に記憶させるとともに、取得した書籍データを管理する。また、書籍一覧表示処理部108および書籍内容表示処理部109の求めに応じて書籍データを送信する。   The book data management unit 104 stores the book data acquired by the network processing unit 102 in a storage device and manages the acquired book data. Further, the book data is transmitted in response to requests from the book list display processing unit 108 and the book content display processing unit 109.

起動処理部103は、コンテンツ表示装置1に対して起動操作がなされたときに、表示部112に画像を表示させるために、表示情報管理部105に処理の実行を命じる。   The activation processing unit 103 instructs the display information management unit 105 to execute processing in order to display an image on the display unit 112 when an activation operation is performed on the content display device 1.

表示情報管理部105は、表示部112に表示させる画像を管理しており、起動処理がなされたときに、書籍一覧表示処理部108に対して、表示画像を生成するよう命じる。また、回転やスクロールした際に、回転により変更した正面の棚の位置情報、スクロールにより変更したスクロール位置情報、拡大・縮小した値、書籍内容を表示した際の書籍情報、表示した書籍のページ情報、定期購読棚を表示した際の、各最新号の一覧表示であるかバックナンバー一覧表示であるかの情報をメモリなどの記憶装置に格納する。   The display information management unit 105 manages an image to be displayed on the display unit 112, and instructs the book list display processing unit 108 to generate a display image when the activation process is performed. Also, when rotating or scrolling, the position information of the front shelf changed by rotation, the scroll position information changed by scrolling, the enlarged / reduced value, the book information when displaying the book contents, the page information of the displayed book When the subscription shelf is displayed, information indicating whether each latest issue is displayed as a list or a back number list is stored in a storage device such as a memory.

回転処理部106は、表示部112に表示された書棚オブジェクト10を回転させるための入力操作を入力操作部111が検知して、その操作情報を入力処理部101が受け付けたときに、その操作情報に基づき、表示部112に表示すべきアニメーションおよび画像の処理をおこなう。   When the input operation unit 111 detects an input operation for rotating the bookshelf object 10 displayed on the display unit 112 and the operation information is received by the input processing unit 101, the rotation processing unit 106 receives the operation information. Based on the above, the animation and image to be displayed on the display unit 112 are processed.

同様にスクロール処理部107は、表示部112に表示された棚面11をスクロール移動させるための入力操作を入力操作部111が検知して、その操作情報を入力処理部101が受け付けたときに、その操作情報に基づき、表示部112に表示すべきアニメーションおよび画像の処理をおこなう。   Similarly, when the input operation unit 111 detects an input operation for scrolling the shelf surface 11 displayed on the display unit 112 and the input processing unit 101 receives the operation information, the scroll processing unit 107 Based on the operation information, an animation and an image to be displayed on the display unit 112 are processed.

書籍一覧表示処理部108は、書籍データ管理部104から表示すべき書籍データを取得し、表示情報管理部105から表示すべき画像を取得するとともに、回転処理部106またはスクロール処理部107によって処理された情報を取得し、書籍一覧を表示部112に表示させる際の画像およびアニメーションを生成し、出力処理部110に送信する。   The book list display processing unit 108 acquires book data to be displayed from the book data management unit 104, acquires an image to be displayed from the display information management unit 105, and is processed by the rotation processing unit 106 or the scroll processing unit 107. Information is acquired, and an image and animation for displaying the book list on the display unit 112 are generated and transmitted to the output processing unit 110.

書籍内容表示処理部109は、入力操作部111を介してユーザが選択した書籍の情報を入力処理部101から受け付け、その情報に基づき、選択された書籍データを書籍データ管理部104から取得して、その書籍の内容を含むデータを出力処理部110に送信する。書籍のサムネイル画像12がタップされ、その入力操作を入力処理部101が受け付けると、その操作情報が書籍内容表示処理部109に送信され、その書籍の内容(文章)を表示する処理を行う。また、ロングタップ(長押し)の入力操作を入力処理部101が受け付け、その操作情報が書籍内容表示処理部109に送信されると、その書籍の書籍名、出版社、著者、書籍の解説、出版年月などの書籍情報を表示する処理を行う。   The book content display processing unit 109 receives the information of the book selected by the user via the input operation unit 111 from the input processing unit 101, acquires the selected book data from the book data management unit 104 based on the information. , Data including the contents of the book is transmitted to the output processing unit 110. When the thumbnail image 12 of the book is tapped and the input operation is accepted by the input processing unit 101, the operation information is transmitted to the book content display processing unit 109, and processing for displaying the content (sentence) of the book is performed. When the input processing unit 101 receives a long tap (long press) input operation and the operation information is transmitted to the book content display processing unit 109, the book name, publisher, author, description of the book, The book information such as publication date is displayed.

出力処理部110は、書籍一覧表示処理部108または書籍内容表示処理部109において生成され、送信された表示内容を受信し、表示用データに変換して、表示部112に表示させる。   The output processing unit 110 receives the display content generated and transmitted by the book list display processing unit 108 or the book content display processing unit 109, converts it into display data, and causes the display unit 112 to display the display content.

上記各処理部は、その役割の範囲において、起動時には、メモリ上に格納されている、棚面11の種別、書籍のサムネイル画像12、書籍の情報などの書籍データ、および前回表示されていた棚面11の種別、そのスクロール位置などの表示情報を取得する。また、起動時のほか、操作処理時には、表示情報、書籍データから一覧表示する書籍のサムネイル画像12を取得し、仮想3次元表示で用いるテクスチャデータに変換する。表示情報から仮想3次元表示するための視点などのパラメータを算出する。3次元処理により、書籍データを3次元演算し、表示処理で表示を行う。一方、書籍閲覧時には、書籍データの書籍内容を習得し、2次元表示を行う。さらに、書籍購入時には、ネットワークから書籍データを購入し、書籍データ管理部にて管理する。購入した書籍のサムネイル画像12を表示すべき場合には、書籍一覧表示処理部により仮想3次元表示させる。   Each of the above processing units is stored in the memory within the scope of its role, and the type of the shelf surface 11, the thumbnail image 12 of the book, the book data such as the book information, and the previously displayed shelf Display information such as the type of the surface 11 and its scroll position is acquired. In addition to startup, during operation processing, the thumbnail images 12 of the books to be displayed as a list are acquired from the display information and book data, and converted into texture data used for virtual three-dimensional display. Parameters such as a viewpoint for virtual three-dimensional display are calculated from the display information. The book data is three-dimensionally calculated by three-dimensional processing and displayed by display processing. On the other hand, at the time of reading a book, the book content of the book data is acquired and two-dimensional display is performed. Further, when purchasing a book, the book data is purchased from the network and managed by the book data management unit. When the thumbnail image 12 of the purchased book is to be displayed, it is displayed in a virtual three-dimensional manner by the book list display processing unit.

なお、コンテンツ表示装置1の画面20上における上記した表示内容を理解した当業者であれば、オープンGL(Open Graphics Library)などの公知の技術を適用することにより、書棚オブジェクト10および各棚面11の表示、書棚オブジェクト10の回転およびその表示、ならびに棚面11のスクロール移動およびその表示などを実現できる。そのため、これらの表示を実現するための各処理部および各管理部における具体的なデータの処理方法および管理方法はについては、その説明を省略する。   A person skilled in the art who understands the above-described display contents on the screen 20 of the content display device 1 can apply a known technique such as Open GL (Open Graphics Library) to apply the bookshelf object 10 and each shelf surface 11. Display, rotation of the bookcase object 10 and its display, scroll movement of the shelf surface 11 and its display, and the like. Therefore, a description of a specific data processing method and management method in each processing unit and each management unit for realizing these displays is omitted.

入力操作部111としては、タッチパネルを用いている。   A touch panel is used as the input operation unit 111.

表示部112は、液晶パネルなどを備えた表示装置によって構成することができる。   The display unit 112 can be configured by a display device including a liquid crystal panel.

上記した各処理部および各管理部は、例えば、コンピュータ(電子計算機)を用いて実現することができる。図13は、コンピュータを用いて実現されたコンテンツ表示装置1のハードウェア構成を例示したブロック図である。   Each processing unit and each management unit described above can be realized using, for example, a computer (electronic computer). FIG. 13 is a block diagram illustrating a hardware configuration of the content display apparatus 1 realized using a computer.

コンテンツ表示装置1は、図13に示したように、バス270を介して互いに接続された中央演算処理装置(CPU)210と、内部記憶装置(メモリ)220と、ディスプレイ230と、入力デバイス240とを備えており、さらに入出力インターフェイスを介して外部記憶装置(外部メモリ)250と接続でき、さらに、ネットワーク通信装置を介してインターネットなどの外部ネットワーク260と接続できる。   As shown in FIG. 13, the content display device 1 includes a central processing unit (CPU) 210, an internal storage device (memory) 220, a display 230, and an input device 240 that are connected to each other via a bus 270. Can be connected to an external storage device (external memory) 250 via an input / output interface, and can be further connected to an external network 260 such as the Internet via a network communication device.

メモリ220には、コンピュータを各処理部および各管理部として動作させるための各種プログラム、および取得した電子書籍データが格納されている。   The memory 220 stores various programs for operating the computer as each processing unit and each management unit, and acquired electronic book data.

入力デバイス240は、ユーザによる入力操作を受け付けるための手段であり、例えば、トラックボール、およびディスプレイ上に設けられたタッチパネルである。   The input device 240 is a means for accepting an input operation by a user, and is, for example, a trackball and a touch panel provided on a display.

書籍データは、外部メモリ250および通信ネットワーク260を介して取得することができる。   The book data can be acquired via the external memory 250 and the communication network 260.

上述のように、本実施形態では、コンテンツ表示装置は、電子書籍を閲覧するための電子書籍端末を意図している。しかしながら、コンテンツ表示装置は、これに限定されるものではなく、携帯電話、スマートフォン、電子辞書などの携帯端末、モニタを備えているパーソナルコンピュータなどの端末装置であってもよい。   As described above, in the present embodiment, the content display device is intended as an electronic book terminal for browsing an electronic book. However, the content display device is not limited to this, and may be a mobile phone, a smart phone, a mobile terminal such as an electronic dictionary, or a terminal device such as a personal computer equipped with a monitor.

本発明の目的は、上記プログラムのプログラムコードをコンピュータで読み取り可能に記録した記録媒体をコンテンツ表示装置1に供給し、コンテンツ表示装置1がその記録媒体に記録されているプログラムコードを読み出し実行することによっても達成可能である。   An object of the present invention is to supply a recording medium in which the program code of the above program is recorded so as to be readable by a computer to the content display device 1, and the content display device 1 reads and executes the program code recorded on the recording medium. Can also be achieved.

上記記録媒体としては、例えば、磁気テープやカセットテープ等のテープ系、フロッピー(登録商標)ディスク/ハードディスク等の磁気ディスクやCD−ROM/MO/MD/DVD/CD−R等の光ディスクを含むディスク系、ICカード(メモリカードを含む)/光カード等のカード系、あるいはマスクROM/EPROM/EEPROM(登録商標)/フラッシュROM等の半導体メモリ系などを用いることができる。   Examples of the recording medium include a tape system such as a magnetic tape and a cassette tape, a magnetic disk such as a floppy (registered trademark) disk / hard disk, and an optical disk such as a CD-ROM / MO / MD / DVD / CD-R. Card system such as IC card, IC card (including memory card) / optical card, or semiconductor memory system such as mask ROM / EPROM / EEPROM (registered trademark) / flash ROM.

また、ネットワーク通信装置と接続される通信ネットワーク260を介して、上記プログラムコードをコンテンツ表示装置1に供給するようにしてもよい。この通信ネットワークとしては、とくに限定されず、例えば、インターネット、イントラネット、エキストラネット、LAN、ISDN、VAN、CATV通信網、仮想専用網(virtual private network)、電話回線網、移動体通信網、衛星通信網等が利用可能である。また、通信ネットワークを構成する伝送媒体としては、とくに限定されず、例えば、IEEE1394、USB、電力線搬送、ケーブルTV回線、電話線、ADSL回線等の有線でも、IrDAやリモコンのような赤外線、Bluetooth(登録商標)、802.11無線、HDR、携帯電話網、衛星回線、地上波デジタル網等の無線でも利用可能である。なお、本発明は、上記プログラムコードが電子的な伝送で具現化された、搬送波に埋め込まれたコンピュータデータ信号の形態でも実現され得る。   Further, the program code may be supplied to the content display device 1 via the communication network 260 connected to the network communication device. The communication network is not particularly limited. For example, the Internet, intranet, extranet, LAN, ISDN, VAN, CATV communication network, virtual private network, telephone line network, mobile communication network, satellite communication. A net or the like is available. Further, the transmission medium constituting the communication network is not particularly limited. For example, even in the case of wired such as IEEE 1394, USB, power line carrier, cable TV line, telephone line, ADSL line, etc., infrared rays such as IrDA or remote control, Bluetooth ( (Registered trademark), 802.11 wireless, HDR, mobile phone network, satellite line, terrestrial digital network, and the like can also be used. The present invention can also be realized in the form of a computer data signal embedded in a carrier wave in which the program code is embodied by electronic transmission.

本発明は上述した実施形態に限定されるものではなく、請求項に示した範囲で種々の変更が可能である。すなわち、請求項に示した範囲で適宜変更した技術的手段を組み合わせて得られる実施形態についても本発明の技術的範囲に含まれる。   The present invention is not limited to the above-described embodiments, and various modifications can be made within the scope shown in the claims. That is, embodiments obtained by combining technical means appropriately modified within the scope of the claims are also included in the technical scope of the present invention.

本発明は、複数のコンテンツのサムネイル画像およびアイコンなどを画面上に表示させる端末に利用することができ、特に、携帯型電子書籍端末に好適に利用することができる。   INDUSTRIAL APPLICABILITY The present invention can be used for a terminal that displays thumbnail images and icons of a plurality of contents on a screen, and can be particularly preferably used for a portable electronic book terminal.

1 コンテンツ表示装置
10 書棚オブジェクト(3次元オブジェクト)
11、11a〜11d 棚面(側面)
12、12’、12a〜12c、11e、11f サムネイル画像(画像)
13 棚
14 領域
17 棚面選択ボタン
18 操作入力ボタン
19 閉ボタン
20 画面
21 ステータス表示
101 入力処理部
102 ネットワーク処理部
103 起動処理部
104 書籍データ管理部
105 表示情報管理部
106 回転処理部(回転処理手段)
107 スクロール処理部(スクロール移動処理手段)
108 書籍一覧表示処理部(表示処理手段)
109 書籍内容表示処理部
110 出力処理部(表示処理手段)
111 入力操作部(入力部)
112 表示部(画面)
113 通信部
1 Content display device 10 Bookcase object (3D object)
11, 11a-11d Shelf surface (side surface)
12, 12 ′, 12a to 12c, 11e, 11f Thumbnail images (images)
13 shelf 14 area 17 shelf surface selection button 18 operation input button 19 close button 20 screen 21 status display 101 input processing unit 102 network processing unit 103 activation processing unit 104 book data management unit 105 display information management unit 106 rotation processing unit (rotation processing) means)
107 Scroll processing unit (scroll movement processing means)
108 Book List Display Processing Unit (Display Processing Unit)
109 Book Content Display Processing Unit 110 Output Processing Unit (Display Processing Unit)
111 Input operation unit (input unit)
112 Display (screen)
113 Communication Department

Claims (14)

画面と、
コンテンツを表す画像を多角柱の各側面に複数個配置した仮想3次元オブジェクトの一部を上記画面上に表示させる表示処理手段と、
入力部と、
表示されている上記側面とは別の上記側面の表示を指示する第1の入力操作が上記入力部に対して行われた場合に、上記表示処理手段を制御して上記多角柱の中心軸を回転軸とした上記仮想3次元オブジェクトの回転を表示させるとともに回転の結果表示されることになる上記側面を表示させるための処理を実行する回転処理手段と、
表示されている上記側面の、上記中心軸と平行な方向における別の位置の表示を指示する第2の入力操作が上記入力部に対して行われた場合に、上記表示処理手段を制御して表示されている上記側面の上記方向へのスクロール移動を表示させるとともに移動の結果表示されることになる部分を表示させるための処理を実行するスクロール移動処理手段と、を備えており、
上記表示処理手段は、上記第2の入力操作に応じて上記画像の一部を上記画面上に表示する場合は、上記画像の全部を表示する場合よりも上記画像の不透明度を小さくすることを特徴とするコンテンツ表示装置。
Screen,
Display processing means for displaying a part of a virtual three-dimensional object in which a plurality of images representing content are arranged on each side of a polygonal column on the screen;
An input section;
When a first input operation for instructing display of the side surface different from the displayed side surface is performed on the input unit, the display processing means is controlled so that the central axis of the polygonal column is set. A rotation processing means for displaying a rotation of the virtual three-dimensional object as a rotation axis and executing a process for displaying the side surface to be displayed as a result of the rotation;
When a second input operation for instructing the display of another position of the side surface displayed in a direction parallel to the central axis is performed on the input unit, the display processing unit is controlled. Scroll movement processing means for executing a process for displaying a scroll movement in the direction of the side surface displayed and a portion to be displayed as a result of the movement, and
In the case where a part of the image is displayed on the screen in response to the second input operation, the display processing means makes the opacity of the image smaller than when the entire image is displayed. A characteristic content display device.
上記表示処理手段は、上記第2の入力操作に応じて上記画像の一部を上記画面上に表示する場合は、当該画像の表示されている部分の割合に応じて、当該画像の不透明度を変化させることを特徴とする請求項1に記載のコンテンツ表示装置。   In the case where a part of the image is displayed on the screen in response to the second input operation, the display processing means adjusts the opacity of the image according to the ratio of the displayed part of the image. The content display device according to claim 1, wherein the content display device is changed. 上記表示処理手段は、上記画像の表示されている部分の割合が小さくなるにつれて、当該画像の不透明度を小さくすることを特徴とする請求項2に記載のコンテンツ表示装置。   3. The content display device according to claim 2, wherein the display processing means reduces the opacity of the image as the proportion of the displayed portion of the image decreases. 上記表示処理手段は、上記画像の表示されている部分の割合が大きくなるにつれて、当該画像の不透明度を大きくすることを特徴とする請求項2に記載のコンテンツ表示装置。   The content display device according to claim 2, wherein the display processing means increases the opacity of the image as the ratio of the displayed portion of the image increases. 上記表示処理手段は、
少なくとも1つの上記側面および少なくとも1つの上記画像の不透明度を低減させ、表示されている上記側面以外の上記側面および該側面に配置された上記画像も表示させ、
上記多角柱の回転の角度に応じて、少なくとも1つの上記側面および少なくとも1つの上記画像の不透明度を変化させることを特徴とする請求項1に記載のコンテンツ表示装置。
The display processing means includes
Reducing the opacity of at least one of the side surfaces and at least one of the images, and displaying the side surface other than the displayed side surface and the image disposed on the side surface;
2. The content display device according to claim 1, wherein the opacity of at least one of the side surfaces and at least one of the images is changed in accordance with an angle of rotation of the polygonal column.
上記入力部は、上記画面と重畳して設けられているタッチパネルであり、
上記回転処理手段は、上記タッチパネル上での上記第1の入力操作の速度に応じて、回転後に表示させる上記側面を決定することを特徴とする請求項1〜5の何れか1項に記載のコンテンツ表示装置。
The input unit is a touch panel provided to overlap the screen,
The said rotation processing means determines the said side surface displayed after rotation according to the speed of the said 1st input operation on the said touch panel, The any one of Claims 1-5 characterized by the above-mentioned. Content display device.
上記入力部は、上記画面と重畳して設けられているタッチパネルであり、
上記スクロール移動処理手段は、上記タッチパネル上での上記第2の入力操作の速度に基づいて、スクロール移動後の表示部分を決定することを特徴とする請求項1〜6の何れか1項に記載のコンテンツ表示装置。
The input unit is a touch panel provided to overlap the screen,
The scroll movement processing means determines a display part after scroll movement based on the speed of the second input operation on the touch panel. Content display device.
上記側面毎に上記コンテンツのカテゴリが規定されており、上記側面のそれぞれに配置される上記各画像は、それぞれの上記側面に規定された該カテゴリに属する上記コンテンツの上記画像であることを特徴とする請求項1〜7の何れか1項に記載のコンテンツ表示装置。   A category of the content is defined for each of the side surfaces, and each of the images arranged in each of the side surfaces is the image of the content belonging to the category defined for each of the side surfaces. The content display device according to any one of claims 1 to 7. 上記側面の少なくとも1つには棚が設けられており、
上記表示処理手段は、
上記棚が設けられた上記側面における上記各画像を上記棚の上に置かれているように表示させ、
上記画面内での上記棚の表示位置に応じて、上記棚の表示角度を変化させることを特徴とする請求項1〜8の何れか1項に記載のコンテンツ表示装置。
At least one of the side surfaces is provided with a shelf,
The display processing means includes
Each image on the side where the shelf is provided is displayed as being placed on the shelf,
The content display device according to claim 1, wherein a display angle of the shelf is changed in accordance with a display position of the shelf in the screen.
上記第1の入力操作は表示すべき上記側面を選択するものであり、上記回転処理手段は、上記第1の入力操作による上記タッチパネル上での選択操作に基づいて、上記多角柱を回転表示させて、選択された上記側面を表示させることを特徴とする請求項6または7に記載のコンテンツ表示装置。   The first input operation selects the side surface to be displayed, and the rotation processing means rotates and displays the polygonal column based on the selection operation on the touch panel by the first input operation. The content display device according to claim 6, wherein the selected side surface is displayed. 上記コンテンツは電子書籍であり、上記画像は該電子書籍のサムネイル画像であることを特徴とする請求項1〜10の何れか1項に記載のコンテンツ表示装置。   The content display apparatus according to claim 1, wherein the content is an electronic book, and the image is a thumbnail image of the electronic book. 多角柱である仮想3次元オブジェクトの一部を、入力部を備えたコンテンツ表示装置の画面上に表示するコンテンツ表示方法であって、
上記多角柱の各側面には、コンテンツを表す画像が複数個配置されており、
上記画面上に表示する上記仮想3次元オブジェクトの表示部分を変更する変更処理工程を含み、
上記変更処理工程では、
表示されている上記側面とは別の上記側面の表示を指示する第1の入力操作が上記入力部に対して行われた場合に、上記多角柱の中心軸を回転軸とした上記仮想3次元オブジェクトの回転を表示するとともに回転の結果表示されることになる上記側面を表示するための処理を実行し、
表示されている上記側面の上記中心軸と平行な方向における別の位置の表示を指示する第2の入力操作が上記入力部に対して行われた場合に、表示されている上記側面の上記方向へのスクロール移動を表示するとともに移動の結果表示されることになる部分を表示するための処理を実行し、
上記第2の入力操作に応じて上記画像の一部を上記画面上に表示する場合は、上記画像の全部を表示する場合よりも上記画像の不透明度を小さくすることを特徴とするコンテンツ表示方法。
A content display method for displaying a part of a virtual three-dimensional object that is a polygonal column on a screen of a content display device including an input unit,
A plurality of images representing content are arranged on each side of the polygonal prism,
Including a change processing step of changing a display portion of the virtual three-dimensional object displayed on the screen,
In the above change processing step,
When the first input operation for instructing display of the side surface different from the displayed side surface is performed on the input unit, the virtual three-dimensional with the central axis of the polygonal column as the rotation axis Execute the process to display the above side that will be displayed as a result of the rotation while displaying the rotation of the object,
When the second input operation for instructing display of another position in a direction parallel to the central axis of the displayed side surface is performed on the input unit, the displayed direction of the side surface is displayed. Execute the process to display the part that will be displayed as a result of the movement and the scroll movement to
A content display method characterized in that, when a part of the image is displayed on the screen in response to the second input operation, the opacity of the image is made smaller than when the entire image is displayed. .
請求項1〜11の何れか1項に記載のコンテンツ表示装置を動作させるプログラムであって、コンピュータを上記表示処理手段、上記回転処理手段および上記スクロール移動処理手段として機能させるためのプログラム。   A program for operating the content display device according to any one of claims 1 to 11, wherein the computer functions as the display processing means, the rotation processing means, and the scroll movement processing means. 請求項13に記載のプログラムを記録しているコンピュータ読み取り可能な記録媒体。   A computer-readable recording medium in which the program according to claim 13 is recorded.
JP2013090684A 2013-04-23 2013-04-23 Content display device, content display method, program, and recording medium Pending JP2013175222A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2013090684A JP2013175222A (en) 2013-04-23 2013-04-23 Content display device, content display method, program, and recording medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2013090684A JP2013175222A (en) 2013-04-23 2013-04-23 Content display device, content display method, program, and recording medium

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2013010501A Division JP2013109775A (en) 2013-01-23 2013-01-23 Content display device, content display method, program, and recording medium

Related Child Applications (1)

Application Number Title Priority Date Filing Date
JP2014045616A Division JP2014123402A (en) 2014-03-07 2014-03-07 Content display device, content display method, program, and recording medium

Publications (1)

Publication Number Publication Date
JP2013175222A true JP2013175222A (en) 2013-09-05

Family

ID=49268002

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2013090684A Pending JP2013175222A (en) 2013-04-23 2013-04-23 Content display device, content display method, program, and recording medium

Country Status (1)

Country Link
JP (1) JP2013175222A (en)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0798640A (en) * 1993-05-24 1995-04-11 Firstperson Inc Method for execution of interface to remote device and improved graphic user interface using apparatus
JPH1093880A (en) * 1996-09-12 1998-04-10 Hitachi Ltd Three-dimensional display program guide generation device
US5847709A (en) * 1996-09-26 1998-12-08 Xerox Corporation 3-D document workspace with focus, immediate and tertiary spaces
WO1999057890A1 (en) * 1998-05-07 1999-11-11 Hitachi, Ltd. Method for selecting information signal and device therefor, image information display having the device, and remote controller
WO2002071743A1 (en) * 2001-03-05 2002-09-12 Matsushita Electric Industrial Co., Ltd. Epg display apparatus, epg display method, medium, and program
JP2006301872A (en) * 2005-04-19 2006-11-02 Hitachi Ltd Information browsing apparatus

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0798640A (en) * 1993-05-24 1995-04-11 Firstperson Inc Method for execution of interface to remote device and improved graphic user interface using apparatus
JPH1093880A (en) * 1996-09-12 1998-04-10 Hitachi Ltd Three-dimensional display program guide generation device
US5847709A (en) * 1996-09-26 1998-12-08 Xerox Corporation 3-D document workspace with focus, immediate and tertiary spaces
WO1999057890A1 (en) * 1998-05-07 1999-11-11 Hitachi, Ltd. Method for selecting information signal and device therefor, image information display having the device, and remote controller
WO2002071743A1 (en) * 2001-03-05 2002-09-12 Matsushita Electric Industrial Co., Ltd. Epg display apparatus, epg display method, medium, and program
JP2006301872A (en) * 2005-04-19 2006-11-02 Hitachi Ltd Information browsing apparatus

Similar Documents

Publication Publication Date Title
JP5226051B2 (en) Content display device, content display method, program, and recording medium
US11048404B2 (en) Information processing apparatus, information processing method, and program
WO2012039441A1 (en) Content display device, content display method, portable terminal, program, and recording medium
KR101191550B1 (en) Media player with imaged based browsing
US9035887B1 (en) Interactive user interface
KR102113697B1 (en) User interface for a computing device
US8347232B1 (en) Interactive user interface
US8736557B2 (en) Electronic device with image based browsers
US9423932B2 (en) Zoom view mode for digital content including multiple regions of interest
EP2881849A1 (en) Gesture-based screen-magnified touchscreen navigation
WO2012141048A1 (en) Content display device, content display method, program, and recording medium
US20120079430A1 (en) Method for providing a gui for searching for content, and device adoptiving same
KR102037481B1 (en) Display apparatus, method of controlling the display apparatus and recordable medium storing for program for performing the method
JP2008276776A (en) Touch-type tab navigation method and related device
KR20120002727A (en) Apparatus for displaying 3d ui
WO2008064610A1 (en) Method, apparatus and system for controlling background of desktop
US20170075534A1 (en) Method of presenting content to the user
JP2013004079A (en) Multi-page sort for menu item of portable device
JP5236708B2 (en) Content display device, control method, portable terminal, program, and recording medium
US20140331141A1 (en) Context visual organizer for multi-screen display
JP2013109775A (en) Content display device, content display method, program, and recording medium
JP2014123402A (en) Content display device, content display method, program, and recording medium
JP2013175222A (en) Content display device, content display method, program, and recording medium
KR20080007054A (en) Electronic device for providing 3d-ui and the same method

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20131227

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20140107

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20140507