In-game Remove Ads GIF - Clicking Animation

samgawaran commented 2 years ago

Summary

Sending this submission for this design issue: https://github.com/colonistio/design/issues/140, added a couple of studies for both boxed-shaped gold and desert since that's what we're using at the website.

samples shown here and the default clicking icon is the hand instead of a cursor Google and Mozilla web browsers also follow the hand icon so all of the studies are based on that.

Details

Desert

Study 1 gif-removeads_desert-mouse_study1

Study 2 (Disappearing) gif-removeads_desert-mouse_study2

Gold

Study 1 gif-removeads_gold-mouse_study1

Study 2 (Disappearing) gif-removeads_gold-mouse_study2

I can't remove the clipping on the disappearing mouse when I convert it from MP4 to GIF

Resources

https://drive.google.com/drive/folders/18uwUGfyxHlqNxgMZXwA76641llgHPnCi?usp=sharing

Compressed to its fullest via freeconvert.com

Submission Checklist

[x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

samgawaran commented 2 years ago

for review: @demiculus @JuanRoman77

demiculus commented 2 years ago

Study 1 is better

[x] the hand moving out of the image means that the image overall is smaller with respect to the gif so make the hand on top of the image.
[x] Make sure the whole gif widht & height sizes are the same as before
[x] The kb sizes are as low as possible.

Post the images here and tag me.

miraul commented 2 years ago

Study 1 is better

JuanRoman77 commented 2 years ago

Study 1 is better

Why?

samgawaran commented 2 years ago

@demiculus I revised the GIFs to fit the checklist:

Desert

gif-removeads_desert_v2

Gold

gif-removeads_gold_v2

Overlayed in End-Game

Remove Ads GIF

the kb sizes are as low as possible.

I managed to make it around 40% smaller. previous one was 800KB when compressed, this iteration is around 480KB when compressed. I tried to make it smaller than this but some of the color in the BG began to glitch. another way we can reduce this is to make the frame smaller than 600x425 but I didn't do that here. let me know if you want me to try.

Link: https://drive.google.com/drive/folders/18uwUGfyxHlqNxgMZXwA76641llgHPnCi

Public Link - https://drive.google.com/drive/folders/1OaGjKSGMwhbrfUYXPsGW43VYJzLuQXsU?usp=sharing

demiculus commented 2 years ago

Can you follow the steps here: https://github.com/colonistio/design/issues/166#issuecomment-1241246457 also make the gdrive links for those public so devs who dont have colonist emails can access them same with the drive links here: https://github.com/colonistio/katan/issues/8154

samgawaran commented 2 years ago

closing this issue, implementation here: https://github.com/colonistio/katan/issues/8165

samgawaran commented 2 years ago

closing this issue, implementation here: https://github.com/colonistio/katan/issues/8165