Good for placing objects around a grid cell! Like this:
(click to interact)Click/tap to select point
You give the function a grid XY and it tells you where the next point should be to have it go in a spiral.
Continue readingTag Archives: interactive
GameMaker: Radial health/progress bars
This is a post about turning this
into this:
(click to interact)Click/drag to adjust %
Continue readingGameMaker: Homing missiles
(mouseover/click to play GIF)
This is a post about doing homing missiles in GameMaker!
Continue readingCSS-only reveal/frame comparison generator
Earlier this year, I made an image reveal/frame comparison generator for use with cohost!.
With website set to close at the end of this year, I have updated the tool to output that's easier to use outside of cohost!.
The idea is that you supply two image URLs, tweak a few settings, and get something like this back:
(if you are on iOS, resize-dragging is not currently supported - tap here for an animated preview)
↔
And this works without any JavaScript!
The generator is available online, and in this post I go over how it works and what else it can do.
Continue readingRe-calculating colors for opacity
Each blob has different color and opacity, but the mixed color (over background) is the same
When working with images and websites I deal with many different tricks and challenges, but some of them slightly more often than others.
Continue readingSimplest possible predictive aiming
This is a blog post about aiming ahead to hit moving targets! It has interactive elements.
Continue readingGameMaker: draw_sprite_ext_skew
(click to interact)
(mouseover/click to play GIF)
Drag sliders and click things (if JS is enabled)
draw_sprite_ext - maybe you want to apply skewing/shearing to the sprite, or scale it after rotating it, or use a 2d matrix transformation.
The built-in function isn't made for that, but, with a little bit of math and draw_sprite_pos, you can have a script for this.
GameMaker: Formatted date output
(click to interact)
This is a small post about a replica of the strftime function seen in PHP, C standard library, and a handful of other APIs. Such a function takes a date-time and prints it according to the given format string.
The script supports the common formats and those that mapped reasonably to GML functions.
Continue readingSimple intersection checking between rotated rectangles and circles/points
(click to interact)
(mouseover/click to play GIF)
(click and drag to adjust rectangle size/position/rotation; distance to a circle is shown)
Suppose you have a rotated rectangle and a basic shape that rotation doesn't matter for (such as a point, circle, or a line segment), and you want to check whether the two are intersecting - be that for collision handling, hit testing, or whatever else.
On a glance this might seem like a bother because things are rarely too simple with rotated rectangles, but in this case it isn't - because you can "unrotate" the rectangle.
This small post is about that.
Continue reading2d pivot points explained
(click to interact)
(mouseover/click to play GIF)
(spaceship graphic by Kenney)
Nowadays, most development tools provide ways of setting pivot/center point for imagery - that is, the relative point around which the image will rotate and usually be positioned relative to.
However, ability to define multiple pivot points per image remains relatively uncommon, despite being something that you want to have projectiles fire from a correct point of a sprite, display weapons/attachements at right relative points, or do anything else that demands relative offsets.
This small post is about that.
Continue reading