Join us on Discord!
You can help CodeWalrus stay online by donating here.

Classic Shell Custom Animated Icons

Started by CKH4, February 19, 2015, 04:10:53 PM

Previous topic - Next topic

0 Members and 2 Guests are viewing this topic.

CKH4

I'm making animated start buttons for classic shell

Here's my first one, a Material Design theme:
Recommended Window Color ( #009688 ) with transparency off

  • Calculators owned: TI-83+, TI-84+


Dream of Omnimaga

What is Classic shell? Is it an OS in particular or is it some command prompt software? The icons look nice, although for some reasons the circle outside don't seem very clean, as in the outline has some weird pixels and isn't really round.
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

CKH4

yeah, sorry about the unclean edges (I'm working on it). it adds the start menu back to windows 8.
  • Calculators owned: TI-83+, TI-84+


Dream of Omnimaga

Oh right I see now. I was wondering because Classic Shell name seems pretty vague. Also would it support transparent PNGs so you can anti-alias the borders?
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

CKH4

Sadly no, I'd have to redo the entire thing which I'm considering doing.
  • Calculators owned: TI-83+, TI-84+


Dream of Omnimaga

Wait why would you need to redo them as opposed to just editing the borders? Is it because the format it supports with anti-aliasing would be different?
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

CKH4

I'll post the old one without transparency.
  • Calculators owned: TI-83+, TI-84+


Dream of Omnimaga

Oh I see now. There must be a way to fix the borders tho. Make the button a layer and the outside the same color, select area in ellipse selection mode (photofiltre studio can), invert selection, erase the outside but make sure erasing is anti-aliased.
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

CKH4

I'll redo it eventually, but the 1 row part at the top is really tricky. Instead of adding individual text options, it encodes the options in the top row of pixels based on rgb values.
  • Calculators owned: TI-83+, TI-84+


Dream of Omnimaga

Oh wow, I just saw this now. I wanted to do that to store data in a calc game before. :P
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

CKH4

Its a very neat trick to cut down on the number of files but for a human to write is very inefficient.
  • Calculators owned: TI-83+, TI-84+


Dream of Omnimaga

In my case it's not really to cut down the amount of files, especially since it would actually use an extra file (8xi picture), but rather to shrink down data size. If for example I want to store 60 numbers from 0 to 15, I can use 60 rows of 4 pixels in a picture instead of 540 bytes of list data. However, you have to be creative in order to not waste lots of space with the rest of the pic. For example, you can make a title screen with a nice border in which pixels represent data then mirror the data on the other side of the screen and the top and bottom to create a nice border, so at least you aren't wasting the rest of the pic.
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

CKH4

Well that would be especially useful if basic users had unlimited pictures but given the use I'd say that it could be used as a spritesheet for xlib in the remaining image space.
  • Calculators owned: TI-83+, TI-84+


Dream of Omnimaga

#13
Indeed, although it depends if the user wants to use xLIB. Ideally it's best to use some sort of abstract drawing on your title screen that are in fact bunches of data too. That way you maximize use of the picture. :P. You can even store mini maps in them for later use :P


EDIT I was bored and I made modified versions of your icons with fixed borders.
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

CKH4

Oh, well thank you for the fixed borders.

The abstract drawing could be really cool. You might even be able to draw a house or something (map based on how the logo maps out) out of a map depending on the tile process.
  • Calculators owned: TI-83+, TI-84+


Powered by EzPortal