torrobinson / roguelike

🕹️ A procedurally-generated roguelike personal learning experiment (for fun!)

roguelike's Issues

Optimize renderer to not redraw every frame

The renderer should know what actors are off screen and off screen, should be able to implement a viewport, and should only redraw things as they vanish/appear/move off-camera.

Ideas:
Actor has :isSpriteDirty() and isLocationDirty() which is "true" until next sprite change? Then renderer only makes changes if those 2 are true on an actor?

Bug: walls.png's transparent corners are black

The corners of the transparent walls.png:

It looks fine in the image preview, but are being rendered as black rather than transparent with Pixi.

Think about movement

Is movement arrow-key based? Or does movement happen when the player uses the mouse to click on a tile?

If the latter, wait until the PixiRenderer is complete, as the TextRenderer will be unable to detect click events on specific letters.

On Item or Decoration drop (without patterns) ensure player can pathfind to exit

Display player gold in the infobar

Light sources: get color mixing working for non-white colors.

Inventory Menu

Hitting "I" should open an Inventory menu.
Can this be the same format as MainMenu.ts but automatically generated based on the player's inventory?

Player presses I and menu pops up:
[1 row per inventory item]
└> Use [if usable]
└> Equip [if equippable]
└> Discard [worry about later?]

Buffs

Decorator: Floor Decorations

Implement the inclusion of a layer between Floor and Wall that decorates the floors (carpets, blood, etc).

Modify a RoomType to populate a carpet to prove it works.

Add *.js to .gitignore

Ignore any compiled JS

Add handheld weapons and weapon equipping

Decorator: Add more room types

• Drop well in centre of atrium. Make atriums only medium or larger rooms
• Room type: workroom (random anvil and workbench if small room)
• Room type: kitchen (furnace and kitchen table if small room)
• Room type: alchemy room (alchemy tables and purple torches in corners)
• Room type: graveyard (graves if medium sized)

When unfogging blocked walls, also unfog walls blocked by 3 too

Implement actor commands and actions

Command = Walk to point 10 spaces away
Action = Walk 1 point towards it

Convert player movement to follow this concept

Decorator: Drop chests

Add Gold InventoryItem and a Gold attribute to Actor

Decorator: in random non-corner rooms (none | atrium), drop a Torch in each corner

Equippables: add points to actor body and create equippable InventoryItem. Make potion a Consumable: Inventory Item

Create 2 subclasses of Inventory Item:
Equipment
Consumable

Add attach points for equipment to Actor:

• Head
• Torso
• Legs
• Hands

If movement key is held, restrict keypress events

Restrict keypress event triggering to [something] presses per second to ensure that faster computers/browsers don't zip around and keep movement consistent

Implement a follower-camera

Though the always-centered camera works for now, build a second method for slicing the world pre-render that has the camera move towards the player when it gets X tiles from the edge of the view

Helper for checking if menu property is function

Look for:

== 'function'

And convert to a helper function

function UseDynamicValueIfDynamic(val){
    if(typeof val== 'function') val= val();
}

Implement tick durations on actions

An action should take X ticks to actually complete. Must be in sync with the game clock.

Create a new blending layer above the stage instead of affecting sprites directly

The new sprites should all have sprite.blendMode = PIXI.BLEND_MODES.MULTIPLY

Decorator: Drop chests (rate defined in decorator settings)

Torches temporarily unfog

Currently if you can see a torch but a fogged enemy were to walk by it, you wouldn't see them until they became unlogged.

To make this more realistic, when fogging sprites, override the fog style.hide type to SHOW if the sprite is illuminated = in the render loop, tag with a made-up attribute (false, then set true if illuminated) and check when hiding if fogged

Convert native js function "classes" into EMCAscript classes

Chaser: reroute move path if unintended collision

• When targetting the player, set this.chaseTarget = player;
  collidedWith(actor){
  if actor != chasetarget
• retoute to target
  }

Currently if the chaser cant see the player anymore and is chasing them to where they last saw them, but something else (another chaser) blocks them off, they keep stupidly running into the new obstacle that wasn't there when they initially pathfinded.

Implement animated sprites

Sprites should have a subset of frames, and a "loops" attribute

Add a settings class for World Decorator

Decorator: Drop gold

Add shadows and line-of-sight to Torch light

Menu System

Implement a menu system allowing the drawing and handling of:

• The Menu
• Menu Pages (and maintaining stack order)
• Menu Options
• The ability to go back and forth between Menu Pages
• The ability for select Menu Option to either direct to another Menu (placing it on the top of the stack) or executing a command

Convert to TypeScript

Upgrade Pixi to 4.51

package.json change

Convert frame counter to use Pixi's requestAnimationFrame loop

Create an Actor class and extend it with the current actors

Save and load game settings to/from localStorage

Lower Player viewDistance from 18 to 10

Investigate gulp.js build workflow

Can we have a build pipe that takes all <script src="xyz"> references, babel transpiles, uglifies, and concatenates like normal, and then insert a new <script src="compiled.js"> tag in their place?

Look into gulp packages that can read and replace html elements

Implement a "facing" direction with the Actor class

To be used later with sprites.
Movement of an actor should change the facing direction to that direction

On Item construction, pick a random sprite from the spriteset passed in

Generalize 'Torch'

Generalize the class and usage in PixiRenderer so that rendering doesn't base itself on the class and can emit light from multiple emitter classes

Track explored tiles/rooms

Darken tiles on the map and minimap until they've been seen or explored

Decorator: Drop enemies

Implement smooth movements of Actors

Implement after #28 and #29 are completed.

Add return-types to all TypeScript functions

Create class for decorating a dungeon

• Randomly change floor tiles to different floor sprites
• Transform walls into connecting wall sprites
• Drop chests
• Drop items
• Drop enemies

Add Gulp task to compile .html files with proper references to compiled scripts

Dev should be able to run the pre-built HTML files with 1 set of development references, and have them removed and replaced with references to single minified files on build.

Rewrite the renderer to tie actors to sprites

The renderer should know which sprites on-screen represent what actors

Render minimap w/settings and anchors

Generate a minimap base don any world size and render it out