METHOD FOR CREATING ANIMATED ADVERTISEMENTS USING PARALLAX SCROLLING

• US 20170011541A1
• Filed: 07/09/2015
• Published: 01/12/2017
• Est. Priority Date: 07/10/2014
• Status: Abandoned Application

• Current Assignee: Shahar Naor
• Original Assignee: Shahar Naor
• Inventors: NAOR, Shahar
• Application Number:
  US14/794,942
• Publication Number:
  US 20170011541A1
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06Q 30/0255 based on user history
• CPC Class Codes: G06Q 30/0273 Determination of fees for advertising
• CPC Class Codes: G06T 13/20 3D [Three Dimensional] animation
• CPC Class Codes: G09G 2340/125 wherein one of the images is motion video
• CPC Class Codes: G09G 2370/027 Arrangements and methods specific for the display of internet documents
• CPC Class Codes: G09G 5/34 for rolling or scrolling

Abstract

A method of creating animated content, which includes the steps of generating an element to be displayed on a mobile device, touch screen or desktop screen. The element includes details of at least one graphical resource together with the settings associated with the graphical resource. The method further includes the steps of adding scrolling and parallax-animation functionality to the generated element and generating computer code to create a parallax-animated display of the created content on the device.

Claims

1. A method of creating animated content, the method comprising the steps of:

generating an element to be displayed on a device;

said element comprising details of at least one graphical resource together with the settings associated with said least one graphical resource;

adding scrolling and parallax animation functionality to said generated element;

generating computer code thereby to create a parallax animated display of the created content on said device.

2. The method of claim 1, further comprising the step of:

tracking and analyzing said parallax animated display.

3. The method of claim 1, wherein said the step of generating comprises the step of:

translating said at least one graphical resource together with the settings associated with said least one graphical resource into a readable JavaScript®

file.

4. The method of claim 1, wherein said device comprises one of group of devices including mobile devices, touch screens and desktop computer screens.

5. The method of claim 1, wherein said content comprises one of group including HTML content recommendations, advertisement, user guides and publications.

6. The method of claim 1, wherein said at least one graphical resource is generated automatically or manually.

7. The method of claim 1, wherein said at least one graphical resource is configured to move at different speeds in relation to the content surrounding said at least one graphical resource within said element inside an HTML page displayed on said device, said element having a fixed size.

8. The method of claim 1, wherein said element comprises a plurality of graphical resources generating a plurality of layers, each of said plurality of layers being configured to move at different speeds, said element inside an HTML page displayed on said device, said element having a fixed size, said speed being determined by the length of the layer, animation template or manually.

9. The method of claim 1, wherein said settings comprise at least one of a group including the desired resolution, the dimensions of the graphic resource, the speed and offsets of said content and the background image and color.

10. The method of claim 1, further comprising the step of adding onClick action to said generated file.

11. The method of claim 1, further comprising the step of outputting a file containing at least one of a group project name, ID/class of main container, image paths and names, resolutions and graphic resource dimensions and animation template settings.

12. The method of claim 2, wherein said step of tracking comprises steps of:

raising a first flag when the first pixel of the element enters the viewport;

raising a second flag when the last pixel of the element exits the viewport; and

determining the duration of the content inside the viewport display by calculating the delta between the timestamp of the first and second flags.

13. The method of claim 12, wherein, if the user navigates to a second content while said content is still on the viewport, said step of tracking comprises steps of:

raising a third flag; and

determining the duration of the content inside the viewport display by calculating the delta between the timestamp of the first and third flags.