Description:
> Click here to play! <
Pinkie Pie skating under the Crystal Castle while looking up to it with her front hooves open.
Quite a silly situation that makes you wonder why, right?
If it gave you the impression that she's trying to catch something falling from the castle, then I did a good job so far, were I be able to complete this game, this would be the story and idea:
Oh no! Pinkie Pie dropped the Crystal Heart on the mirror pool!
Now the Crystal Heart and its power is divided across all the copies, so now each copy must be equally protected.
That shouldn't be much of a problem normally... if it wasn't that because of some reason, the copies were falling from the Crystal Castle!
Oh! and on top of that, Gak is falling from there for some reason too!
So now Pinkie has to save them from shattering on the floor while avoiding the Gak!
So that would be it, a game of catching Crystal Hearts, and it would have 10 levels in honor of this being the 10th anniversary, or it would have infinitely many, but at the 10th you'd get your congratulations message and wishing you a happy 10th anniversary.
In the first level, as introduction, Pinkie would have to catch one Crystal Heart, and from the second level on, save as many Crystal hearts as the number of the level, while avoiding some random Gaks inbetween.
Some details of how I'd complete the game*:
I would vector the background myself.
Right now it's a screencap I took and edited myself.
Support for playing with the arrow keys and AS keys (as in a WASD game):
Should be really simple, just add an event listener for those and assign them the code that's already there for going right/left with clicks.
Pinkie would face the direction in which she goes (i.e. flip left when going left, and the same for right):
This has the problem that mirroring her via setScale(-1,1) for some reason messes with her vertical position, I suspect it has something to do with the fact that her original transform is different from (0,0) and for some reason setScale() resets it.
Pinkie would have animations like wagging her tail and moving her hooves so she'd look more alive and less like a cardboard cutout:
I already have some of these animations and will post them later, but for the game it messes even worse with Pinkie's position data (from the getBoundingClientRect() method), rendering my current formulas wonky (putting it nicely).
Pinkie would start uncrystallized each level, and would get more crystallized the more Hearts she saves (100% crystallized would be how she's here).
* I should mention first that SVG + vanilla JS + SMIL animations is definitely NOT a game engine, I did this just for this event, with the same inspiration as my previous interactive SVG (there were interactive SVGs previously uploaded here), the benefits would be:
Having a game playable without leaving Derpibooru or even downloading anything.
Maximum compatibility (if your browser lets you see pics on this site and interact with it, chances are it should be able to let you play this game. It's not an exe so non Windows users won't need Wine, neither an apk so non Android users won't need an emulator, nor whatever it is other OSs use just for themselves).
And the "infinite" zoomability of SVGs (though to be fair I think this should be the easiest of these advantages to be also found in other game engines).
Also, I can't believe just now I got to draw best pony. :P
Have fun playing! :D
Commission info. 🖌: https://derpibooru.org/profiles/Favitwink/commission
Favitwink's server 🎈: https://discord.gg/nxQ8gbCnvk