Current Projects Update

In this update, I added a new section, which is current projects. I currently have 2 projects. One is FlatCraft, the other is Totally Secure Airport. I also changed the font to Quicksand, as it looked better on my website.

Tech Stack Update

I added my tech stack in the form of an image, and made the image move (on hover) based on your mouse’s position. I also made the buttons rounded

Creation!

As you can hopefully see, I created my website! I’m going for this modernish look, and I chose a font! a font that sadly, can’t be unboldened. I also created a cool animated button!

Custom Skins!

After a lot of time getting the back-end setup (with some help from ChatGPT, I’d have to admit), custom skins are here! (Granted… players aren’t here yet so you can’t really try them out lol.)

New Features

• New page (https://blxcode.github.io/FlatCraft/upload-skin/)
  Think of it like skindex but with a worse ui
• Searching for skins
• Skin Uploading

Changes & Bug-Fixes

• Grass Retexture
• Dirt Retexture

Downloading and Uploading TXT FILES, and font size

Progress report:

I have been grinding this, and I haven’t posted a dev log in a while because I haven’t really finished anything, so this will be a progress report.

Finished Features:

New dirt, and grass textures

The old textures suck, because in between blocks there would be like a small section where there is like no detail, so I added those details and recolored the grass bit of the grass texture because the old one was too “limy.”

Added bedrock

Self-explanatory; no interesting thing happened that I would want to yap about

Updated Game rendering

Last devlog, I ported my rendering side of the game to LittleJS, a browser game engine. Why? Because I realized that I wouldn’t have the time and effort to manually do advanced stuff like lighting and particles. Hence, I ported to LittleJS. Now, in the days after the port, I had to fix a lot of things and bugs. Originally, the game would render everything, even if it wasn’t on screen, so I fixed that. I made it so that if you couldn’t see the blocks in the camera, they wouldn’t be rendered.

Unfinished Features:

Flat Game Mode (90% Done):

I decided that tinkering with sandbox mode first would be stupid, as I would still have to make players, inventory system, etc. I feel like I’ve finished everything, but there is something missing. The sky. I still need to make the sky. I don’t know if it should be an image or something else.

Players (10% Done):

All I have done for players is literally a goffy ahh skin (which I should make better) and a player variable. I think you would be able to piece together what I want for this.

Custom skins (60% Done):

I want to make custom skins. I have completed the UI, the security part of the server-side (aka my old broken ahh Chromebook) code, and a simple UI for it. All I need to make now is server-side code to store the custom skin and deliver it to the client.

No More TextArea Update

• No More text area
• Replaced with div with content editable

The LittleJS Update

Yes, this doesn’t look like much, but it took 5 hours over the span of multiple days and a LOT of trial and error to get to this point! I had to learn so many things, like Promises, async and await, how to make new classes, and LittleJS. But why? Why go through so much trouble? That’s because I’ve realized that I would not, in my current state, be capable of making a full Minecraft clone using only the vanilla HTML Canvas. I chose littleJS because of the promise of fast and lean, and I had already tried it before but failed; I wanted to redeem myself.

New Features

• The rendering part of the game is now done with LittleJS
• Popups now have minimum width and heights
• Create new world form now has placeholder text for those who are lazy to type stuff

Fixes

• Renamed Ebony to Cedar because Ebony trees are not pine trees
• Removed the useless pausing system
• Removed all of the old rendering system

(NEXT UPDATE: Create worlds from seeds 😭 i need help with this)

The Terrain Preparation Update

This is a BIG UI update, and in the next update I’ll add scripting to most of the world menu UI, which has not yet been scripted.

New Features:

• Play Button (shows after the loading screen is finished (in order to get the main menu audio to play))
• Main menu music (from opengameart.org)
• World Menus UI
• World Creation UI
• Temporary Gradient Background (To be replaced by game screenshots)
• Scrollable Credits

Fixes

• Fixed some spelling mistakes in the code

The Loading Screen Update

• Added a loading screen which goes to 90% and then waits for the CrazyGames SDK.

• Removed all NPM dependancies and replaced them with CDNs

• Added a squeeze in animation when closing Loading screen and Main Menu

• And much more!

(NEXT UPDATE: Create worlds frm seeds with basic terrein 😭 i need help with this)

The Backdrop Update

• Added Backdrops to all popups
• Added a “pausing” system (just disabling keyboard input for now)
• Added Animations like popup to the main menu elements
• Added some NPM packages

main menu, new cursor

re-done block rendering, adding a function instead of just drawing it onto the canvas, added more textures (gems in block form) and redid dirt texture. Also added movement (only canvas movemnt)

maple (oak) trees and fps counter

Inventory UI, Block Creation, some textures

Worked on light theme, local storage, font selector, and everything else

Added a new page