Devlog #7: Created a dino game

Goal:

• Jump over cacti
• Just don’t get hit by a cactus!
• Survive for 15 seconds

Features I’ve added:

• A jungle themed background
• 3d scrolling effect with Parallax background
• Cactus spawning and scrolling towards dino
• The dino remains still (all the player has to do is to jump over cactus as it scrolls near the dino)
• The game lasts for 15 seconds before moving onto the next.

NOTE: The game seems easy to make, but it’s really hard. Might be easier to play compared to “Flappy Bird”.

I finally got my Stockfish engine working!!! YAYY!!!!
I just had some difficulty integrating Stockfish from its open-source network. But now it’s all sorted out and ready for shipping!
As a bonus, I’ve also added 3 tactics puzzle. Hope you can solve them! ;)

As promised, I’ve managed to align all my widgets properly. The weather widget asks permission to access your location. If accepted, it shows your local temperature. If denied, it defaults to NYC weather.

Why NYC?

Well, I love NYC, the Big Apple, The City That Never Sleeps!!! Don’t ya?

Okayy ppl, so this is my last devlog before shipping! Hope you like my project! :)

Features I’ve added:

• A weather widget (showing temperature in Celsius, Atmospheric conditions and co-ordinates)
• A command tasks widget to add in your to-do list

I know my website alignment is a bit messy, I promise I’ll work on it more before shipping!

NOTE: I haven’t been able to fetch local weather data for my widget. Instead, it is set to default NYC weather. Once I figure out how to do it, I shall ship my project.

Devlog #6: Created Flappy bird game

Goal:

• Keep the bird in the air without hitting the pipes or the ground.
• Keep tapping on the screen to do so.
• Maintain this for 15 seconds straight to survive and move on to the next minigame.
• Else, you lose a life.

Features I’ve added:

• 3 flappy birds for seamless animation
• Blue sky, green grass, white cloud background
• Endless scrolling of ground
• Code to generate new pair of pipes with the same magnitude of distance between them. (Just their positions on the y-axis change)
• Flap SFX (Same as jump and bounce effects)

NOTE: I might change this minigame to the last one as I find this one to be of immense difficulty.

Features I’ve added:

• Title and Logo
• Local Date and Time
• Search bar (which takes you to Google)
• 4 quick search icons (Github, LinkedIn, Instagram, Youtube)
• NASA APOD background (Using custom API key stored inside config.js folder, which’ll be gitignored)
• Footer showing the name of the NASA “image of the day”
• Live news which changes every 10-15 seconds. By clicking on its link, you can access the official news article.

NOTE: I had some difficulties setting up Vite. Therefore, I decided to store my API key in a separate config.js file (.gitignore) and my pulse.html will directly access that API key and tell my JS logic () to open it and display the NASA Image of the Day.

I tried to make Stockfish Evaluation work. But I’m having difficulties integrating it. Anyhoo, I’ll ship it as it is now. And figure out how to add it afterwards.

Finished coding the html part

Now all that’s left is to put in NASA’s APOD background and code the JS logic to make my website actually work.

• Added image placeholder cards and inserted some images to visualize my hobbies and projects.
• Tried to create a toggle button between Dark & Light themes, but I’m having some difficulties with making my entire page change colour. For some reason my first welcome screen does not change into light mode.

I finished styling my pulse website by creating grids and containers where all the buttons have to go. Once I’m done with the rest of my html coding, you’ll be able to see my website. As of now, it’s just a black screen.

I finished working on the JS logic. However, I can’t seem to make all the pieces appear on the board. However, I’m happy with my work so far and I’m glad that at least, the chess board is visible.

To-do:

• Make all the chess pieces come to life on my chessboard
• Make sure all my buttons work
• The FEN code must be changed according to the position
• The Stockfish evaluation has to work

Devlog #5: Creating Pong game

After venturing on a lot of sidequests (HTM+CSS+JS), I’m back on Godot, baby! ngl, Godot is by far the simplest thing to code on. Plus, it’s really, really fun.

I’ve managed to create my 3rd minigame: Pong game

Goal:

• Keep bouncing the ball using your paddle for 30 seconds straight.
• If the ball leaves the screen, you lose a life.

Features I’ve added:

• Ball bouncing off the walls and paddle
• Ball bouncing SFX
• Easily movable paddle (controllable by mouse and touch screen)
• Black starry background

One thing I struggles with originally was that the paddle was bouncing off the screen once the ball hit it. So to solve that problem I switched my paddle from CharacterBody2D to StatucBody2D

NOTE: You may not be able to see the timer. But the game will end within 30 second, trust me! It’s just so as to introduce as element of suspense.

For this mission, I’m building a “Pulse” website called “Synergy Pulse”. So far I haven’t made much progress with designing my webpage. I’ve had difficulties with Vite and NASA API key. So my plan is to just use NASA’s DEMO_KEY on a plain HTML+CSS+JS script. Hope that’s ok!

After days of pondering what to build for the “Frictionless” mission, I finally got struck by a brilliant idea. I decided to build a chess analysis software website to help Chess Masters train their moves and analyze their games without worrying about subscriptions, ads and any other form of distraction.

Attached below is the html page for my site. I’ve finished coding the html part and now I’m going to proceed with the JS logic. Once that is done, the chessboard will be visible.

Designed the main title screen for my website along with task bar on top. (Image on the right)

But for some reason, the rest of my website has white background and the texts are not clearly visible. (Image on the left)

I gotta figure out how to correct my code and make my whole website the same navy blue colour, which won’t get affected when the user “scrolls” through my website.