WO2015163220A1 - スクロール動作に連動して連続的に変化する電子絵本 - Google Patents

スクロール動作に連動して連続的に変化する電子絵本 Download PDF

Info

Publication number
WO2015163220A1
WO2015163220A1 PCT/JP2015/061646 JP2015061646W WO2015163220A1 WO 2015163220 A1 WO2015163220 A1 WO 2015163220A1 JP 2015061646 W JP2015061646 W JP 2015061646W WO 2015163220 A1 WO2015163220 A1 WO 2015163220A1
Authority
WO
WIPO (PCT)
Prior art keywords
picture book
electronic picture
data
electronic
display range
Prior art date
Application number
PCT/JP2015/061646
Other languages
English (en)
French (fr)
Inventor
彰一 村瀬
Original Assignee
彰一 村瀬
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 彰一 村瀬 filed Critical 彰一 村瀬
Priority to EP15783051.4A priority Critical patent/EP3136348A4/en
Priority to JP2015528773A priority patent/JP5861248B1/ja
Publication of WO2015163220A1 publication Critical patent/WO2015163220A1/ja
Priority to US15/298,088 priority patent/US10248292B2/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/34—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling

Definitions

  • the present invention relates to an electronic picture book that projects and reads an image on the screen of a computer.
  • Electronic picture books which display and read the contents of picture books as images on the screen of a computer are widely and generally known. These electronic picture books imitate picture books made of paper, and are designed so that anyone who knows picture books made of paper can easily read how to read them. Specifically, these electronic picture books have a page turning function in the same manner as picture books made of paper, and can read electronic picture books while turning pages. In addition, some electronic picture books take advantage of the characteristics of computers and have animation functions and interactive functions. In an electronic picture book equipped with an animation function, part of the picture is animated. In an electronic picture book equipped with an interactive function, when an operation such as clicking on a part of a picture with a mouse is performed, it moves as an animation or produces sound effects. Such an electronic picture book is described, for example, in Patent Document 1 (Japanese Patent Laid-Open No. 2010-39851).
  • tablet type terminals using a display with a touch panel have become widespread.
  • the user when referring to a web page or a document file, the user has a function of scrolling the web page or the document so as to move the web page or the document up and down by touching the touch panel up and down with the hand.
  • electronic picture books There are very few electronic picture books that can be read while being scrolled using this touch panel display.
  • An example of such an electronic picture book is "Round RED" by HONGO Inc.
  • the page turning function for advancing to the next page is activated, and two pages are arranged side by side and slide as if the previous page and the next page are continuous. Operate. Therefore, when the hand is released, it automatically moves to the next page and then stops.
  • a conventional electronic picture book is a feature unique to tablet-type terminals that use a touch panel display, in which the display range is changed and scrolled as if the image is moved by looking through the screen by hand, and the pages are continuous.
  • the present invention is an electronic picture book in which a part of the entire image is displayed on the screen and the display range changes like moving the image vertically or horizontally by looking at the screen by hand.
  • the shape and the color of the element image are continuously changed in conjunction with the change of the display range by scrolling the electronic picture book, and the method and the degree of the change are made different for each element image.
  • the shapes and colors of these element images change with the passage of time, and are made to change further differently in conjunction with the change of the display range.
  • each of these element images is composed of moving image data in which changes in shape and color of individual element images are recorded, and one frame is selected from the moving image data and displayed in conjunction with the change in display range.
  • each of these elemental images changes with the passage of time by individual physical simulation, and variables used in the calculation of the physical simulation are changed in conjunction with the change of the display range.
  • a program for producing these electronic picture books has a preview screen that can change the display range and confirm the change of the element image, display the display range of two or more places, and display the shape of the element image in each display range. Specifying a color interpolates between them to produce a continuously changing element image.
  • a program for producing these electronic picture books has a function of designating, for each element image, a function for converting two-dimensional position information in the display range into one variable value.
  • a program for producing these electronic picture books represents changes of each element image by two axes of an axis indicating passage of time and an axis indicating a display range, and a plurality of points are designated by these two axes, If you specify the shape and color of the element image in each, it will interpolate on the two-dimensional created by two axes.
  • electronic data representing an electronic picture book used in the electronic picture book or a program for producing an electronic picture book includes data indicating a plurality of display ranges and the form and color of the element image in the display range for each element image. Include a set of data representing In addition, electronic data representing an electronic picture book used in a program for producing the electronic picture book or the electronic picture book is a data indicating a function for converting the vertical and horizontal two-dimensional position information of the display range into one variable value for each element image. And a plurality of sets of data indicating variable values converted by the function and a set of data indicating the shape and color of the element image at the time of the variable values.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or electronic picture book includes data indicating the display range of a plurality of sets and data indicating time lapse and the display range and time lapse for each element image. It contains a set of data representing the shape and color of the element image at the time of.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or the electronic picture book is a data indicating a function for converting the vertical and horizontal two-dimensional position information of the display range into one variable value for each element image.
  • a plurality of sets of data indicating variable values converted by the function, data indicating time lapse, and data indicating the variable value and data indicating the shape and color of the element image at the time lapse are included.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or electronic picture book includes, for each element image, data designating moving picture data, data indicating a plurality of sets of display ranges, and display ranges thereof.
  • a set of data representing the frame position of the moving image data at the time is included.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or electronic picture book is, for each element image, one variable from data specifying moving picture data and two-dimensional position information of display range. It includes data indicating a function to be converted into a value, and causes the variable value converted by the function to represent a frame position of moving image data.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or electronic picture book includes data indicating a plurality of display ranges for each set of element images and physical simulation of the element images in the display ranges. Include a set of data representing the variables used in the calculation.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or the electronic picture book is a data indicating a function for converting the vertical and horizontal two-dimensional position information of the display range into one variable value for each element image. And a plurality of sets of data indicating variable values converted by the function and a set of data indicating variables used in calculation of physical simulation of the element image at the time of the variable values.
  • the method and the degree of the change are different for each element image, giving a surprise to the reader Realize a special expression.
  • the shapes and colors of these element images change with the passage of time, and are further changed in conjunction with the change of the display range to realize more advanced expression.
  • each of these element images is composed of moving image data in which changes in shape and color of individual element images are recorded, and one element is selected and displayed from the moving image data in conjunction with the change in display range. It becomes possible to produce images using a general purpose video production program. This makes it possible to divert various expressions using a movie production program to the expression of an electronic picture book that changes in conjunction with scrolling.
  • each of these elemental images changes with the passage of time by individual physical simulation, and the variable used in the calculation of the physical simulation changes in conjunction with the change of the display range, thereby interlocking with both scroll and time passage. It realizes high-level expression that the shape and color of element image changes.
  • the program for producing these electronic picture books has a preview screen that allows confirmation of changes in the display range, displays two or more display ranges, and specifies the shape and color of the element image in each display range. By interpolating to produce a continuously changing element image, it becomes possible to easily associate the scroll and the special expression of the electronic picture book.
  • the program for producing these electronic picture books has a function of designating, for each element image, a function for converting two-dimensional position information in the display range into vertical ones, thereby making the display area complex in height and width. It is possible to easily specify the change of the element image linked to the change in one dimension using the variable value.
  • a program for producing these electronic picture books represents changes of each element image by two axes of an axis indicating passage of time and an axis indicating a display range, and a plurality of points are designated by these two axes, By specifying the shape and color of the element image in each, it is possible to easily specify the change in the element image linked to both scrolling and time passage by interpolating between the two dimensions created by the two axes. become.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or electronic picture book is a combination of data representing a display range and data representing the form and color of the element image in the display range. By including a plurality of sets for each, the electronic picture book can be easily expressed.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or the electronic picture book is a data indicating a function for converting the vertical and horizontal two-dimensional position information of the display range into one variable value for each element image.
  • the electronic picture book can be more easily expressed by including a plurality of sets of data representing variable values converted by the function and data representing the shape and color of the element image at the time of the variable values. .
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or electronic picture book includes data indicating the display range of a plurality of sets and data indicating time lapse and the display range and time lapse for each element image.
  • data representing the shape and color of the element image at the time of it becomes possible to easily express an electronic picture book in which the element image changes in conjunction with both scrolling and time passage.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or the electronic picture book is a data indicating a function for converting the vertical and horizontal two-dimensional position information of the display range into one variable value for each element image.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or electronic picture book includes, for each element image, data designating moving picture data, data indicating a plurality of sets of display ranges, and display ranges thereof.
  • data designating moving picture data data indicating a plurality of sets of display ranges, and display ranges thereof.
  • display ranges thereof By including a set of data representing the frame position of the moving image data at the time, the electronic picture book in which the moving image data is diverted can be easily expressed.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or electronic picture book is, for each element image, one variable from data specifying moving picture data and two-dimensional position information of display range.
  • the electronic picture book can be more easily expressed by including data indicating a function to be converted into a value, and the variable value converted by the function representing the frame position of the moving image data.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or electronic picture book includes data indicating a plurality of display ranges for each set of element images and physical simulation of the element images in the display ranges.
  • data representing variables used in the calculation it is possible to easily represent an electronic picture book in which the element image changes in conjunction with both scrolling and time passage.
  • electronic data representing an electronic picture book used in a program for producing the electronic picture book or the electronic picture book is a data indicating a function for converting the vertical and horizontal two-dimensional position information of the display range into one variable value for each element image.
  • the electronic picture book can be made more easily by including a plurality of sets of data indicating variable values converted by the function and a set of data indicating variables used in the physical simulation calculation of the element image at the time of the variable values. It becomes expressible.
  • Appearance of an electronic device for reading the electronic picture book of the present invention Configuration of electronic device for reading electronic picture book of the present invention
  • the electronic picture book of claim 1 The details of how to change the element image of the electronic picture book of claim 1
  • the electronic picture book of claim 2 The details of how to change the element image of the electronic picture book of claim 2
  • Appearance of electronic device for producing the electronic picture book of the present invention Configuration of electronic device for producing the electronic picture book of the present invention
  • a program for producing the electronic picture book of claim 5 Interpolation method when specifying special effects including shape, color and physical simulation of element image in multiple display ranges (1)
  • a program for producing the electronic picture book of claim 6 A program for producing the electronic picture book of claim 7
  • Electronic data representing the electronic picture book of claim 10 Electronic data
  • FIG. 1 shows the appearance of an electronic device for reading the electronic picture book of the present invention, and a display 102 with a touch panel is incorporated in a housing 101.
  • FIG. 2 is a block diagram of an electronic device for reading the electronic picture book of the present invention.
  • the electronic device comprises a touch panel display 103, an arithmetic processing unit 104, and a storage unit 105.
  • the storage unit 105 stores an electronic picture book program 106 and electronic picture book data 107 for realizing the present invention.
  • the display with touch panel 103, the arithmetic processing unit 104, and the storage unit 105 are connected by a bus 108 to perform communication.
  • the arithmetic processing unit 104 acquires information indicating that the reader of the electronic picture book has manually scratched the display with touch panel 103 from the display with touch panel 103 according to an instruction of the electronic picture book program 106 and generates a display image from the electronic picture book data 107 And display on the display 103 with a touch panel.
  • FIG. 3 shows an embodiment of claim 1.
  • the electronic picture book 150 of the present invention is larger than the display 151 with a touch panel, and the reader swipes the display 151 with the touch screen up, down, left and right with the hand 152 so that the display area 153 of the electronic picture book 150 is moved as if Change in conjunction with the movement of
  • the feature of the present invention is that the electronic picture book 150 is composed of a plurality of element images 154 to 159 and the element image 154 to 159 displayed in conjunction with the change of the display range 153 with the hand 152 looking over the touch panel display 151.
  • the shape and color of the element image are continuously changing individually in the element image.
  • the manners of change of the element images 154 to 159 are different from each other according to the meaning represented by the element images 154 to 159.
  • the reader can experience a dynamic image change interlocked with the operation of scrolling the electronic picture book 150 by hand over the touch panel display 151.
  • the touch panel display 151 is brushed to the left 162 with the hand 161 along the time axis 160, and the display area 153 is moved to the right by moving the display range 153 to the right. It gradually grows from 154 and shows how it becomes four leaves 154a and six leaves 154b. Further, by moving the display range 153 upward, the shape and color of the element image 155 representing the sun gradually increase from the point 155a at this time by moving the display range 153 upward with the hand 163 at this time. It shows how to become 155b, the sun 155c with large and deep shadows.
  • the manner and degree of change are different.
  • changes in the element images 154 to 159 are linked to the movements of the hands 152, 161 and 163, if the hand is moved quickly, the changes in the element images 154 to 159 are also fast. At the same time, the change of the element images 154 to 159 also becomes slow. If the display range 153 is the same, the shapes and colors of the element images 154 to 159 are basically the same. When the hand is moved very rapidly, the changing speed can be suppressed below a certain level so that the change can be completed with a slight delay so that the process of changing the element images 154 to 159 can be easily perceived.
  • FIG. 4 shows an example of details of how to change the element image of FIG.
  • the shape of the element image changes depending on where the center 203 of the display range 202 of the electronic picture book 201 is on the designated axis 204.
  • the position is represented by the variable p.
  • a0, ..., o0, a1, ..., o1 indicate coordinates on the electronic picture book 201.
  • the shape of the element image is a (p), b (p), ..., o (p) represented by the equation 205
  • the shape changes gradually and continuously.
  • values for designating colors and special effects including physical simulation to be described later are calculated so as to gradually and continuously change between the two display ranges 202 and 202a.
  • This calculation method is known as linear interpolation, but interpolation may use a different equation.
  • by changing the axis 204 for each element image it is possible to change the way of changing the plurality of element images linked to the change of the display range.
  • FIG. 5 shows an embodiment of claim 2.
  • the element images 254 to 259 in FIG. 5 continuously change as time passes even if the display range 253 is constant.
  • the element image 254 in the case of the display range 253 in the upper part of FIG. 3 is two leaves, and the leaves change in the order of the arrow 260 so as to swing up and down (261 to 264).
  • the touch panel display 251 is moved to the left 266 and moved to the lower display range 253a of FIG. 3 with the hand 265, the element image 254 gradually becomes four leaves 254a, and leaves in the order of arrow 260a according to the passage of time. Changes to shake up and down (261a to 264a).
  • FIG. 6 shows an example of details of how to change the element image of FIG.
  • the shape of the element image changes depending on the passage of time and the position of the center 303 of the display range 302 of the electronic picture book 301 on the designated axis 304.
  • the passage of time is represented by a variable t
  • the position of the display range 302 is represented by a variable p.
  • the time t repeats from 0 to 1, from 1 to 0, between 0 and 1 at fixed time intervals such as 1 second.
  • A00, ..., o00, a01, ..., o01, a10, ..., o10, a11, ..., o11 indicate coordinates on the electronic picture book 301.
  • the shape of the element image is It becomes a (p, t), b (p, t), ..., o (p, t) which are expressed, and the form changes gradually and continuously.
  • values designating special effects including colors and physical simulation to be described later are calculated so as to gradually and continuously change between time change and the two display ranges 302, 302a.
  • This calculation method is an interpolation method using two variables. Furthermore, by changing the axis 304 for each element image, it is possible to change the manner of change of a plurality of element images linked to the change of the display range with time change.
  • FIG. 7 shows an embodiment of claim 3.
  • the element images 354 and 355 in FIG. 7 are displayed using moving image data 359 and 360 in which changes in shape and color are recorded.
  • the display 351 with the touch panel is flipped to the left 358 with the hand 357 along the time axis 356, and the display range 353 moves to the right, so that the element images 354, 355 are displayed from different moving image data 359, 360.
  • a state in which one frame of moving image data is selected and displayed according to the position of the range 353 is shown (354a, 354b, 355a, 355b).
  • one frame of the moving image data 359, 360 is selected and displayed in accordance with the position of the display range 353 instead of reproducing the moving image data 359, 360 in time.
  • the display range 353 is changed by looking at the touch panel display 351 with the hand 352
  • the image appears to be reproduced in conjunction with it, but the direction and speed of moving the hand 352 and the image are reproduced.
  • the relationship of visual speed (including stop and reverse reproduction) differs for each element image, and can be expressed dynamically.
  • FIG. 8 shows an embodiment of claim 4.
  • the element images 404 and 405 of FIG. 8 are formed of a plurality of small pieces and displayed by physical simulation.
  • the present invention is characterized in that the variables used in the physical simulation change in conjunction with the change in the display range 403 of the electronic picture book 400, and the appearance of the moving image displayed thereby changes.
  • a method called particle system which is one method of physical simulation, is used.
  • Particle systems are used in many computer graphic production software such as open source software Blender, and are also introduced on Wikipedia on the Internet.
  • the particle system of this embodiment is designated as a special effect of another element image to be a parent.
  • the special effect variable 408 specified in the element image 406 representing the cloud in FIG. 8 and the special effect variable 409 specified in the element image 407 representing a tool for creating a soap bubble have a shape 410, a display range 411, and a quantity, respectively. 412, direction 413, consisting of a spread 414.
  • Small pieces 404 and 405 designated by the shape 410 are generated from the element images 406 and 407 by the quantity designated by the quantity 412, and are moved in the directions designated by the direction 413 and the spread 414. It is randomly determined from which position of the element images 406 and 407 the small pieces 404 and 405 of the shape 410 are generated.
  • the direction in which the small pieces 404, 405 of the shape 410 move is randomly determined within the range of angles specified by the spread 414 around the angle specified by the direction 413. Also, the interval at which the small pieces 404 and 405 of the shape 410 are generated is short as the value of the quantity 412 is large and long as the value is small, and the quantity of the small pieces 404 and 405 of the shape 410 displayed at one time changes. In the present embodiment, among the particle system variables, the quantity 412, the direction 413, and the spread 414 change in conjunction with the display range 403 of the electronic picture book.
  • the element image 404 expresses raindrops, and by moving the display range 403 to the right with the hand touch panel display 401 left 417 with the hand 416 along the time axis 415, the number of generated raindrops is large and slightly left From the representation 404 moving obliquely downward, it is shown that the number of raindrops generated gradually becomes the representation 404a, 404b moving directly downward. As a result, in conjunction with the display range 403 of the electronic picture book 400, the expression 404 in which rain falls violently changes continuously to expressions of small rain 404a and 404b.
  • the element image 405 represents a soap bubble, and by moving the display range 403 to the right with the hand touch panel display 401 left 417 with the hand 416 along the time axis 415, the number of soap bubbles generated is small.
  • the state of moving to the upper right direction 405 shows that the expressions 405a and 405b are such that the spread of the direction in which the number of soap bubbles generated gradually increases is large.
  • the expression 405 in which a few soap bubbles are produced changes continuously from the expression 405a, 405b in which a large number of soap bubbles are produced and spread.
  • the lower table of FIG. 8 exemplifies variable values 418a, 418b, 419a and 419b at the time of a plurality of display ranges 411.
  • the values of the quantity 412, the direction 413, and the spread 414 are calculated so as to gradually change in conjunction with the change of the display range 403.
  • the above-mentioned linear interpolation or the like is used.
  • the variable 408 of the physical simulation of raindrops and the variable 409 of the physical simulation of soap bubbles individually designate changes linked to changes in the display range 403.
  • FIG. 9 shows an example of the appearance of an electronic device for producing the electronic picture book of the present invention, and a display 452, a track pad 453, and a keyboard 454 are incorporated in a housing 451.
  • FIG. 10 is an example of a block diagram of an electronic device for producing the electronic picture book of the present invention.
  • the electronic device includes a display 455, a track pad 456, a keyboard 457, an arithmetic processing unit 458, and a storage unit 459.
  • the storage unit 459 stores an electronic picture book production program 460 and electronic picture book data 461 for realizing the present invention. .
  • the display 455, the track pad 456, the keyboard 457, the processing unit 458, and the storage unit 459 are connected by a bus 462 to perform communication.
  • the arithmetic processing unit 458 edits the element image with the track pad 456 or the keyboard 457 while displaying the element image being edited included in the electronic picture book data 461 on the display 455 according to the instruction of the electronic picture book production program 460.
  • FIG. 11 shows an embodiment of claim 5.
  • the editing program 500 includes various tools 501 to 504 and an editing area / preview screen 505. By selecting the moving tool 501 and dragging the screen pad 453 vertically and horizontally while watching the editing area and preview screen 505, the display range 507 of the electronic picture book 506 can be changed.
  • the display range 507a is determined in step 1 and the element image 508a is drawn.
  • a drawing tool 502, a color specification tool 503, and a special effect specification tool 504 are used for drawing.
  • the graphic drawing tool 502 draws a graphic
  • the color designation tool 503 designates a color of the graphic
  • the special effect designation tool 504 designates a special effect of the graphic depicted.
  • Special effects have variables according to the type of effect, and specify their values.
  • the shape 410, the quantity 412, the direction 413, and the spread 414 shown in FIG. 8 are designated as variables.
  • the display range 411 is set to the value of the display range 507 a designated on the editing area / preview screen 505.
  • the display range is moved in step 2 (507b).
  • the shape, color, and special effects of the element image 508 b at this time are the same as step 1.
  • step 3 the shape, color, and special effect of the element image 508c in the display range 507c are specified.
  • the display range 507 b of step 2 and the display range 507 c of step 3 are the same.
  • the element image 508d becomes the shape and color drawn in step 1 and step 3, the shape obtained by interpolating the special effect, color, and the special effect. Interpolation is performed by the linear interpolation method shown in FIG.
  • FIG. 12 and FIG. 13 show details of the interpolation method when the shape, color and special effect of the element image are specified in a plurality of display ranges.
  • FIG. 12 shows a method of interpolating element images in two display ranges
  • FIG. 13 shows a method of interpolating element images in three or more display ranges.
  • the coordinates x, y (500, 501, 550, 551) indicate the center of the display range on the electronic picture book.
  • FIG. 12 two positions A 502 and B 503 are connected by a straight line C 504, and straight lines D 505 and E 506 which are perpendicular to the straight line C 504 are drawn through A 502 and B 503 respectively. Then, three regions F 507, G 508, and H 509 separated by straight lines D 505 and E 506 are formed.
  • the center of the display range is in the area F 507
  • the element image has the shape, color, and special effect specified by the position A 502.
  • the center of the display range is in the area H 509
  • the element image has the shape, color, and special effect designated by the position B 503.
  • the element image is a linear interpolation of the shape, color, special effect specified by the position A 502, and the shape, color, special effect specified by the position B 503.
  • the shape, color, and special effect at the time of position P 510 are represented by P (q) in Expression 511.
  • Reference symbols a and b denote numerical values representing the shape, color and special effect of the positions A 502 and B 503, respectively.
  • the value q is 0 when P 510 is on line D 505, 1 when it is on line E 506, and 0 to 1 continuously when it is between line D 505 and line E 506. Change.
  • an element image is specified by four display ranges of positions A 552, B 553, C 554, and D 555, and interpolation is performed among them.
  • the straight lines E 556 and F 557 are perpendicular to the straight line AB
  • the straight lines G 558 and H 559 are perpendicular to the straight line BC.
  • the element image is a linear interpolation of the shape, color, special effect specified by position A 552, the shape specified by position B 553, color, special effect, and displayed
  • the element image is a linear interpolation of the shape, color, special effect specified at position B 553, and the shape, color, special effect specified at position C 554.
  • the shape, color, and special effect at the time of position P 565 are expressed by P (t, u) in Expression 567.
  • the variables t and u are obtained by decomposing the vector p into a vector AB and a vector AC.
  • a, b and c are numerical values representing the shape, color and special effect at the positions A 552, B 553 and C 554 respectively.
  • FIG. 14 shows an embodiment of claim 6.
  • the electronic picture book 600 has a function of designating a function for converting the vertical and horizontal two-dimensional position information 602 and 603 of the display range 601 into one variable value, and changes of the element image 604 due to change of the display range 601 Specify by dimension.
  • a density map 605 in FIG. 14 shows a function for converting the vertical and horizontal two-dimensional position information 606 and 607 into one variable value 608.
  • the density map 605 of this embodiment obtains values of 0 to 100 depending on the position.
  • the value of the horizontal axis of the display range 601 of the electronic picture book 600 is x602 and the value of the vertical axis is y603, the value 608 of the horizontal axis at the same position of the density map 605 and the value 608 of the position of the vertical axis y607 Get Then, this value 608 is used to specify the change of the element images 604a to 604e. Since the density map 605 can be created in a free form, it is possible to easily specify changes in the element images 604, 604a to 604e in conjunction with complex changes in the vertical and horizontal directions of the display range 601. FIG. 14 also shows examples of various concentration maps 609, 610, 611.
  • FIG. 15 shows an embodiment of claim 7. Elemental images 650a to 650l are displayed in a two-dimensional manner, and the horizontal axis indicates the change with time, and the vertical axis indicates the change due to the display range.
  • the time axis 651 and the axis 655 of the display range are connected by arrows to the element images 650a to 650l, and indicate which position of each axis corresponds to which column and row of the element images 650a to 650l.
  • the time axis 651 represents the passage of time from left to right, and loops from the right end to the left end.
  • the time axis position 652 starts moving with the play button 653 and stops moving with the stop button 654.
  • the display range axis 655 shows the value 656 converted from the position of the two-dimensional display range into one variable value by the method shown in FIG.
  • the bottom shows the case where the variable value is 0, and the top shows the case where the variable value is 100.
  • the preview and editing area 657 includes a position 652 of the time axis and a position 656 of the axis of the display range, one of the element images 650a to 650l, one of a shape, a color, a special effect, or two of the element images 650a to 650l.
  • An element image with four shapes, colors and special effects interpolated is displayed. In the example of FIG.
  • element images obtained by interpolating the shapes, colors, and special effects of the four element images 650 e, 650 f, 650 i, and 650 j are displayed in the preview and editing area 657. Interpolation is performed by the method shown in FIG. When one of the element images 650a to 650l displayed in two dimensions is selected, the element image is displayed in the preview and editing area 657 and can be edited. Editing is performed using various tools 501 to 504 similar to FIG. By editing the element images 650a to 650l displayed in two dimensions, it is possible to easily specify the change of the element image linked to both the passage of time and the change of the display range.
  • 16 to 20 show the formats of the electronic picture book data 107 and 461 of FIGS. 2 and 10. 16 to 20 are continuous, and the drawings are separated for convenience of the sheet.
  • electronic picture book data is described in an open standard XML format.
  • the XML format is formulated and recommended by the World Wide Web Consortium (W3C).
  • W3C World Wide Web Consortium
  • the data enclosed by ⁇ scroll_picture> tags 700 in FIG. 16 represents one electronic picture book.
  • a plurality of ⁇ element> tags 701 are included inside the ⁇ scroll_picture> tag 700, each representing one element image.
  • one ⁇ variate_type> tag 702 and a plurality of ⁇ variation> tags 704 are included.
  • the ⁇ variate_type> tag represents a method of specifying the change of the element image linked to the display range
  • the plurality of ⁇ variation> tags represent the shape, color, and special effect of the element image in each display range.
  • FIG. 16 shows an embodiment of claim 8 in the first half and an embodiment of claim 9 in the second half.
  • the ⁇ variate_type> tag 702 is “control_point_still” 703
  • the ⁇ variation> tag 704 contains one ⁇ scroll_position> tag, and multiple ⁇ shape> tags and ⁇ color> tags.
  • the ⁇ scroll_position> tag 705 represents a display range
  • two numerical values 706 represent values of the x-axis and the y-axis of the display range of the electronic picture book.
  • the ⁇ shape> tag 713 represents the shape of the element image when the display range specified by the ⁇ scroll_position> tag 705 is reached.
  • the ⁇ shape> tag 713 has a plurality of pairs of numerical values listed (715), and represents a sequence of coordinates as x0, y0, x1, y1,. Connecting these coordinates results in the form of an element image.
  • the ⁇ shape> tag 713 has an attribute 714 called id, and associates ⁇ shape> tags 713 and 713a of the same id included in multiple ⁇ variation> tags, and interpolates shapes continuously in conjunction with changes in the display range Change.
  • the ⁇ color> tag 710 represents the color of the element image in the display range specified by the ⁇ scroll_position> tag 705.
  • Three numerical values 712 of the ⁇ color> tag 710 represent red, green and blue values which are the three primary colors of color.
  • the color is designated by a value in the range of 0 to 100, respectively.
  • the ⁇ color> tag 710 also has an attribute 711 called id similar to the ⁇ shape> tag, and associates ⁇ color> tags 710 and 710a of the same id included in multiple ⁇ variation> tags in conjunction with changes in the display range Interpolate colors and change them continuously.
  • the ⁇ shape> tag 713 and the ⁇ color> tag 710 are ordered, and the shape specified by the ⁇ shape> tag 713 is drawn in the color specified by the nearest ⁇ color> tag 710.
  • one ⁇ effect> tag 707 can be included inside the ⁇ variation> tag 704.
  • the ⁇ effect> tag 707 designates the type of special effect with the first value 708 and the value of the variable determined for each type of special effect with the second and subsequent values 709, and represents a special effect to be given to the element image.
  • the values of variables of the ⁇ effect> tags 707 and 707a included in a plurality of ⁇ variation> tags are continuously changed by interpolating the values in conjunction with the change of the display range.
  • Special effects include blur effects and particle systems to be described later.
  • the ⁇ map> tag 723 is included inside the ⁇ element> tag 720, and the ⁇ scroll_position inside the ⁇ variation> tag 725 Include one ⁇ map_value> tag 726 instead of the tag.
  • the ⁇ map> tag 723 represents a density map which is a function for converting two-dimensional position information of the display range into one variable value.
  • a density map is designated by a two-dimensional grayscale image file 724.
  • the ⁇ map_value> tag 726 represents a variable value 727 converted in the concentration map.
  • the ⁇ map_value> tags 726 and 726a have different values, and the ⁇ shape> tags 730 and 730a and the ⁇ color> tags 729 and 729a included in multiple ⁇ variation> tags 725 and 725a have values of ⁇ effect> tags 728 and 728a , Interpolate in conjunction with changes in variable values, and continuously change the shape and color of the element image, and special effects.
  • the ⁇ variate_type> tag is "control_point_still” or "density_map_still”
  • the former compares the display range of the electronic picture book with the value of the ⁇ scroll_position> tag to calculate the shape and color of the element image, and the values of special effects.
  • the latter compares the variable value converted from the display range using the density map specified by the ⁇ map> tag 723 with the value 727 of the ⁇ map_value> tag to calculate the shape and color of the element image, and the value of the special effect The point is different.
  • the functions of the ⁇ shape> tag, the ⁇ color> tag, and the ⁇ effect> tag are the same.
  • FIG. 17 shows an embodiment of the tenth aspect.
  • the ⁇ duration> tag 743 is included inside the ⁇ element> tag 740, and one ⁇ scroll_position> inside the ⁇ variation> tag 745. It includes a tag 746 and a ⁇ time> tag 748 and a plurality of ⁇ shape> tags and ⁇ color> tags.
  • the ⁇ duration> tag 743 represents a series of time lengths 744 in units of milliseconds when changing the element image in conjunction with the passage of time. The element image is loop reproduced at the time interval 744 designated by the ⁇ duration> tag 743.
  • one ⁇ effect> tag 750 can be included inside the ⁇ variation> tag 745.
  • the ⁇ shape> tag 752, the ⁇ color> tag 751, and the ⁇ effect> tag 750 represent the shape, color, and special effect of the element image, as in the case where the ⁇ variate_type> tag 741 is "control_point_still".
  • the ⁇ time> tag 748 represents elapsed time 749 in milliseconds.
  • FIG. 18 shows an embodiment of claim 11.
  • a ⁇ map> tag 763 and a ⁇ duration> tag 764 are included inside the ⁇ element> tag 760, and one inside the ⁇ variation> tag 765
  • the functions of the ⁇ map> tag 763 and the ⁇ map_value> tag 766 are the same as 722 when the ⁇ variate_type> tag 721 is “density_map_still”.
  • the functions of the ⁇ duration> tag 764 and the ⁇ time> tag 767 are the same as 742 when the ⁇ variate_type> tag 741 is “control_point_movie”. These represent the shape, color, and special effect of the element image when the display range is the value 768 of the ⁇ map_value> tag 766 and the elapsed time 769 specified by the ⁇ time> tag 767.
  • the shape, color, and special effects of element images are specified by multiple ⁇ variation> tags 765 and 765a to 765c, the shape and color of element images are also interlocked with the passage of time while being interlocked with changes in display range. Interpolate special effects and change them continuously.
  • FIG. 19 shows an embodiment of claim 12 in the first half and an embodiment of claim 13 in the second half.
  • one ⁇ movie_file> tag 784 is included inside the ⁇ variation> tag 780.
  • the first two numbers 785 of the ⁇ movie_file> tag 784 represent the display position of the moving picture data by the x-axis value and the y-axis value
  • the third number 786 is the display range 782 specified by the ⁇ scroll_position> tag 781.
  • the frame number is a numerical value starting from 1 and indicates the number of the frame counted from the beginning of the moving image data.
  • the fourth character string 787 represents the file name of the video data. If the third value representing the frame number of the ⁇ movie_file> tag 784, 784a is specified by a plurality of ⁇ variation> tags 780, 780a with different values, the frame number to be displayed is interpolated in conjunction with the change of the display range. Change continuously. Further, by specifying the ⁇ effect> tag 783 along with the ⁇ movie_file> tag 784, it is possible to give a special effect to a frame to be displayed. These forms implement the electronic picture book of claim 3.
  • the ⁇ map> tag 791 is included inside the ⁇ element> tag 790, and one ⁇ map_value> tag 793 and ⁇ movie_file> tag 794 are included inside the ⁇ variation> tag 792.
  • the functions of the ⁇ map> tag 791 and the ⁇ map_value> tag 793 are the same as those in FIGS. These represent the frame numbers to be displayed when the display range is the value of the ⁇ map_value> tag 793 by the third value of the ⁇ movie_file> tag 794.
  • ⁇ element> tags 800 and 810 show still another embodiment of claim 13.
  • a ⁇ map> tag 801 or a ⁇ map_func> tag 811 indicates a function for converting two-dimensional position information of the display range into one variable value
  • the variable value indicates the moving image indicated by the ⁇ movie_file> tags 802 and 812 Represents the frame number of the data.
  • the value range of the variable value may be scaled from 0 to 1 so as to indicate the first frame of the moving image data as 0, and 1 as the last frame.
  • the ⁇ map> tag 801 represents a density map as in FIGS.
  • the ⁇ map_func> tag 811 designates the type of the function with the first value 813 and the constant value of the function determined for each type of the function with the second and subsequent values 814.
  • FIG. 21 shows a function 901 of 900 when the first value of the ⁇ map_func> tag 811 is “linear” and a function 904 of 903 when “oval”.
  • x 1, y 1, x 2, y 2, w, h represent the constants of the function
  • x represents the horizontal position of the display range
  • y represents the vertical position
  • values 902, 905 are calculated by the functions 901, 904. Represents a variable value.
  • the range of the variable value to be calculated is 0 to 1, and in the case of 0, the first frame of the moving image data is scaled to indicate the last frame.
  • the change of the display range and the link of the frame numbers to be displayed of the moving image file more simply without using the ⁇ variation> tag.
  • FIG. 20 shows an embodiment of claim 14 in the first half and an embodiment of claim 15 in the second half.
  • the effect of the particle system which is one of physical simulation, is given to the element image.
  • the second to fourth numerical values of the ⁇ effect> tag 821 represent the quantity 823, the direction 824, and the spread 825 of the particle system variable, respectively.
  • two or more sets of numerical values are listed (826), and a sequence of coordinates is represented as x0, y0, x1, y1,. Connecting these coordinates results in a shape that is one of the particle system's variables.
  • the coordinates are local coordinates and are different from the coordinates of the electronic picture book. Also, it is possible to specify the file name 827 of the image file without listing the numerical values after the fifth one. In this case, the image of the image file has a shape.
  • the function of the particle system variable is as shown in FIG. By changing the second and subsequent values of the ⁇ effect> tags 821 and 821a contained in multiple ⁇ variation> tags 820 and 820a to different values, the value representing the particle system variable changes the display range. Interlockingly interpolates and changes continuously.
  • one ⁇ map_func> tag 841 is included inside the ⁇ element> tag 840, and one ⁇ map_value> tag 843 is included inside the ⁇ variation> tag 842.
  • the functions of the ⁇ map_func> tag 842 and the ⁇ map_value> tag 843 are the same as those in FIGS. If you specify different values for the second and subsequent values that represent the particle system variables of multiple ⁇ variation> tags 842, 842a and ⁇ map_value> tags 843, 843a and ⁇ effect> tags 844 and 844a, the display range In conjunction with the change, the quantity, direction, and spread of particle system variables are interpolated and changed continuously. These formats realize the electronic picture book of claim 4 and the production program of claim 6.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

　従来技術では、手で画面を撫でると画像を動かしている様にスクロールする機能を持つ電子絵本が、スクロール機能で読者に大きな驚きを与える特別な表現が出来ない課題があった。　この課題の解決手段として、画像の一部範囲が表示され、手で画面を撫でることで画像の表示範囲が変化する電子絵本で、表示範囲の変化に連動して要素画像の形、色、特殊効果が連続的に変化し、その変化の仕方や度合いを要素画像によって異なる様にする。また、これらの要素画像の形、色、特殊効果が、時間経過にも連動して更に異なる変化をする様にする。

Description

スクロール動作に連動して連続的に変化する電子絵本
　本発明は、コンピュータの画面上に画像を映して読み進める電子絵本に関するものである。
　コンピュータの画面上に絵本の内容を画像として表示し、読み進める電子絵本は広く一般に知られている。これらの電子絵本は紙で作られた絵本を模倣しており、紙で作られた絵本を知っている人であれば誰でもすぐに読み方が分かるように工夫されている。具体的には、これらの電子絵本は紙で作られた絵本と同様に頁をめくる機能が付いており、頁をめくりながら電子絵本を読み進める事ができる。
　また電子絵本には、コンピュータの特性を活かし、アニメーション機能やインタラクティブ機能を備えるものもある。アニメーション機能を備えた電子絵本では、絵の一部がアニメーション表示される。インタラクティブ機能を備えた電子絵本では、絵の一部をマウスでクリックする等の動作を行うと、アニメーションとして動いたり、効果音を出したりする。
　このような電子絵本は例えば特許文献１（特開2010-39851号公報）等で説明されている。
　また近年、タッチパネル付きディスプレイを用いたタブレット型端末が普及してきた。これらのタブレット型端末では、ウェブページや書類ファイルを参照する際に、手でタッチパネルを上下に撫でることで、あたかも手でウェブページや書類を上下に動かすようにスクロールさせる機能を備えている。
　このタッチパネル付きディスプレイを用いて、スクロールさせながら読む電子絵本が非常に少数であるが登場している。
　このような電子絵本には例えばHONGO Inc.社の「あかいまるちゃん（Round RED）」等がある。これらの電子絵本は手でタッチパネルを撫でることで、次頁へ進むための頁送り機能を起動し、前頁と次頁が連続しているかのように2つの頁を横に並べてスライドさせる様に動作する。このため手を離すと自動的に次頁まで移動してから止まる。
特開２０１０ー３９８５１号公報 特許第４５６３４４０号公報
　これまでの電子絵本は、タッチパネル付きディスプレイを用いたタブレット型端末特有の、手で画面を撫でることで画像を動かしている様に表示範囲を変えてスクロールさせる機能で、頁が連続している事を分かり易く表現することは出来ても、読者に大きな驚きを与えるような特別な表現ができなかった課題があった。
　これはスクロールと電子絵本の特別な表現を容易に連携させる事が可能な、電子絵本を制作するプログラムや電子絵本を表現する電子データが存在しなかった事も大きな理由と考えられ、このこと自体もまた本発明が解決しようとする課題である。
　本発明は、画像全体の一部範囲が画面に表示され、手で画面を撫でることで画像を縦または横に動かしている様に表示範囲が変化する電子絵本で、電子絵本を複数の要素画像で構成し、電子絵本をスクロールすることによる表示範囲の変化に連動して、要素画像の形や色が連続的に変化し、その変化の仕方や度合いを要素画像毎に異なる様にする。
　また、これらの要素画像の形や色が、時間経過と共に変化し、なおかつ表示範囲の変化にも連動して更に異なる変化をする様にする。
　また、これらの要素画像が各々個別の要素画像の形や色の変化を記録した動画データからなり、表示範囲の変化に連動して動画データから1フレームを選択して表示する様にする。
　また、これらの要素画像が各々個別の物理シミュレーションにより時間経過と共に変化し、物理シミュレーションの計算で用いる変数が表示範囲の変化に連動して変化する様にする。
　また、これらの電子絵本を制作するプログラムが、表示範囲を変化させて要素画像の変化を確認できるプレビュー画面を備え、2箇所以上の表示範囲を表示し、各々の表示範囲で要素画像の形や色を指定すると、間を補間して連続的に変化する要素画像を制作する様にする。
　また、これらの電子絵本を制作するプログラムが、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を要素画像毎に指定する機能を備える様にする。
　また、これらの電子絵本を制作するプログラムが、各要素画像の変化を、時間の経過を示す軸と表示範囲を示す軸の2つの軸で表し、これらの2つの軸で複数箇所を指定し、各々で要素画像の形や色を指定すると、2つの軸で作られる2次元上で間を補間する様にする。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、複数組の表示範囲を示すデータとその表示範囲の時の要素画像の形や色を表すデータの組を含む様にする。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータと、複数組の当該関数で変換された変数値を示すデータとその変数値の時の要素画像の形や色を表すデータの組を含む様にする。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、複数組の表示範囲を示すデータと時間経過を示すデータとその表示範囲かつ時間経過の時の要素画像の形や色を表すデータの組を含む様にする。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータと、複数組の当該関数で変換された変数値を示すデータと時間経過を示すデータとその変数値かつ時間経過の時の要素画像の形や色を表すデータの組を含む様にする。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、動画データを指定するデータと、複数組の表示範囲を示すデータとその表示範囲の時の動画データのフレーム位置を表すデータの組を含む様にする。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、動画データを指定するデータと、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータを含み、当該関数で変換された変数値が動画データのフレーム位置を表す様にする。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、複数組の表示範囲を示すデータとその表示範囲の時の要素画像の物理シミュレーションの計算で用いる変数を表すデータの組を含む様にする。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータと、複数組の当該関数で変換された変数値を示すデータとその変数値の時の要素画像の物理シミュレーションの計算で用いる変数を表すデータの組を含む様にする。
　電子絵本をスクロールすることによる表示範囲の変化に連動して、要素画像の形や色が連続的に変化し、その変化の仕方や度合いが要素画像毎に異なることで、読者に驚きを与えるような特別な表現を実現する。
　また、これらの要素画像の形や色が、時間経過と共に変化し、なおかつ表示範囲の変化にも連動して更に異なる変化をすることで、より高度な表現を実現する。
　また、これらの要素画像が各々個別の要素画像の形や色の変化を記録した動画データからなり、表示範囲の変化に連動して動画データから1フレームを選択して表示することで、当該要素画像を汎用的な動画制作プログラムを用いて制作する事が可能になる。これにより動画制作プログラムを用いた様々な表現を、スクロールに連動して変化する電子絵本の表現に流用する事が可能になる。
　また、これらの要素画像が各々個別の物理シミュレーションにより時間経過と共に変化し、物理シミュレーションの計算で用いる変数が表示範囲の変化に連動して変化することで、スクロールと時間経過の両方に連動して要素画像の形や色が変化する高度な表現を実現する。
　また、これらの電子絵本を制作するプログラムが、表示範囲の変化を確認できるプレビュー画面を備え、2箇所以上の表示範囲を表示し、各々の表示範囲で要素画像の形や色を指定すると、間を補間して連続的に変化する要素画像を制作することで、スクロールと、電子絵本の特別な表現を容易に連携させることが可能になる。
　また、これらの電子絵本を制作するプログラムが、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を要素画像毎に指定する機能を備えることで、表示範囲の縦横の複雑な変化に連動した要素画像の変化を当該変数値を用いて1次元で簡易に指定することが可能になる。
　また、これらの電子絵本を制作するプログラムが、各要素画像の変化を、時間の経過を示す軸と表示範囲を示す軸の2つの軸で表し、これらの2つの軸で複数箇所を指定し、各々で要素画像の形や色を指定すると、2つの軸で作られる2次元上で間を補間することで、スクロールと時間経過の両方に連動した要素画像の変化を容易に指定することが可能になる。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、表示範囲を示すデータとその表示範囲の時の要素画像の形や色を表すデータの組を要素画像毎に複数組含むことで、当該電子絵本を容易に表現可能になる。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータと、複数組の当該関数で変換された変数値を示すデータとその変数値の時の要素画像の形や色を表すデータの組を含むことで、当該電子絵本を更に容易に表現可能になる。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、複数組の表示範囲を示すデータと時間経過を示すデータとその表示範囲かつ時間経過の時の要素画像の形や色を表すデータの組を含むことで、スクロールと時間経過の両方に連動して要素画像が変化する電子絵本を容易に表現可能になる。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータと、複数組の当該関数で変換された変数値を示すデータと時間経過を示すデータとその変数値かつ時間経過の時の要素画像の形や色を表すデータの組を含むことで、当該電子絵本を更に容易に表現可能になる。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、動画データを指定するデータと、複数組の表示範囲を示すデータとその表示範囲の時の動画データのフレーム位置を表すデータの組を含むことで、動画データを流用した当該電子絵本を容易に表現可能になる。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、動画データを指定するデータと、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータを含み、当該関数で変換された変数値が動画データのフレーム位置を表すことで、当該電子絵本を更に容易に表現可能になる。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、複数組の表示範囲を示すデータとその表示範囲の時の要素画像の物理シミュレーションの計算で用いる変数を表すデータの組を含むことで、スクロールと時間経過の両方に連動して要素画像が変化する電子絵本を容易に表現可能になる。
　また、これらの電子絵本もしくは電子絵本を制作するプログラムで用いる電子絵本を表現する電子データが、要素画像毎に、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータと、複数組の当該関数で変換された変数値を示すデータとその変数値の時の要素画像の物理シミュレーションの計算で用いる変数を表すデータの組を含むことで、当該電子絵本を更に容易に表現可能になる。
本発明の電子絵本を読む電子機器の外観 本発明の電子絵本を読む電子機器の構成 請求項1の電子絵本 請求項1の電子絵本の要素画像の変化の仕方の詳細 請求項2の電子絵本 請求項2の電子絵本の要素画像の変化の仕方の詳細 請求項3の動画データを用いた電子絵本 請求項4の物理シミュレーションを用いた電子絵本 本発明の電子絵本を制作する電子機器の外観 本発明の電子絵本を制作する電子機器の構成 請求項5の電子絵本を制作するプログラム 複数の表示範囲で要素画像の形、色、物理シミュレーションを含む特殊効果を指定した際の補間方法(1) 複数の表示範囲で要素画像の形、色、物理シミュレーションを含む特殊効果を指定した際の補間方法(2) 請求項6の電子絵本を制作するプログラム 請求項7の電子絵本を制作するプログラム 請求項8及び9の電子絵本を表現する電子データ 請求項10の電子絵本を表現する電子データ 請求項11の電子絵本を表現する電子データ 請求項12及び13の電子絵本を表現する電子データ 請求項14及び15の電子絵本を表現する電子データ 2次元の位置情報から1つの変数値に変換する関数式
　図1は本発明の電子絵本を読む電子機器の外観であり、筐体101に、タッチパネル付きディスプレイ102が組み込まれている。
　図2は本発明の電子絵本を読む電子機器の構成図である。当該電子機器はタッチパネル付きディスプレイ103と、演算処理装置104、記憶装置105からなり、記憶装置105には当該発明を実現する電子絵本プログラム106と電子絵本データ107が記憶される。タッチパネル付きディスプレイ103と、演算処理装置104、記憶装置105はバス108で接続され、通信を行う。演算処理装置104は電子絵本プログラム106の指示で、タッチパネル付きディスプレイ103から当該タッチパネル付きディスプレイ103を電子絵本の読者が手で撫でた事を示す情報を取得し、電子絵本データ107から表示画像を生成し、タッチパネル付きディスプレイ103に表示する。
　図3は請求項1の実施例を示す。本発明の電子絵本150はタッチパネル付きディスプレイ151より大きく、読者がタッチパネル付きディスプレイ151を手152で上下左右に撫でることで、あたかも手で電子絵本150を動かすように電子絵本150の表示範囲153が手の動きに連動して変化する。本発明の特徴は、電子絵本150が複数の要素画像154～159からなり、手152でタッチパネル付きディスプレイ151を撫で、表示範囲153が変化するのに連動して、表示される要素画像154～159の形や色が、要素画像個別に連続的に変化することである。要素画像154～159の変化の仕方は要素画像154～159が表す意味に合わせてそれぞれ異なる。これにより読者は、手でタッチパネル付きディスプレイ151を撫でて電子絵本150をスクロールさせる動作に連動したダイナミックな画像変化を体験できる。
　図3の例では時間軸160に沿って、最初にタッチパネル付きディスプレイ151を手161で左162に撫で、表示範囲153を右に動かす事で草花を表す要素画像154の形が、2枚の葉154から徐々に成長し、4枚の葉154a、6枚の葉154bになる様子を示している。更に今度はタッチパネル付きディスプレイ151を手163で下164に撫で、表示範囲153を上に動かす事で太陽を表す要素画像155の形と色が、最初は点155aから徐々に大きくなり、小さく薄い太陽155b、大きく濃く影付きの太陽155cになる様子を示している。この様に要素画像154, 154a～154bと要素画像155, 155a～155cは同時に表示されるが、その変化の仕方や度合いはそれぞれ異なる。また要素画像154～159の変化は手152, 161, 163の動きと連動しているため、手を速く動かせば、それに合わせて要素画像154～159の変化も速く、手をゆっくり動かせば、それに合わせて要素画像154～159の変化もゆっくりになる。表示範囲153が同じであれば、要素画像154～159の形や色は基本的に同じである。非常に急激に手を動かした場合は、要素画像154～159が変化する過程を知覚し易い様に、変化する速度を一定以下に抑え、少し遅れて変化が完了するようにする事も出来る。
　図4は図3の要素画像の変化の仕方の詳細について一例を示す。図4では要素画像の形は、電子絵本201の表示範囲202の中心203が、指定された軸204の上でどの位置にあるかで変化する。位置は変数pで表す。表示範囲202が軸204の上でp=0の時203の要素画像の形をa0, b0, ... , o0で表し(200a)、p=1の時203aの要素画像の形をa1, b1, ... , o1で表している(200b)。a0, ... , o0, a1, ... , o1は電子絵本201の上での座標を示す。表示範囲202が軸204の上でpの値が0から1に徐々に変化すると、要素画像の形は式205で表したa(p), b(p), ... , o(p)になり、徐々に連続的に形が変化する。同様に、色や後述する物理シミュレーションを含む特殊効果を指定する値も2つの表示範囲202と202aの間で徐々に連続的に変化するように計算する。この計算方法は線形補間として知られる方法だが、補間はこれとは異なる式を用いても良い。更に軸204を要素画像毎に変える事で、表示範囲の変化に連動した複数の要素画像の変化の仕方を、それぞれ変える事ができる。
　図5は請求項2の実施例を示す。図3と異なり図5の要素画像254～259は、表示範囲253が一定の場合でも時間の経過に合わせて連続的に変化する。図3の上の表示範囲253の時の要素画像254は2枚の葉で、時間経過に合わせて矢印260の順で葉が上下に揺れるように変化する(261～264)。手265でタッチパネル付きディスプレイ251を左266に撫で、図3の下の表示範囲253aまで動かすと、要素画像254は徐々に4枚の葉254aになり、時間経過に合わせて矢印260aの順で葉が上下に揺れるように変化する(261a～264a)。この様に要素画像254が時間経過で葉を上下に揺らせながら(261～264)、表示範囲253の変化に連動して更に葉の枚数が徐々に増えていく変化をすることで(254から254a, 261から261a, ... , 264から264a)、読者はよりダイナミックな画像変化を体験できる。
　図6は図5の要素画像の変化の仕方の詳細について一例を示す。図6では要素画像の形は時間の経過と、電子絵本301の表示範囲302の中心303が指定された軸304の上でどの位置にあるかで変化する。時間の経過は変数tで、表示範囲302の位置は変数pで表す。ここでは時間tは1秒等の一定の時間間隔で0から1へ、1から0へと、0と1の間を反復する。表示範囲302が軸304の上でp=0で(303)、時間がt=0の時の要素画像の形をa00, b00, ... , o00で表し(300a)、p=0でt=1の時の要素画像をa01, b01, ... , o01で表し(300b)、p=1で(303a), 時間がt=0の時の要素画像をa10, b10, ... , o10で表し(300c)、p=1で t=1の時の要素画像をa11, b11, ... , o11で表している(300d)。a00, ..., o00, a01, ... , o01, a10, ... , o10, a11, ... , o11は電子絵本301の上での座標を示す。時間の経過に伴いtの値が0と1の間で徐々に変化し、表示範囲302が軸304の上でpの値が0から1に徐々に変化すると、要素画像の形は式305で表したa(p, t), b(p, t), ... , o(p, t)になり、徐々に連続的に形が変化する。同様に、色や後述する物理シミュレーションを含む特殊効果を指定する値も時間変化と2つの表示範囲302, 302aの間で徐々に連続的に変化するように計算する。この計算方式は2つの変数を用いた補間方法である。更に軸304を要素画像毎に変える事で、時間変化と共に表示範囲の変化に連動した複数の要素画像の変化の仕方を、それぞれ変える事ができる。
　図7は請求項3の実施例を示す。図7の要素画像354, 355は形や色の変化を記録した動画データ359, 360を用いて表示する。本実施例では時間軸356に沿って、タッチパネル付きディスプレイ351を手357で左358に撫で、表示範囲353が右に動く事で、要素画像354, 355は、それぞれ異なる動画データ359, 360から表示範囲353の位置に合わせて動画データの1フレームを選択して表示している様子を示す(354a, 354b, 355a, 355b)。本実施例では動画データ359, 360を時間経過に合わせて再生するのではなく、表示範囲353の位置に合わせて動画データ359, 360の1フレームを選択して表示する。表示範囲の変化に連動したフレームの選択は例えば図4と同様に軸を用いて指定する。図4でp=0の時に動画データの最初のフレーム、p=1の時に動画データの最後のフレームになる様に、表示範囲の変化に連動して選択するフレームを徐々に変えていく。これによりタッチパネル付きディスプレイ351を手352で撫で、表示範囲353を変化させると、それに連動して映像が再生されるように見えるが、手352を動かす方向や速度と、映像が再生されるように見える速度（停止や逆再生を含む）の関係は要素画像毎に異なり、ダイナミックな表現ができる。
　図8は請求項4の実施例を示す。図8の要素画像404, 405は複数の小片で形成され、物理シミュレーションによって表示される。本発明では、電子絵本400の表示範囲403の変化に連動して、物理シミュレーションで用いる変数が変化し、それにより表示される動画の様子が変化することを特徴とする。本実施例では物理シミュレーションの一つの方法であるパーティクル・システムという方法を利用する。パーティクル・システムはオープンソースソフトウェアのBlender等、多くのコンピュータグラフィック制作ソフトウェアで利用されており、インターネット上ではWikipediaでも紹介されている。
　本実施例のパーティクル・システムは、親となる他の要素画像の特殊効果として指定する。図8の雲を表現した要素画像406に指定した特殊効果の変数408と、シャボン玉を作る道具を表現した要素画像407に指定した特殊効果の変数409は、それぞれ形状410、表示範囲411、数量412、方向413、広がり414から成る。要素画像406, 407から形状410で指定した小片404, 405が数量412で指定された数量だけ生成され、方向413と広がり414で指定された方向に移動する。形状410の小片404, 405が、要素画像406, 407のどの位置から生成されるかはランダムに決まる。形状410の小片404, 405が移動する方向は、方向413で指定された角度を中心に、広がり414で指定された角度の範囲内でランダムに決まる。また形状410の小片404, 405が生成される間隔は数量412の値が大きければ短く、小さければ長くなり、一度に表示される形状410の小片404, 405の数量が変化する。本実施例では、パーティクル・システムの変数のうち、数量412、方向413、広がり414が、電子絵本の表示範囲403と連動して変化する。
　要素画像404は雨粒を表現しており、時間軸415に沿って手416でタッチパネル付きディスプレイ401を左417に撫で、表示範囲403を右に動かす事で、生成される雨粒の数が多く少し左斜め下に移動する表現404から、徐々に生成される雨粒の数が少なく真っ直ぐ下に移動する表現404a, 404bになる様子を示している。これにより、電子絵本400の表示範囲403に連動して、雨が激しく降る表現404から、小雨の表現404a, 404bに、連続的に変化する。要素画像405はシャボン玉を表現しており、時間軸415に沿って手416でタッチパネル付きディスプレイ401を左417に撫で、表示範囲403を右に動かす事で、生成されるシャボン玉の数が少なく右上の向きに移動する様子405から、徐々に生成されるシャボン玉の数が多く移動する方向の広がりが大きくなる表現405a, 405bになる様子を示している。これにより、電子絵本400の表示範囲403に連動して、シャボン玉が少しだけ出来る表現405から、沢山のシャボン玉が出来て広がっていく表現405a, 405bに、連続的に変化する。
　図8の下の表には複数の表示範囲411の時の変数の値418a, 418b, 419a, 419bを例示している。数量412、方向413、広がり414の値は、表示範囲403の変化に連動して徐々に変化するように計算する。この計算方法には前述した線形補間等を用いる。雨粒の物理シミュレーションの変数408と、シャボン玉の物理シミュレーションの変数409は、表示範囲403の変化に連動した変化を、それぞれ個別に指定する。
　図9は本発明の電子絵本を制作する電子機器の外観の一例であり、筐体451にディスプレイ452とトラックパッド453、キーボード454が組み込まれている。
　図10は本発明の電子絵本を制作する電子機器の構成図の一例である。当該電子機器はディスプレイ455と、トラックパッド456、キーボード457、演算処理装置458、記憶装置459からなり、記憶装置459には当該発明を実現する電子絵本制作プログラム460と電子絵本データ461が記憶される。ディスプレイ455とトラックパッド456、キーボード457、演算処理装置458、記憶装置459はバス462で接続され、通信を行う。演算処理装置458は電子絵本制作プログラム460の指示で、電子絵本データ461に含まれる編集中の要素画像をディスプレイ455に表示しつつ、トラックパッド456やキーボード457で要素画像を編集する。
　図11は請求項5の実施例を示す。編集プログラム500は各種ツール501～504と編集エリア兼プレビュー画面505からなる。移動ツール501を選択し、編集エリア兼プレビュー画面505を見ながらトラックパッド453で上下左右にドラッグすると、電子絵本506の表示範囲507を変える事ができる。本発明ではまず、ステップ1で表示範囲507aを決め、要素画像508aを描画する。描画には図形描画ツール502、色指定ツール503、特殊効果指定ツール504を用いる。図形描画ツール502で図形を描き、色指定ツール503で描いた図形の色を指定し、特殊効果指定ツール504で描いた図形の特殊効果を指定する。特殊効果には効果の種類に応じた変数があり、その値を指定する。パーティクル・システム504aを選んだ場合は、変数として図8で示した形状410、数量412、方向413、広がり414を指定する。変数のうち表示範囲411は編集エリア兼プレビュー画面505で指定した表示範囲507aの値が設定される。次に、ステップ2で表示範囲を移動させる(507b)。この時の要素画像508bの形、色、特殊効果はステップ1と同じである。次に、ステップ3で表示範囲507cにおける要素画像508cの形、色、特殊効果を指定する。ステップ2の表示範囲507bとステップ3の表示範囲507cは同じである。ステップ4で表示範囲507dをステップ1とステップ3の間にすると、要素画像508dはステップ1とステップ3で描画した形と色、特殊効果を補間した形、色、特殊効果になる。補間は図4で示した線形補間方法で行う。
　図12と図13は複数の表示範囲で要素画像の形、色、特殊効果を指定した際の補間方法の詳細を示す。2つの表示範囲で要素画像を補間する方法を図12に、3つ以上の表示範囲で要素画像を補間する方法を図13に示す。座標x, y (500, 501, 550, 551)は電子絵本上での表示範囲の中心を示す。
　図12では2つの位置A 502, B 503を直線C 504で結び、それぞれA 502, B 503を通り直線C 504と垂直になる直線D 505, E 506を引く。すると直線D 505, E 506で区切られた3つの領域F 507, G 508, H 509が出来る。表示範囲の中心が領域F 507にある時、要素画像は位置A 502で指定した形、色、特殊効果になる。表示範囲の中心が領域H 509にある時、要素画像は位置B 503で指定した形、色、特殊効果になる。表示範囲の中心が領域G 508にある時、要素画像は位置A 502で指定した形、色、特殊効果と、位置B 503で指定した形、色、特殊効果を線形補間したものになる。位置P 510の時の形、色、特殊効果は式511のP(q)で表される。a, bはそれぞれ位置A 502, B 503の時の形、色、特殊効果を表す数値である。値qはP 510が直線D 505上にある時は0になり、直線E 506上にある時は1になり、直線D 505と直線E 506の間にある時は0から1まで連続的に変化する。
　図13では位置A 552, B 553, C 554, D 555の4つの表示範囲で要素画像を指定し、その間を補間する。直線E 556, F 557は直線ABと垂直に、直線G 558, H 559は直線BCと垂直である。表示範囲の中心が領域I 560にある時、要素画像は位置A 552で指定した形、色、特殊効果になり、表示範囲の中心が領域K 562にある時、要素画像は位置B 553で指定した形、色、特殊効果になる。表示範囲の中心が領域J 561にある時、要素画像は位置A 552で指定した形、色、特殊効果と、位置B 553で指定した形、色、特殊効果を線形補間したものになり、表示範囲の中心が領域L 563にある時、要素画像は位置B 553で指定した形、色、特殊効果と、位置C 554で指定した形、色、特殊効果を線形補間したものになる。これらの補間は図12と同じ方法で行う。要素画像の中心が領域M 564にある時、要素画像は位置A 552, B 553, C 554の3カ所で指定した形、色、特殊効果を線形補間したものになる。位置P 565の時の形、色、特殊効果は式567のP(t, u)で表される。変数t, uはベクトルpをベクトルABとベクトルACに分解して得られる。a, b, cはそれぞれ位置A 552, B 553, C 554の時の形、色、特殊効果を表す数値である。
　図14は請求項6の実施例を示す。本実施例では電子絵本600の表示範囲601の縦横2次元の位置情報602, 603から1つの変数値に変換する関数を指定する機能を持ち、表示範囲601の変化による要素画像604の変化を1次元で指定する。図14の濃度マップ605は縦横2次元の位置情報606, 607から1つの変数値608に変換する関数を示す。本実施例の濃度マップ605は位置により0から100の値が得られる。電子絵本600の表示範囲601の横軸の値がx 602、縦軸の値がy 603の場合、濃度マップ605の同じ位置となる横軸がx 606、縦軸がy 607の位置の値608を得る。そしてこの値608を要素画像604a～604eの変化の指定に用いる。濃度マップ605は自由な形に作成できるため、表示範囲601の縦横の複雑な変化に連動した要素画像604, 604a～604eの変化を簡易に指定することが出来る。図14では様々な濃度マップの例609, 610, 611も示す。
　図15は請求項7の実施例を示す。要素画像650a～650lが2次元に表示され、横軸で時間の経過に合わせた変化を、縦軸で表示範囲による変化を示す。時間軸651と表示範囲の軸655は、要素画像650a～650lと矢印で接続され、各軸のどの位置が要素画像650a～650lのどの列と行に対応するかを示している。時間軸651は左から右へ時間経過を表し、右端から左端に戻ってループする。時間軸の位置652は、再生ボタン653で移動を始め、停止ボタン654で移動を停止する。表示範囲の軸655は、図14で示した方法で2次元の表示範囲の位置から1つの変数値に変換された値656を示す。ここでは一番下が変数値が0の場合、一番上が変数値が100の場合を示す。プレビュー及び編集領域657には、時間軸の位置652と、表示範囲の軸の位置656から、要素画像650a～650lのうち1つの形、色、特殊効果、もしくは要素画像650a～650lのうち2つか4つの形、色、特殊効果を補間した要素画像が表示される。図15の例では、4つの要素画像650e, 650f, 650i, 650jの形、色、特殊効果を補間した要素画像がプレビュー及び編集領域657に表示される。補間は図6で示した方法で行う。2次元に表示された要素画像650a～650lのうち1つを選択すると、プレビュー及び編集領域657にその要素画像が表示され、編集可能となる。編集は図11と同様の各種ツール501～504を用いて行う。2次元に表示された要素画像650a～650lをそれぞれ編集する事で、時間の経過と表示範囲の変化の両方に連動した要素画像の変化を容易に指定する事ができる。
　図16から図20は図2及び図10の電子絵本データ107, 461の形式を示す。図16から図20は連続しており、用紙の都合上図を分けている。本実施例では電子絵本データをオープン標準なXML形式で記載する。XML形式はWorld Wide Web Consortium (W3C) により策定・勧告されている。本実施例では、図16の<scroll_picture>タグ700で囲まれたデータが1つの電子絵本を表す。<scroll_picture>タグ700の内側に複数の<element>タグ701を含み、それぞれが1つの要素画像を表す。<element>タグ701の内側には1つの<variate_type>タグ702と複数の<variation>タグ704を含む。<variate_type>タグは表示範囲に連動した要素画像の変化の指定方法を表し、複数の<variation>タグはそれぞれの表示範囲の時の要素画像の形、色、特殊効果を表す。
　図16は前半が請求項8の実施例を、後半が請求項9の実施例を示す。図16の前半に示す様に<variate_type>タグ702が「control_point_still」の場合703、<variation>タグ704の内側に1つの<scroll_position>タグと、複数の<shape>タグと<color>タグを含む。<scroll_position>タグ705は表示範囲を表し、2つの数値706は電子絵本の表示範囲のx軸の値と、y軸の値を表す。<shape>タグ713は<scroll_position>タグ705で指定された表示範囲の時の、要素画像の形を表す。<shape>タグ713は2組の数値が複数列挙され(715)、x0, y0, x1, y1, ... の様に座標の列を表す。これらの座標を繋ぐと要素画像の形になる。<shape>タグ713にはidという属性714があり、複数の<variation>タグに含まれる同じidの<shape>タグ713, 713aを関連付け、表示範囲の変化に連動して形を補間して連続的に変化させる。<color>タグ710は<scroll_position>タグ705で指定した表示範囲の時の、要素画像の色を表す。<color>タグ710の3つの数値712はそれぞれ色の3原色である赤、緑、青の値を表す。本実施例ではそれぞれ0から100の範囲の値で色を指定する。<color>タグ710にも<shape>タグと同様idという属性711があり、複数の<variation>タグに含まれる同じidの<color>タグ710, 710aを関連付け、表示範囲の変化に連動して色を補間して連続的に変化させる。<shape>タグ713と<color>タグ710は順序性があり、<shape>タグ713で指定した形は、直近の<color>タグ710で指定した色で描かれる。また更に、<variation>タグ704の内側には1つの<effect>タグ707を含む事ができる。<effect>タグ707は最初の値708で特殊効果の種類を、2つ目以降の値709で特殊効果の種類毎に決められた変数の値を指定し、要素画像に与える特殊効果を表す。複数の<variation>タグに含まれる<effect>タグ707, 707aの変数の値は、表示範囲の変化に連動して値を補間して連続的に変化させる。特殊効果にはブラー効果や後述するパーティクル・システム等がある。これらの形式は請求項1の電子絵本、並びに請求項5の制作プログラムを実現する。
　また図16の後半に示す様に<variate_type>タグ721が「density_map_still」の場合722、<element>タグ720の内側には<map>タグ723を含み、<variation>タグ725の内側には<scroll_position>タグの代わりに1つの<map_value>タグ726を含む。<map>タグ723は表示範囲の2次元の位置情報から1つの変数値に変換する関数である濃度マップを表す。本実施例では濃度マップを2次元のグレースケール画像ファイル724で指定する。<map_value>タグ726は濃度マップで変換された変数値727を表す。<map_value>タグ726, 726aの値が異なる、複数の<variation>タグ725, 725aに含まれる<shape>タグ730, 730a、<color>タグ729, 729a、<effect>タグ728, 728aの値は、変数値の変化に連動して補間し、要素画像の形と色、特殊効果を連続的に変化させる。<variate_type>タグが「control_point_still」の場合と「density_map_still」の場合では、前者は電子絵本の表示範囲と<scroll_position>タグの値を比較して要素画像の形と色、特殊効果の値を算出し、後者は表示範囲から<map>タグ723で指定した濃度マップを用いて変換された変数値と<map_value>タグの値727を比較して要素画像の形と色、特殊効果の値を算出する点が異なる。いずれの場合も<shape>タグ、<color>タグ、<effect>タグの働きは同じである。これらの形式は請求項1、並びに請求項6の制作プログラムを実現する。
　図17は請求項10の実施例を示す。図17に示す様に<variate_type>タグ741が「control_point_movie」の場合742、<element>タグ740の内側に<duration>タグ743を含み、<variation>タグ745の内側に1つずつの<scroll_position>タグ746と<time>タグ748と、複数の<shape>タグと<color>タグを含む。<duration>タグ743は要素画像を時間経過と連動して変化させる際の、一連の時間の長さ744をミリ秒の単位で表す。要素画像は<duration>タグ743で指定した時間間隔744でループ再生させる。また更に<variation>タグ745の内側には1つの<effect>タグ750を含む事ができる。<shape>タグ752と<color>タグ751、<effect>タグ750は<variate_type>タグ741が「control_point_still」の場合と同じく、要素画像の形と色、特殊効果を表す。これらは<scroll_position>タグ746で指定した表示範囲747で、<time>タグ748で指定した時間経過749の時の要素画像の形と色、特殊効果を表す。<time>タグ748は時間経過749をミリ秒で表す。複数の<variation>タグ745, 745a～745cで要素画像の形と色、特殊効果を指定すると、表示範囲の変化に連動しつつ、更に時間経過にも連動して、要素画像の形と色、特殊効果を補間して連続的に変化させる。これらの形式は請求項2の電子絵本を実現する。
　図18は請求項11の実施例を示す。図18に示す様に<variate_type>タグ761が「density_nap_movie」の場合762、<element>タグ760の内側に<map>タグ763と<duration>タグ764を含み、<variation>タグ765の内側に1つずつの<map_value>タグ766と<time>タグ767を含む。<map>タグ763と<map_value>タグ766の働きは<variate_type>タグ721が「density_map_still」の場合722と同じである。また<duration>タグ764と<time>タグ767の働きは<variate_type>タグ741が「control_point_movie」の場合742と同じである。これらは表示範囲が<map_value>タグ766の値768で、<time>タグ767で指定した経過時間769の時の要素画像の形と色、特殊効果を表す。複数の<variation>タグ765, 765a～765cで要素画像の形と色、特殊効果を指定すると、表示範囲の変化に連動しつつ、更に時間経過にも連動して、要素画像の形と色、特殊効果を補間して連続的に変化させる。これらの形式は請求項2の電子絵本、並びに請求項7の制作プログラムを実現する。
　図19は前半が請求項12の実施例を、後半が請求項13の実施例を示す。図19の前半に示す様に<variation>タグ780の内側に1つの<movie_file>タグ784を含む。<movie_file>タグ784の最初の2つの数値785は動画データの表示位置をx軸の値とy軸の値で表し、3つ目の数値786は<scroll_position>タグ781で指定した表示範囲782の時に表示する動画データのフレーム番号を表す。フレーム番号は1から始まる数値で、動画データの最初から数えて何番目のフレームかを表す。4つ目の文字列787は動画データのファイル名を表す。複数の<variation>タグ780, 780aで<movie_file>タグ784, 784aのフレーム番号を表す3つ目の値をそれぞれ異なる値で指定すると、表示範囲の変化に連動して、表示するフレーム番号を補間して連続的に変化させる。また<movie_file>タグ784と並んで<effect>タグ783を指定することで、表示するフレームに特殊効果を与える事ができる。これらの形式は請求項3の電子絵本を実現する。
　また図19の後半に示す様に<element>タグ790の内側に<map>タグ791を含み、<variation>タグ792の内側に1つずつの<map_value>タグ793と<movie_file>タグ794を含む。<map>タグ791と<map_value>タグ793の働きは図16、図18の場合と同じである。これらは表示範囲が<map_value>タグ793の値の時に表示するフレーム番号を<movie_file>タグ794の3つ目の値で表す。複数の<variation>タグ792, 792aで<map_value>タグ793, 793aと<movie_file>タグ794, 794aのフレーム番号を表す3つ目の値をそれぞれ異なる値で指定すると、表示範囲の変化に連動して、表示するフレーム番号を補間して連続的に変化させる。これらの形式は請求項3の電子絵本、並びに請求項6の制作プログラムを実現する。
　また<element>タグ800, 810は請求項13の更に別の実施例を示す。本実施例では<map>タグ801もしくは<map_func>タグ811で表示範囲の2次元の位置情報から1つの変数値に変換する関数を示し、当該変数値が<movie_file>タグ802, 812で示す動画データのフレーム番号を表す。変数値の値域を0から1とし、0の時は動画データの最初のフレームを、1の時は最後のフレームを示す様にスケーリングすることもできる。<map>タグ801は図16、図18と同様に濃度マップを表す。<map_func>タグ811は最初の値813で関数の種類を、2つ目以降の値814で関数の種類毎に決められた関数の定数値を指定する。例として図21に<map_func>タグ811の最初の値が「linear」の場合900の関数901と「oval」の場合903の関数904を示す。ここでx1, y1, x2, y2, w, hは関数の定数を表し、xは表示範囲の横の位置、yは縦の位置を表し、value 902, 905が当該関数901, 904で算出される変数値を表す。図21の関数ではいずれも算出される変数値の値域は0から1であり、0の時は動画データの最初のフレームを、1の時は最後のフレームを示す様にスケーリングする。これにより<variation>タグを使用せず、より簡潔に、表示範囲の変化と、動画ファイルの表示するフレーム番号の連動を指定することができる。これらの形式も請求項3の電子絵本、並びに請求項6の制作プログラムを実現する。
　図20は前半が請求項14の実施例を、後半が請求項15の実施例を示す。図20の前半に示す様に<effect>タグ821の最初の値822を「particle」にすることで、要素画像に物理シミュレーションの一つであるパーティクル・システムの効果を与える。<effect>タグ821の2つ目から4つ目の数値はそれぞれパーティクル・システム変数の数量823、方向824、広がり825を表す。<effect>タグ821の5つ目以降は2組の数値が複数列挙され(826)、x0, y0, x1, y1, ... の様に座標の列を表す。これらの座標を繋ぐとパーティクル・システムの変数の一つである形状になる。座標はローカル座標であり、電子絵本の座標とは異なる。また5つ目以降に数値を列挙せず、画像ファイルのファイル名827を指定する事もできる。この場合、画像ファイルの画像が形状になる。パーティクル・システムの変数の働きは図8で示した通りである。複数の<variation>タグ820, 820aに含まれる<effect>タグ821, 821aの2つ目以降の値を、それぞれ異なる値にすることで、パーティクル・システムの変数を表す値が表示範囲の変化に連動して補間され連続的に変化する。これらの形式は請求項4の電子絵本、並びに請求項5の制作プログラムを実現する。
　また図20の後半に示す様に<element>タグ840の内側に1つの<map_func>タグ841を含み、<variation>タグ842の内側に1つの<map_value>タグ843を含む。<map_func>タグ842と<map_value>タグ843の働きは図19、図21の場合と同じである。複数の<variation>タグ842, 842aで<map_value>タグ843, 843aと<effect>タグ844, 844aのパーティクル・システムの変数を表す2つ目以降の値をそれぞれ異なる値で指定すると、表示範囲の変化に連動して、パーティクル・システム変数の数量、方向、広がりを補間して連続的に変化させる。これらの形式は請求項4の電子絵本、並びに請求項6の制作プログラムを実現する。

Claims (15)

  1. 　画像全体の一部範囲が画面に表示され、手で画面を撫でることで画像を縦または横に動かしている様に表示範囲が変化する電子絵本で、画像が複数の要素画像で構成され、表示範囲の変化と連動して要素画像の形または色が連続的に変化し、その変化の仕方や度合いが要素画像によって異なることを特徴とする電子絵本。
  2. 　請求項１の電子絵本で、複数の要素画像が、形または色が時間の経過と共に変化し、なおかつ表示範囲の変化に連動して形または色が更に異なる変化をすることを特徴とする電子絵本。
  3. 　請求項１の電子絵本で、複数の要素画像が各々個別の要素画像の形または色の変化を記録した動画データからなり、表示範囲の変化に連動して動画データから1フレームを選択して表示することを特徴とする電子絵本。
  4. 　請求項２の電子絵本で、複数の要素画像が各々個別の物理シミュレーションにより時間の経過と共に形または色が変化し、物理シミュレーションの計算で用いる変数が表示範囲の変化に連動して変化することを特徴とする電子絵本。
  5. 　請求項１の電子絵本を制作するプログラムで、表示範囲を変化させて要素画像の変化を確認できるプレビュー画面を備え、当該プレビュー画面で2箇所以上の表示範囲を表示し、各々の表示範囲で要素画像の形または色を指定すると、間を補間して連続的に変化する当該要素画像を制作するプログラム。
  6. 　請求項１もしくは請求項２の電子絵本を制作するプログラムで、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を要素画像毎に指定する機能を備え、表示範囲の変化による要素画像の変化を当該変数値を用いて1次元で指定するプログラム。
  7. 　請求項２の電子絵本を制作するプログラムで、各要素画像の変化を、時間の経過を示す軸と表示範囲を示す軸の2つの軸で表し、これらの2つの軸で複数箇所を指定し、各々で当該要素画像の形または色を指定すると、2つの軸で作られる2次元上で間を補間し、時間経過と表示範囲の変化の両方に連動して連続的に変化する当該要素画像を制作するプログラム。
  8. 　請求項１もしくは請求項２の電子絵本、もしくは当該電子絵本を制作するプログラムで用いる電子絵本を表現する電子データで、要素画像毎に、複数組の表示範囲を示すデータとその表示範囲の時の要素画像の形または色を表すデータの組を含み、表示範囲の変化に連動した要素画像の形、色の連続的な変化をこれら複数組のデータを補間して算出することを特徴とする電子データ。
  9. 　請求項１もしくは請求項２の電子絵本、もしくは当該電子絵本を制作するプログラムで用いる電子絵本を表現する電子データで、要素画像毎に、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータと、複数組の当該関数で変換された変数値を示すデータとその変数値の時の要素画像の形または色を表すデータの組を含み、表示範囲の変化に連動した要素画像の形、色の連続的な変化をこれら複数組のデータを補間して算出することを特徴とする電子データ。
  10. 　請求項２の電子絵本、もしくは当該電子絵本を制作するプログラムで用いる電子絵本を表現する電子データで、要素画像毎に、複数組の表示範囲を示すデータと時間経過を示すデータとその表示範囲かつ時間経過の時の要素画像の形または色を表すデータの組を含み、表示範囲の変化と時間経過に連動した要素画像の形、色の連続的な変化をこれら複数組のデータを補間して算出することを特徴とする電子データ。
  11. 　請求項２の電子絵本、もしくは当該電子絵本を制作するプログラムで用いる電子絵本を表現する電子データで、要素画像毎に、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータと、複数組の当該関数で変換された変数値を示すデータと時間経過を示すデータとその変数値かつ時間経過の時の要素画像の形または色を表すデータの組を含み、表示範囲の変化と時間経過に連動した要素画像の形、色の連続的な変化をこれら複数組のデータを補間して算出することを特徴とする電子データ。
  12. 　請求項３の電子絵本、もしくは当該電子絵本を制作するプログラムで用いる電子絵本を表現する電子データで、要素画像毎に、動画データを指定するデータと、複数組の表示範囲を示すデータとその表示範囲の時に表示する動画データのフレーム位置を表すデータの組を含み、表示範囲の変化に連動したフレーム位置の連続的な変化をこれら複数組のデータを補間して算出することを特徴とする電子データ。
  13. 　請求項３の電子絵本、もしくは当該電子絵本を制作するプログラムで用いる電子絵本を表現する電子データで、要素画像毎に、動画データを指定するデータと、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータを含み、当該関数で変換された変数値が表示する動画データのフレーム位置を表し、表示範囲の変化に連動したフレーム位置の連続的な変化を当該関数で算出することを特徴とする電子データ。
  14. 　請求項４の電子絵本、もしくは当該電子絵本を制作するプログラムで用いる電子絵本を表現する電子データで、要素画像毎に、複数組の表示範囲を示すデータとその表示範囲の時の要素画像の物理シミュレーションの計算で用いる変数の値を表すデータの組を含み、表示範囲の変化と時間経過に連動した要素画像の形、色の連続的な変化をこれら複数組のデータを補間して算出した変数の値で物理シミュレーションして表現することを特徴とする電子データ。
  15. 　請求項４の電子絵本、もしくは当該電子絵本を制作するプログラムで用いる電子絵本を表現する電子データで、要素画像毎に、表示範囲の縦横2次元の位置情報から1つの変数値に変換する関数を示すデータと、複数組の当該関数で変換された変数値を示すデータとその変数値の時の要素画像の物理シミュレーションの計算で用いる変数の値を表すデータの組を含み、表示範囲の変化と時間経過に連動した要素画像の形、色の連続的な変化をこれら複数組のデータを補間して算出した変数の値で物理シミュレーションして表現することを特徴とする電子データ。
PCT/JP2015/061646 2014-04-20 2015-04-16 スクロール動作に連動して連続的に変化する電子絵本 WO2015163220A1 (ja)

Priority Applications (3)

Application Number Priority Date Filing Date Title
EP15783051.4A EP3136348A4 (en) 2014-04-20 2015-04-16 Electronic picture book which sequentially changes in response to scroll operation
JP2015528773A JP5861248B1 (ja) 2014-04-20 2015-04-16 スクロール動作に連動して連続的に変化する電子絵本
US15/298,088 US10248292B2 (en) 2014-04-20 2016-10-19 Electronic picture book which sequentially changes in response to scroll operation

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2014086956 2014-04-20
JP2014-086956 2014-04-20

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US15/298,088 Continuation US10248292B2 (en) 2014-04-20 2016-10-19 Electronic picture book which sequentially changes in response to scroll operation

Publications (1)

Publication Number Publication Date
WO2015163220A1 true WO2015163220A1 (ja) 2015-10-29

Family

ID=54332387

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2015/061646 WO2015163220A1 (ja) 2014-04-20 2015-04-16 スクロール動作に連動して連続的に変化する電子絵本

Country Status (4)

Country Link
US (1) US10248292B2 (ja)
EP (1) EP3136348A4 (ja)
JP (1) JP5861248B1 (ja)
WO (1) WO2015163220A1 (ja)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101810188B1 (ko) * 2016-02-24 2018-01-18 네이버 주식회사 영상 표시 장치, 영상 생성 장치, 영상 제공 서버, 영상 표시 방법, 영상 생성 방법 및 컴퓨터 프로그램
US10248292B2 (en) 2014-04-20 2019-04-02 Shoichi Murase Electronic picture book which sequentially changes in response to scroll operation

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016183743A1 (en) 2015-05-15 2016-11-24 SZ DJI Technology Co., Ltd. System and method for supporting image denoising based on neighborhood block dimensionality reduction

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0696186A (ja) * 1992-09-10 1994-04-08 Fujitsu Ltd 時刻／属性値により変化する図形の編集装置
JP2000075986A (ja) * 1998-08-31 2000-03-14 Casio Comput Co Ltd 小型電子機器及び小型電子機器における表示制御方法

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5926186A (en) 1992-09-10 1999-07-20 Fujitsu Limited Graphic editing apparatus and method
JP3890781B2 (ja) * 1997-10-30 2007-03-07 株式会社セガ コンピュータ読み取り可能な記憶媒体、ゲーム装置、及びゲームの画像表示方法
US7297864B2 (en) * 2004-01-20 2007-11-20 Ssd Company Limited Image signal generating apparatus, an image signal generating program and an image signal generating method
JP2007160017A (ja) * 2005-12-16 2007-06-28 Konami Digital Entertainment:Kk ゲーム装置、ゲーム画面表示制御方法及びプログラム
CN108629033B (zh) * 2010-01-11 2022-07-08 苹果公司 电子文本的操纵和显示
US20120236201A1 (en) * 2011-01-27 2012-09-20 In The Telling, Inc. Digital asset management, authoring, and presentation techniques
JP5887160B2 (ja) * 2012-02-15 2016-03-16 任天堂株式会社 画像処理システム、ゲームシステム、画像処理方法、画像処理装置及びコンピュータプログラム
US9619250B2 (en) * 2013-08-02 2017-04-11 Jujo, Inc., a Delaware corporation Computerized system for creating interactive electronic books
WO2015163220A1 (ja) 2014-04-20 2015-10-29 彰一 村瀬 スクロール動作に連動して連続的に変化する電子絵本
US20160203113A1 (en) * 2015-01-08 2016-07-14 Connor Francis Doherty Interactive Inline Frame and Webpage

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0696186A (ja) * 1992-09-10 1994-04-08 Fujitsu Ltd 時刻／属性値により変化する図形の編集装置
JP2000075986A (ja) * 1998-08-31 2000-03-14 Casio Comput Co Ltd 小型電子機器及び小型電子機器における表示制御方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3136348A4 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10248292B2 (en) 2014-04-20 2019-04-02 Shoichi Murase Electronic picture book which sequentially changes in response to scroll operation
KR101810188B1 (ko) * 2016-02-24 2018-01-18 네이버 주식회사 영상 표시 장치, 영상 생성 장치, 영상 제공 서버, 영상 표시 방법, 영상 생성 방법 및 컴퓨터 프로그램

Also Published As

Publication number Publication date
EP3136348A4 (en) 2017-05-03
US20170038931A1 (en) 2017-02-09
US10248292B2 (en) 2019-04-02
EP3136348A1 (en) 2017-03-01
JPWO2015163220A1 (ja) 2017-04-13
JP5861248B1 (ja) 2016-02-16

Similar Documents

Publication Publication Date Title
US20220214798A1 (en) Interactive Menu Elements in a Virtual Three-Dimensional Space
Staiano Designing and Prototyping Interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop
KR102294134B1 (ko) 하이브리드 슬라이드-캔버스 프리젠테이션을 합성하기 위한 저작 도구
Harper Mastering Autodesk 3ds Max 2013
Forbes et al. Generative fluid profiles for interactive media arts projects
WO2015163220A1 (ja) スクロール動作に連動して連続的に変化する電子絵本
US20180136814A1 (en) Systems and methods for multi-dimensional augmented and virtual reality digital media integration
US8631334B2 (en) Virtual world presentation composition and management
Eikenes et al. Navimation: Exploring time, space & motion in the design of screen-based interfaces
García et al. Holomuseum: A hololens application for creating extensible and customizable holographic exhibitions
Tunalı Resonant field: a critical analysis of user interface design in digital media
Quevedo-Fernández et al. idAnimate: a general-Purpose animation sketching tool for Multi-Touch devices
Lampel The beginners guide to Blender
Gerhard et al. Mastering Autodesk 3ds Max Design 2010
WO2022186235A1 (ja) コンテンツ動画再生プログラム、コンテンツ動画再生装置、コンテンツ動画再生方法、コンテンツ動画データ生成プログラム、及びコンテンツ動画データ生成装置
Kundert et al. MASTERING MAYA 8.5 (With CD)
Ablan Inside LightWave 3D v10
Eikenes Navimation: A sociocultural exploration of kinetic interface design
Vijayalakshmi et al. Architectural Visualisation using Virtual Reality
Ranjha et al. Interactive animation on Directional derivatives & Level curves
Morro Ibáñez Exploration of techniques for the creation of a 3D character
Gerhard et al. Mastering Autodesk 3ds Max Design 2011
Cohen From killing trees to executing bits: A survey of computer-enabled reading enhancements for evolving literacy
Tuachob et al. Cauldron: A real-time pictorial compositional tool in VR for visual artist
Evans et al. Designing a multiplatform pipeline for 3D scenes

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 2015528773

Country of ref document: JP

Kind code of ref document: A

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 15783051

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

REEP Request for entry into the european phase

Ref document number: 2015783051

Country of ref document: EP

WWE Wipo information: entry into national phase

Ref document number: 2015783051

Country of ref document: EP