Closed Bug 1353436 Opened 7 years ago Closed 7 years ago

[ux] SVG assets for new bookmark star animation

Categories

(Firefox :: Theme, enhancement, P1)

Product:
Firefox
Component:
Theme
Version:
55 Branch
Type:
enhancement

Tracking

()

Status:
RESOLVED FIXED
Iteration:
56.3 - Jul 24
Tracking Flags:
Tracking Status
firefox55 --- affected

People

(Reporter: jaws, Assigned: amylee)

References

Details

(Whiteboard: [photon-animation] [ux])

Attachments

(3 files, 9 obsolete files)

bookmark_starburst.mp4
5.84 KB, video/mp4
Details
bookmark_star.svg
194.54 KB, image/svg+xml
Details
bookmark_star.json
13.17 KB, application/json
Details 
The new bookmark star animation uses has rays that shoot out from the star. We will need the SVG asset for this so we can use it in the animation.
Flags: qe-verify-
Whiteboard: [ux] → [photon] [ux]
Whiteboard: [photon] [ux] → [photon-animation]
Whiteboard: [photon-animation] → [photon-animation] [ux]
Summary: SVG assets for new bookmark star animation → [ux] SVG assets for new bookmark star animation
Priority: -- → P2
Assignee: nobody → amlee
Status: NEW → ASSIGNED
Iteration: --- → 55.4 - May 1
Priority: P2 → P1
Attached file bookmark.json (obsolete) — 
json file to be converted to svg sprite
(In reply to Amy Lee [:amylee] UX from comment #1)
> Created attachment 8859292 [details]
> bookmark.json
> 
> json file to be converted to svg sprite
Flags: needinfo?(jaws)
Attached video Bookmark Icon.mp4 (obsolete) — 
animation for reference
Hey Amy, can you work with Sam to get two SVG spritesheets created? We will need one spritesheet for the star animation and another separate spritesheet for the star bouncing out of the books. Thanks!
Flags: needinfo?(jaws) → needinfo?(amlee)
(In reply to Jared Wein [:jaws] (please needinfo? me) from comment #4)
> Hey Amy, can you work with Sam to get two SVG spritesheets created? We will
> need one spritesheet for the star animation and another separate spritesheet
> for the star bouncing out of the books. Thanks!

Hi Jared, I've already attached a json file for a sprite sheet in this bug and also here (https://bugzilla.mozilla.org/show_bug.cgi?id=1353437). Is there anyone else that is needed?
Flags: needinfo?(sfoster)
Flags: needinfo?(jaws)
Flags: needinfo?(amlee)
Attached image 2017-04-27_2043.png (obsolete) — 
Hi Amy, can you reduce the JSON to just the filling part? Right now it shows up as with maybe a couple hundred frames of the star filled in with no visible changes, and there are about 10-20 frames at the beginning before the transition starts too.

Also, note how in this attached screenshot, some of the bursts from the star look like they are overlapping. Can you put center this animation on an 88x88 canvas (same as the library-star animation)?
Flags: needinfo?(sfoster)
Flags: needinfo?(jaws)
Flags: needinfo?(amlee)
Attached file bookmark_starburst.json (obsolete) — 
Hi, I've attached an updated json file (162x158). Center point of start icon is x:82 y:80. Let me know if this works
Attachment #8859292 - Attachment is obsolete: true
Flags: needinfo?(amlee)
Comment on attachment 8862957 [details]
bookmark_starburst.json

Hi Amy, I tried this JSON file in Sam's webpage and the star is clipped more in this version than the previous. Were you able to get it working on your machine with his website before you attached it here?
Flags: needinfo?(amlee)
Iteration: 55.4 - May 1 → 55.5 - May 15
Attached file Bookmark_Star_Burst.json (obsolete) — 
Size 162x158
Attachment #8862957 - Attachment is obsolete: true
Flags: needinfo?(amlee)
Attached image bookmark_starburst.svg (obsolete) — 

        Attachment #8862682 -
        Attachment is obsolete: true

    
    

    
  

      
      
      
      

        Attached file
          
        bookmark_starburst.json (obsolete)
        — 
      

    


  

        Attachment #8864635 -
        Attachment is obsolete: true

    
    

    
  

      
      
      
      

        Attached video
          
        bookmark_starburst.mp4
        — 
      

    


  
New star animation where the blue fill comes from the center outwards

        Attachment #8859293 -
        Attachment is obsolete: true
Iteration: 55.5 - May 15 → 55.6 - May 29
Iteration: 55.6 - May 29 → 55.7 - Jun 12
Iteration: 55.7 - Jun 12 → 56.1 - Jun 26
Iteration: 56.1 - Jun 26 → 56.2 - Jul 10

    
    

    
  

      
      
      
      

        Attached image
          
        bookmark_star.svg (obsolete)
        — 
      

    


  

        Attachment #8866848 -
        Attachment is obsolete: true

        Attachment #8866849 -
        Attachment is obsolete: true

    
    

    
  

      
      
      
      

        Attached file
          
        bookmark_star.json (obsolete)
        — 
      

    


  
Iteration: 56.2 - Jul 10 → 56.3 - Jul 24
Status: ASSIGNED → RESOLVED
Closed: 7 years ago
Resolution: --- → FIXED

    
    

    
  

      
      
      
      

        Attached image
          
        bookmark_star.svg
        — 
      

    


  

        Attachment #8882440 -
        Attachment is obsolete: true

    
    

    
  

      
      
      
      

        Attached file
          
        bookmark_star.json
        — 
      

    


  

    
  

        Attachment #8882441 -
        Attachment is obsolete: true

          You need to log in
          before you can comment on or make changes to this bug.
        






  

    
  







  

    

      
Attachment

      

      
      
      
      
    

    

      

        

          

            
General

            

              Creator: 



            

            
Created: 

            
Updated: 

            
Size: