Introduction to our new level

Making new Skibidi Level

idea from Trevor and Andrew, agreed by the whole group

[x] Create a file for the new level, Skibidi.js, under Platformer 3x
[x] Start by adding the canvas with a visible ground
[x] Add the level to the settings
[x] start thinking about adding the ability to skip to the level through the main menu
[x] Make the new level easy access to add sprites, background, etc
[x] Add new enemies that fit the level
[x] Starting the canvas and more from the checklist

New files

File name:

SkibidiTitan.js
SkibidToilet.js
SkibidiEnding.js
PlayerSkibidi.js

the titan and player was what travis worked on
the toilet is what keeps our new enemies in track making sure there is no bugs making the enemy also immune to the titans beam and also what allows us to go into the toilet.
The ending is what drew the toilet for the ending
This is the SkibidiEnding.js drawing the toilet.

We were able to add the level into the level tag portion and with some more changes we were able to link it to the actual level. image

new enemies

          src: "/images/platformer/sprites/skibidiEnemy.png",
          width: 529,
          height: 884,
          scaleSize: 60,
          speedRatio: 0.85,

By adding the image of the enemy into images, platform into sprites. Called skibidi enemy.png.

Src: allowed us to use that image to put it as the enemy.

assets: {
      obstacles: {
        tube: { src: "/images/platformer/obstacles/tube.png",
                hitbox: { widthPercentage: 0.5, heightPercentage: 0.5}
              },
        coin: { src: "/images/platformer/obstacles/coin.png"},
        vbucks: { src: "/images/platformer/obstacles/vbucks.png"},
        tree: { src: "/images/platformer/obstacles/tree.png",
                hitbox: { widthPercentage: 0.5, heightPercentage: 0.5}
              },
        toilet: { src: "/images/platformer/obstacles/toilet.png",
                hitbox: { widthPercentage: 0.5, heightPercentage: 0.5}
              },
      },

We also added our own coins called "vbucks" which would give you points.
And our end goal "toilet" which would teleport you into the next level
Background

Travis and me both created it in an engine

Sprite animation

escaper: {
      src: "/images/platformer/sprites/escaper.png",
      width: 130,
      height: 140,
      scaleSize: 150,
      speedRatio: 0.7,
      idle: {
          left: { row: 0, frames: 5 },
          right: { row: 0, frames: 5},
      },
      walk: {
          left: { row: 1, frames: 6 },
          right: { row: 1, frames: 6 },
      },
      run: {
          left: { row: 2, frames: 7 },
          right: { row: 2, frames: 7 },
      },
      jump: {
          left: { row: 3, frames: 8 },
          right: { row: 3, frames: 8 },
      },
      hitbox: { widthPercentage: 0.3, heightPercentage: 0.8 }
    },

The sprite animation is still very choppy with the framers going by so fast that It can't create a smooth animation. I want to fix the animation by creating a timer which Mr Mortensen gave us the idea for. By doing this with such little frames it would be able to slow down the sprite making it smoother. We would also need to find a way to make it be able to go both ways by either flipping the sprite or creating a file for it.

Tvick22 / platformer3x