You are browsing as a guest. Sign up (or log in) to start making projects!

Portfolio Platformer

  • 5 Devlogs
  • 19 Total hours

I created a unique portfolio by implementing facts about myself, past work and contact information into a 2d platformer game.

Ship #1

I created a unique portfolio by implementing facts about myself, past work and contact information into a 2d platformer game. This was my first time making any sort of web based game application which meant a lot of the development in this site was new to me. I’m proud to have made a portfolio that can stand out a sea of similar sites and reflects my personality and creative thinking. To move around you can use WASD, Arrow keys, or the on screen controls. Feel free to explore the top right buttons which help you to further enjoy your experience.

  • 5 devlogs
  • 19h
  • 16.00x multiplier
  • 303 Stardust
Try project → See source code →
Open comments for this post

2h 34m 59s logged

Final changes before shipping

Changelog

  • Added a README
  • Stopped text being selectable on buttons which could diminish the experience for mobile users
  • Added contact information
  • Made respawning smoother
0
0
101
Open comments for this post

3h 18m 30s logged

Spectate, freeze, WASD support, and portals

I’ve made a lot of progress (More than the 3 hours that was recorded) and I’ve taken in some suggestions as well as some new stuff I personally wanted to add.

Changelog

  • Fixed popups showing if you held down on buttons too long
  • Added portals to view my past projects
  • Added more descriptions about how I code (It is a portfolio after all)
  • Improved text scaling for different screen sizes
  • Made text more readable
  • Reduced zoom to prevent motion sickness
  • Moved buttons that were being made in Home.jsx into /components
  • Refactored other things like detecting keys being held down
  • Added WASD support as well as the existing arrow key support
  • Added a spectate button to disable collisions, letting you move around quickly
  • Added a freeze button to make reading easier

Try it out here: My Portfolio

Don’t be afraid to make suggestions

0
0
80
Open comments for this post

4h 26m 57s logged

Devlog 3 (HUGE CHANGES)

  • Started creating my portfolio (I was planning on making the platformer before making it a portfolio but the platformer was way too quick to make
  • Made it a dark mode theme
  • Added kill parts
  • Added respawn button
  • Added buttons to move on mobile
  • Fixed sizes not scaling correctly for different screen sizes
  • Text autoscales to fit platforms

Try for yourself: Here

5
0
83
Open comments for this post

5h 16m 7s logged

Devlog 2 (MOVING PLATFORMS)

  • Factorised the home page into a smaller file with 4 helpers scripts for collissions, platforms, the player, and the world.
  • Added platforms which move in a circular motion
  • Fixed bug where the player would fall off the those platforms
  • Switched the platforms that move in circles to take an input of degrees instead of radians in the config table to make it more readable and easily customisable
    NOTE: I’m focusing on creating all the functions for different parts so that building the map becomes easy
  • Made it so you can add text labels to platforms

Link (NOT MOBILE FRIENDLY) : Click Here

0
0
16
Open comments for this post

3h 18m 17s logged


Devlog 1 (PLATFORMER BASICS)


(My first platformer so learning the basics)

  • Created a basic web platformer using phaser

  • Gave arrow keys control over the player (WASD and mobile don’t work YET)

  • Experimented with static platforms

  • Created a moving platform

  • Added camera following to allow for a platformer world that’s bigger than the screen

  • Added custom textures to allow for sprites rather than dynamically created parts/player using Phaser’s built in rectangles, which allowed for the addition of collision groups


View my progress at finnb.co.uk

0
0
19

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…