Friendly Neighborhood Dev-log Blog

Welcome to my dev-log Tumblr blog! This blog is where I document my progress on my software projects!

[code-chronicles]

I've been getting back into studying data structures and algorithms and grinding some leetcode. Getting to do that stuff when it's not related to university has made it a lot more enjoyable since the stress of the final isn't there.

I'm hoping to start applying for a different job soon, which is mostly why I'm getting back into it. I got my first job after doing a 2 month internship so I've never been through a serious code interview yet.

I'll probably start a new repo on git where I can store all my solutions and hopefully track my progress

[code-chronicles]

Monday, May 01 2023::P5 Pixel Invasion

Added music and sound effects to game.

Game can be played here. Code can be found here.

I told myself I wouldn't be working on this today, but I found a nice track and it really made me want to add music to the game 😅

[code-chronicles]

P5 Pixel Invasion

GitHub - Perla-Al-Haddad/P5PixelInvasion: Remake of the retro game invaders made using the p5.js library. 👾

Remake of the retro game invaders made using the p5.js library. 👾 - GitHub - Perla-Al-Haddad/P5PixelInvasion: Remake of the retro game invad

I made this small p5.js game this weekend as a proof of concept for a course I might be giving for a few high schoolers over the summer.

I'm hoping to cover basic coding fundamentals in javascript with them. And give them an introduction to OOP.

Now that I have the basic game done. I'll be creating a new repo where I'll be breaking down the different steps needed to make the game in seperate folders. The first few folders won't have anything to do with the game, and will just attempt to cover very basic coding concepts.

[code-chronicles]

Heart of Woodland 🌲

I've been working on a Love2D game called Heart of Woodland. It's going to be a topdown 2D rogue-like and I've been having a lot of fun working on it.

I was able to get procedural level generation working using the lua implementation of the rot javascript library found here.

I was also able to implement enemy path finding using the lua-star library found here.

I'm also taking a small break from working on this project, but hopefully I'll start working on it again soon.

I learned a lot about Love2D and lua during my first attempt at making this. I'll probably be restarting the project from scratch once I get back into it using the stuff I learned the first time around. (I know, I know. Bad idea, but I'd rather have a chance at a fresh start now and build a solid foundation, than having to deal with the mistakes I've already made for the rest of development)

The code for the game can be found here.

Talk to me about Love2D game development it is becoming my new favorite thing

[code-chronicles]

WOW it's been a while.

I kind of got brunt out on coding after work so I stopped for a while and focused on some other hobbies.

I've been coding more again and have a few projects I want to blog about.

For the vs-code aquarium extension, I ran into some problem when it comes to deploying it. So I'm going to hold off on working on it until I can actually deploy it. Which is out of my hands so unfortunately it's gonna take a while :')

[code-chronicles]

Thursday, March 16 2023::vs-code-aquarium dev log

No logs yesterady because I fell asleep :| Most of this log was actually done yesterday.

Progress:

Added ability to create turtles.

Created Abstract fish class to be extended from for all fish classes.

Started working on sting ray sprite

Upcoming:

Embarrassingly, I was calling the clownfish I drew a goldfish, so I will need to update all classes and files :|

Add ability to name fish

Add ability to remove fish by name

Finish sting ray animation

Work on scuba animation

Work on catfish animation

Work on extension documentation

Look into publishing extension on vs code

[code-chronicles]

Tuesday, March 14 2023::vs-code-aquarium dev log

Progress:

Implemented fish movement to swim in the view.

I'm too lazy to record a video of them swimming, but I am so happy right now. Look at them!! They are swimming!!!

This is the only thing I have for today, but I am very proud. look at these little fishies go :D

Upcoming:

Refactor fish spawning code

Create Abstract fish class and add turtle option

Create new wiki page documenting fish creation

Work on sting ray animation

Work on scuba animation

[code-chronicles]

I also really wanna add an option to spawn a small scuba diver :D

[code-chronicles]

Monday, March 13 2023::vs-code-aquarium dev log

Progress:

Finished webpack integration and published to git. commit

Implemented basic spawn-fish command for Goldfish. A static Goldfish sprite is now spawned using the spawn-fish command.

Also set the color of the background to be our lightest shade of blue.

Upcoming:

Implement fish movement to randomly swim in the view.

Refactor code written today for better typing.

After refactoring code, write new wiki page to document progress and implementation.

Work on the sting ray animation.

The source code for this extension can be found in this public git repo.

[code-chronicles]

Sunday, March 12 2023::vs-code-aquarium dev log

Progress:

Finished the turtle animation

Made background repeatable

Created a new wiki page documenting how to create the custom vscode view

Customized the README.md file

Added the code to compile the project with webpack and have the html register the scripting (still needs work, not yet pushed to git)

Upcoming:

Finish webpack integration and publish to git

Start working on spawning goldfish

Work on sting ray animation

The source code for this extension can be found in this public git repo.

[babyanimalgifs]

In case you weren’t aware, sting rays are basically puppies.

[torikaze]

oh hey I know these guys! they’re in a little tide pool at the Monterrey Bay Aquarium and they’re super sweet. If they see you standing next to the pool they’ll jump up out of the water and splash you until you pet them

[shoren18]

[code-chronicles]

I'm hoping to set up the wiki for the repo here.

I'll try to document there what I learn about the vscode extension library, and how I implemented the major parts of the extension.

[code-chronicles]

I finished working on the turtle animation for now. It's a bit janky but it will do for now until I can work on it again

[code-chronicles]

I modified the background image to be repeatable

This is what it looks like now in the extension view

[code-chronicles]

I really need to give up on the idea of getting any work done after 11pm

[code-chronicles]

Saturday, March 11 2023::vs-code-aquarium dev log

Progress:

Today, I added the aquarium background image to the webview in the explorer sidebar.

I'll include the images for the art I already created for this extension in this post since this is the first dev log.

This is the background image. After displaying it in the webview I noticed I need to make it repeatable over the x axis. So I will be doing that soon.

I so far have a very basic animation for the goldfish and made some progress on the turtle animation.

Upcoming:

Add a goldfish to the view by default on extension activation

Edit the README.md file on the git repo to better describe the extension

Update the background to be repeatable

Finish the turtle swimming animation

The source code for this extension can be found in this public git repo.

[code-chronicles]

vs-code-aquarium Extension

The main project I want to be working on now is an extension for vs code to allow users to add a small aquarium to their side bar in the vs code window.

The code will be stored publically in this git repo.

Working on this project, I'm hoping to learn more TypeScript, and get better at pixel animation by creating small swiming animations for multiple sea creatures that users will be able to add to their aquarium.