might write up an explanation at some point. thanks to Corncycle for the width-hacking tutorial
Free Soft !!!
- any
imprisoned in the computer for being too beautiful. sideblog for smaller thoughts (on computers, math, weeb shit, and more). all original work here is released under CC0.
cw lots of motion
its the season its the season its the season it its the season itsTHE SEASONIt's the Season
use your mouse to dodge(?) the bullets! (click to play!)
uh-oh! your browser doesn't support (piecewise) linear easing functions yet! (or you have prefers-reduced-motion turned on)
if you're on safari, try safari technology preview 176+
if you're on safari, try safari technology preview 176+
misc notes and ramblings
- love too frame-advance 60fps recordings of touhou and count animation frames
- the scrolling background is svg noise :3
- what even are the square things that fly around bosses
- making this responsive is too much effort... you can try zooming i guess
- spellcard tidbits:
- on about 12 seconds left on the timer, cirno shoots lines of 4 bullets instead of 3
- the bullets on the right half are slightly faster than the ones on the left half once they turn: this makes a nice interlacing effect when the bullets meet
- on the normal version, cirno shoots yellow bullets more frequently the closer you are to her
- opacity effects use svg animations
- i had a horrendous hack involving the
feColorMatrixsvg filter, thefiltercss property, and this trick to get smooth fading that worked over any background, but webkit didn't like applying a filter from a data url- i think uploading the svg and using that url would have worked, but i might as well add the effect directly to the svg to save you the cpu usage - it's morally the same as using an animated image anyways
- also the trick only worked for all dark colors (
alpha = 1-(r+g+b)/3, overlay with white to fade out) or all light colors (alpha = (r+g+b)/3, overlay with black to fade out) - i tried combining two filters to make it work with all colors (
b,alpha = 1-alpha,b, overlay with blue to fade out,b,alpha = alpha,1-b), but it messed with the colors/alpha a bit
- i had a horrendous hack involving the