Added level editing tool to fine-tune camera behaviour

I can now from the level editor adjust the camera’s offset! This is useful for sections in levels where you are moving up / down, and you need to see where you are going. This is done in the level editor with invisible special tiles, but that ive made visible for the devlog to explain.

The camera offsetting tiles utilise the special number tiles that i had created a long time ago for specifying enemies’ attack delays. I had purposefully made that number tile system modular to make future level editing tools like this easier to implement, which really payed off now :>

New level + experimental bloom!

Created a new level focused heavily around wall climbing mechanics. This level, like the previous one I worked on, really sort of pushed the limits of the level engine, so I had to fix a lot of bugs to get it working properly, most regarding the level transition animation.

I also decided to try experimenting with screen-space effects like bloom! (it might be hard to see on the screenshot because of compression)

I’m not sure how I want to use the effect so currently you can only enable it through a command-line argument. It is a bit overwhelming sometimes, and it cant actually know what is “bright”, and just goes off color, but this can have problems with non-bright white objects, like skeletons, appearing like theyre glowing which looks odd. I’m thinking it could fit in at the third world which is a bit dark and gloomy, but i’m also considering working on a system to only selectively apply bloom to specific objects, like lanterns and chandeliers.

I just really want the game to look polished, and I think experimenting with screen-space effects like bloom, color correction, vignette, etc, could be good ways to get that final bit of polish.

New level and bug fixes

Added a new level utilising the new fog :)

Though i had to fix a lot of bugs for the new level, one thing was lasso hooks being placed next to an enemy path causing a crash on launch. Basically, the enemy path is an invisible part of the map that decides a path that some enemies can move along (like the bats). The problem however was that it thought the lasso target was an enemy and tried to set that enemy’s path.

The new level also needed a way for me to stop projectiles at a specific place, so i also made the projectile-barrier special tile. It also is an invisible special tile that only projectiles collide with.

I also worked on a system of sort of dynamic lighting but I had to stash those changes and will perhaps pick that up later.

Added spooky fog =)

Basically, when failing to add clouds to the background, i accidentally created fog and decided it looked really cool and made it so i can paint fog to levels!
I created this effect because i wanted to debug why the clouds werent behaving properly, and made it so the clouds rendered over everything else, and i turned up their density super high, and made them only have 2% opacity. This coincidentally looked a lot like fog. So the fog actually consists of these semi-transparent cloud textures, see the second attachment.

I think it looks really cool and fits into the spooky theme of the third world. (but im also open to suggestions!!!)

note: i still havent gotten clouds working lmao

Added raycasts for lasso swinging

You can only perform a lasso swing now if you actually have a line of sight to the hook/target. Previously you could actually target a hook on the other side of a wall and swing from it which looked really buggy, though this only was a problem on one level that I know of. I implemented a simple raycast that solves this though!

Made laso-swinging possible by holding the JUMP button while mid-air

Previously, you could only lasso with a dedicated lasso button. I’ve now added that you can hold jump again while mid-air to perform a swing. This feels a lot more natural on controller in my opinion.
I hope the attachment makes sense

Add a cozy little pond !

theres now a little pond site! theres a couple of different creatures and you can change the weather and time of day.
it also tracks how long youve spent at the pond which is also saved to local storage. you can see total time spent in the bottom left corner.

(press me^)

Joined the No-AI webring :>

this is a really active webring that i see everywhere and ive always wanted to join, and now i have! this site is now part of the two webrings, the no-ai webring, and hackclub’s own “pages” webring.
Also added some new buttons to the site’s button collection

Gave froggy more braincells

Gave froggy some new responses and knowledge. froggy is still reeally stupid but i think its fun to perpetually add more and more knowledge to it.

1. Removed .html from all links on the published website

so links that previously went to …/projects.html now would go to …/projects. this is done by the build script though, so its only applied on the published website, and viewing the site locally still uses .html and therefore still works.

2. Set up github actions!

previously, the build script was ran on my local machine which built the site and published the results to the specific github pages branch. now however, i have a github action that does it instead (on github’s servers), that i can run by pressing a button

Added FROGGY!!!

i added a clippy-like little frog in the corner of the main page! you can press it to chat with it. it uses a simple javascript algorithm to respond, both recognizing phrases, and recognizing sentence structure like if the user is asking for its opinion on something, tied to a small knowdledge bank of opinions and facts.

really quite simple but i think its charming ! froggy ftw

Improved BEANS screensaver

made the DVD screensaver thingy only change color when it bounces, like the real deal! the previous version of this was just a gif, where the logo changed color every second or so. this old version is still whats shown if you dont have JavaScript enabled, but this new version uses JS to change the hue of the logo on each bounce.

Added playable minesweeper!!

for funsies i added an entire playable game of minesweeper at the bottom of the main page! i really like minesweeper and this isnt the first time ive written an implementation of it :>

check it out !

Styled text at projects page to look win98-y

previously, only the project cards themselves were styled like this but i figured i might as well do the effect for the full page. i had to rework several parts of the drag window code since windows can now vary in size, but i got it working fast enough.
i also fixed support when dragging a window and scrolling at the same time, previously the window stayed at the same spot but now it perfectly follows.

i think it looks lovely! for the next devlog, im considering perhaps writing a minesweeper game to put on the main page because i really like minesweeper, but not sure.

Display projects in windows 98 style !??

made project cards be themed like windows on windows 98 and draggable!

the most of the time was spent on the code for making them draggable, since i need the elements structure to stay the same even when you drag one of them, and to prevent overflow when dragging a card off-screen.
i solved this by having a position=absolute div that fills the entire body, that has overflow=hidden, that dragged cards are moved to. their active position is also noted and used as an offset for dragging. because this would ordinarily cause all other cards to shift, i also add a “ghost”-card (with visibilty=hidden) to fill its space on the main div.

i think it works really well, but there may be some bugs still that i havent found

Added emoji support to my website!!

i need to be able to write :yay: and have the yay emoji render, regardless of where i am- so i decided to add it to my website so i can freely :yay: where i so please!! this is also handled by the build.py script, since i didnt want this being ran by the frontend since it doesnt have to be.

Add microblog!

i moved the DVD screensaver thingy to a new block to make space for a little microblog ! its going to be really simple, short messages or status updates that i post there. pretty cool!!

next up: i kind of want to add support for (some) slack emojis on my website, so i could type ։yay։ and have the build.py script replace it with an inline img of the :yay: emoji

Made projects grow on hover

I made them smaller by default but sort of grow when hovered to make them a bit more fun i think

Added custom link buttons

Again, this was just for fun, and to make the links stand out. I have many links on my website to other websites, but these navigation links i wanted to be visibly distinct, so therefore i drew these buttons (visible in the gif, ‘projects’ and ‘home’).

Added DVD screensaver thingy

Ever since moving projects to its own dedicated page, ive had this unused block on the main site. For now i just slapped a knockoff dvd screensaver there. Did you know that that screensaver thingy can be done with just pure HTML? Checkout the element

Added dedicated projects page!

Previously, I didnt have a dedicated page for all my projects and you could only scroll through a carousel of the games ive made. Now i have a page where you can see all my projects spread out, both videogames and non-videogame projects.
The games are scraped from my itch.io page by the build script mentioned in last devlog!

Worked on a build script that scrapes my itch.io and compiles it into an HTML file that is rendered through an iframe on the main page. The reason I chose to do it like this is because I want my site to be completely static so that:
A) it is easily hostable with github pages
B) anyone can use the website, even without Javascript enabled
I also joined the Hackclub “page” webring!!

Added spawn region outside the tower

Now on the first level of the game, you actually spawn outside the tower in a little deserty environment. The entire rest of the game still takes place inside the tower but i just thought this would be a nice little touch !

It was kind of rough to add, seeing as a lot of code uses the horizontal boundaries of the level, for things like drawing the rest of the tower and for camera bounds and transitions, and this level would now need an exception to that, seeing as its boundaries are not the same as the tower’s.

I struggled a lot with the blend between the tower and the ground, and some minor details of how it should look, and im still not sure whether im happy with it yet or if im going to revisit it later, but i think it looks good enough for now.

Added controller/gamepad support!

I figured this game could work really well on a controller so decided I would try implementing support for it. Thankfully, finding a Rust crate that could handle interfacing with the hardware, wasnt particularly hard. The problem, however, was getting it to work. I could get it to work on local builds, but when compiling for web (which is how the game will be released), it wouldnt detect my controller.

This was odd as i know the JS gamepad api should be able to detect it. I dug into the plugin code for the crate, i.e. the part that interfaces with the browser, and realised it was skipping my controller, as it had a non-standard mapping. I simply removed this check and everything works great!

also how do you like my knockoff snes controller?

Three levels + web support

This devlog I worked on three levels, one of them was new. I redesigned one of the first levels in the game, to have a unique theme! Previously, it had just reused some generic assets from the first world, but now it has a sort of old western bar theme with unique tiles. The two other levels were on the last world.

I also set up web builds! (see attachment 2). I’ve made web playable games with rust before so i expected it to be really straightforward, but I ran in to some issues, mostly because of the shader i had written for the sky, which had some incompatability issues.

Wall Climbing!

I added wall climbing! Some surfaces on the third world are now marked with white and can be climbed on and jump from to perform a wall jump! I want each world to have unique appearences, enemies, and movement mechanics, and this is a movement mechanic unique to the third (and final) world.

I also drew a bunch of assets and whatnots!

Made enemies fade out upon death as suggested by secretaditzu78! I’m not sure how well you can see it in the GIF, but i think it adds a bit of polish!

I kind of want to work on the sky again and add clouds! I also want the very first floor to be on the ground, and i imagine you wont actually spawn inside the tower, and rather outside it in a desert-y environment, and youll walk in to the first level. So i might work on this next!

Previously enemy spawners only spawned based on player proximity, which made it impossible to sync several enemies spawning at once. Now I also added a new level design tool, the trigger-based-spawner! It allows me to draw a trigger zone, which when the player enters, will make enemies with spawners tied to that trigger spawn. The spawners and triggers are colour coded, so I can create different groups.

Created skeletons that arise from tombstones!

Previously, all enemies in the current level were immediately loaded, but now i can create enemies like these that dont “activate” until the player gets close enough.

Something I still have to do is to maybe add a way of syncing the spawning of multiple enemies? As you can see in the video, the three skeletons all start emerging at different points in time, as i move closer. I would need some way to sync multiple enemies to make them all trigger at once.

I added a gradient for the sky! Instead of being a solid blue color, it instead gets darker the higher and higher you climb !!

The sky is now a GLSL shader, and i wrote a simple gradient function that allows me to enter arbitrary RGB steps. Making the shader took me quite a bit, but it was made easier by using shadertoy, which allowed me to see the changes in realtime. I also had to make sure the sky you see through windows also followed this gradient, previously the windows just had blue colored pixels.

I also drew more assets for the third world, mostly different furniture. I took some inspiration from old antique victorian era kind of furniture, as i want it to feel kind of old and creepy i guess?

I also added BLOOD that you die in!

This devlog i worked on correcting player mistakes. I added:

• Coyote Time
• Jump buffering
• Horse mount buffering

I realised that some levels were really infuriating because you had to perfectly time mounting a horse while in mid-air, and if you pressed space a few frames too early before being in range of the horse, it wouldnt work and you would die. I decided to add a few frames of leeway, such that mounting is instead active over a span of a few frames.
Following that, i decided to add the same thing for jumping. When you are just about to land, and want to immediately jump again as soon as you land, it can be really hard to time that second jump. Now, if you press space a few frames before landing, it will still issue that jump when you touch the ground.
I also added “coyote time”, which basically means that for a few frames after walking off a ledge, you can still jump. When you are trying to jump as long as possible, you’ll want to press space at the very last moment, and timing this can also be really frustrating and the jump is often failed, so this also adds a bit of parkouring leeway.

Added a new enemy movement type that follows a predetermined path! In the attached gif you can see bats flying along two seperate paths. The green and red markings are obviously just debug information and wont be present in the actual game, but i think it illustrates pretty well how this works.

I made it so the level itself, on load, finds all these path-loops, and links all adjacent enemies to it. This is what took most of the time of the devlog. I also had to work out how to get the loops to always be stored in clockwise order, but thankfully it was easy enough.

You can see in the second attachment exactly how i create these in my level editor. I have a special layer for adding things like enemies, but now on that layer i can also paint these paths.

Next, i’m kind of interested in making the outside sky color change, the higher you get in the tower, and to add things like clouds perhaps?

This devlog I worked on making each world somewhat visually distinct. Previously this was only done within the level design, while the exterior tower background and elevator design remained constant, but now these are all custom for each world :>

This actually took SOOO long to get working, see, when you move to the next level, the camera doesnt actually move up a floor, and rather the camera position stays pretty much at the same XY-coordinates relative to the current level. So what i needed to do is track what your actual “climb-height” is, i.e. how far up you have moved. This is so i can properly know what the color exterior of the tower should have at any given place. This also makes it possible for me to ex. make the sky get darker along a gradient, the higher you climb, or add clouds that get more frequent the further up you get.

I also drew some assets for the third world of the game! See the second attachment for what I have so far. I want this world to be a bit grim and maybe spooky?

Will work on enemies for this new world now!

Added badges that you get for defeating bosses! I think it looks pretty good and it gives some visual progress to the game :>

note: it currently shows three badge-slots though ive only made two bosses/worlds thus far, but i’m aiming to have at least three.

Added Fireking boss for the second world! He has two different attack phases, and he’s only damageable for one of them. I really liked the way he turned out and the arena itself. This boss fight is what the majority of the time of this devlog was spent on.

I also created two new levels for the second world itself, and made a system for setting a specific spawn and end position for a level. Previously the game itself just figured this out at runtime, but for many levels i want more control over this. Implementing it properly took quite a bit of time to do since ive hardcoded the old spawn point system at so many places in the codebase, but i think it works now.

I improved horses a bit too, making them easier to mount while upside down, and made the camera smoothly lerp to the new position when mounting, as opposed to the abrupt teleport which is how it was earlier.

I worked a lot on the visuals of the boss battle (see the second attachment), i made the dialogue UI smoothly glide in, and i added cinematic bars that appear during the boss fight. I also added dust effects when he lands. Other than that, i also added decorative piles of barrels, so when he throws barrels at the player, he is no longer just pullign them out of thin air.

I also improved the lasso visuals, made it connect to the actual ring, rather than the centre of it, and change the texture of the hook when the lasso connects, to show the lasso wrapped around it.

I also decided to sort levels in to different “worlds”. I dont really want to call it worlds as its all in a single tower, but they just correspond to different visual themes of levels with different relevant mechanics, like the second world has machinery, pipes and lava, and introduces the horse mechanic and lasers.
I want each world to end with a boss battle, and the boss i previously made is now the boss for the first world.

I also spent roughly 2 hours debugging some visual bugs that i only got on Windows. On my linux laptop which i have been developing the game thus far, everything looked good. But on this windows computer, there were flashing at the edges of some tiles, there was a gap between the player’s torso and legs, and pixels werent pixel-perfect. I havent really fixed the root of the issues, but at least i fixed the symptoms of it, so i think its fine?

Added a boss battle! The boss has two different attack phases, and you need to shoot him 16 times to kill him. He also has a line of dialogue that he says the first time you fight him. To add support for bosses, I chose to create a Boss trait in my Rust code. All bosses will implement this trait. The trait itself is really simple, just a single update function that receives mutable references to the entire game state.

The reason i chose to make it like this is because all bosses i want to add will have practically nothing in common with eachother, aside from perhaps a position property, but even thats debatable. By just having a trait, it means all bosses have their own struct, their own unique properties and their unique code. Them also having access to the entire game state means the entire boss fight itself can also be managed by the boss, things like raising barriers to trap the player on the arena, or showing particle effects. Everything about bosses is very flexible, is what i’m trying to say.

I spent a lot of the time on the animations itself, and i think he looks alright. A lot of the other time was also refactoring old enemy and projectile code. I also updated the laser beam animation and gave a minor visual overhaul to two levels.

Thats about it!

Added transition between levels! Previously it would just cut to the new level which looked a bit abrupt, and there was no way for the player to realistically know that they had traveled up a floor by the elevator, as you just kind of teleported to another elevator.
This took quite some time to get working right and I had to restructure some code which is why this kind of minor feature took so long to implement. I also had to bother with drawing the entire previous level during the transition when both floors were visible at the same time.

Added LASERS!! I can place laser cannons around the map that fire a laser ray every couple seconds. I think theyre really fun! I also added a new death animation for lasers (see video attachment 2). I also made a new system for my level editor where i can mark the delay of enemies (including laser cannons) which took a really long time to implement but now allows me finer control over enemy behaviour.

I also made horses omnidirectional (vid #3). They can be placed as such to climb walls, or even walk in the ceiling! I think thats really fun :>

I also made horses return to their spawn point after having being ridden, to prevent soft locks on some levels. I can however in my level editor mark a “no return” zone, where the horse will not return to its origin while the player is inside, because on some levels i’ll want them to stay by the player to for instance boost the player to a higher platform.

I also made a new level utilizing vertical horses and lasers, and as usual ill continue working on more levels!

This devlog i added support for animated tiles which i used to create lava, a fun new way to die! I also added support for different death animations based on death cause ,which looks really good. I also added a new jump animation thats really silly and i love it!

I also added HORSES! Horses stand idle until the player mounts them, at which point they start running, uncontrollable by the player. They can walk on lava (OBVIOUSLY), and when you dismount a horse you also gain a bit of height which can be used to jump higher. Both of these aspects will be utilized in level design .

I’ll keep working on new levels next!

I added a new enemy that throws dynamite which explodes in a ball of fire !! i really like the way it turned out, and adding this enemy forced me to rework the projectile system to make it a lot more flexible which means i have more flexibility in the future to add cool stuff!

I also changed the ways level progress, since at the end of a level, there is an elevator that takes you to the next floor of the tower, and previously you would always be reset to the left wall of the tower, but now i made it so the next level will always start at the side of the tower that the last level ended on. It’s somewhat hard to explain but i hope the picture makes more sense.

Next I reckon i’ll keep working on pumping out more levels.

This devlog ive worked on levels! I first and foremost added an elevator at the end of every level that takes you to the next level. I also added spikes which kill you, as well as a new bandit (that also does kill you).
I’ve also decorated the levels a fair bit, added windows and chandeliers and more props. I also added tooltips to the first level that show you the controls, like LMB to shoot and RMB to lasso swing.

Added swinging with a lasso! I can now place hooks like the one you see in the attachment below that the player can swing from. The most of the time of this devlog was spent on the physics for the swinging and the exact implementation details of how it should work, making it easier to use and more arcade-like rather than perfectly realistic.
I also added dying and restarting the current level when you die.
Next I think I’ll work on creating actual levels! Maybe adding more enemies, too

Added enemies and firing projectiles! The enemies cant currently fight back and just randomly move left and right. I made the player animation be split in to two animations, one for the torso and one for the legs. This makes it possible to show ex. a shooting animation independently of the legs’ animation.
Will work on making enemies shoot back at you!

Added player and physics! I could reuse the physics calculation code from old projects, otherwise this wouldve taken like five hours. In Tiled, the tilemap editor I use, i have one specific layer be the “collision” layer, which is the one that the player collides with. The rest are just background or details.
Since this is supposed to be a tower, I made it draw the sides of the building at the horizontal edges of the level, and draw a solid dark color above and below it, which is supposed to be the outside of the building / other floors of the tower.
Anyways, will work on maybe adding enemies or more complex levels next?

Ive set up level loading from Tiled! Tiled is a tilemap editor software, and ive now added support to load their fileformat to level data in my project. The entire level is also statically rendered to a texture, so when i draw the level each frame, rather than drawing each tile individually, it just draws the rendered texture.
Will work on player (movement) next!

Initial commit! I set up the bare minimum for loading assets and rendering a little character to the screen! I am using RUST with macroquad as my game engine, ive used it a lot before and i reallllyyyy like it!! The assets i actually load directly from aseprite project files, this is something i learnt some time ago, and it saves SO MUCH time! I can even directly reference specific animation tags! I have learnt alot from my previous games and this is one of the most useful things i started implementing for all my games.

The game will be an action platformer with a cowboy theme or something. thanks for reading <3