#air conditioned hell

[todd-computer-cage]

Air Conditioned Hell (ideas)

For the components/CSS, I have been thinking:

Background Layer (hold the setting, not interacted with)

Interaction Layer (where on-click events and other interactive components will live)

Animation Layer (on top of everything, visible, not always in use)

How can I have a visible animation layer on top of everything that doesn't interfere with the Interaction Layer? Something to think about.

Features:

Game state save (in local storage)

Music on/off functionality (I have played with the idea of music in a webpage & it seems that user must interact with the page for this to work...not sure if that's accurate)

Dialogue that types and reveals itself as though its being typed (terminal text)

An original Lucas King font

I am thinking I will start small. Have two decision trees with two different outcomes.

I envision the first scene being a living room in the Old Turkey Point house. Perhaps I can do the drawings at first and when its ready to be presented to Lucas, we can spice it up with his incredible drawings.

The interaction layer, I would like to have arrows for look left and look right. Then, some items that can be interacted with.

How can I ensure that elements are covering a certain area of the background image? I think we may need to build the image itself out of HTML/CSS so that it's responsive to different viewports widths.

[todd-computer-cage]

Developing "Air Conditioned Hell"

Write.

Right.

For a long time I have wanted to work on a point and click adventure game. Primeagen is always saying that the best way to get better at something is to build projects related to what you are learning.

Specifications:

This will be a react application. I want access to bare bones CSS and Typescript. It would be a good idea to do a quick tutorial on typescript because I truly don't know anything about it.

I'll try this one out with Mosh Hamedani. I used to take his courses when I started out. He's good enough for me. Blog posts will come, yeah, yeah, yeah, yeah.

It will be a stateful application. I want to store the game state in local storage. I want there to be an option to clear local storage (to restart the game).

This is an entirely front end application. No databases.

React.js

Typescript

Svelte

Let's see how far we can get without any additional libraries. I am not opposed to adding external libs when needed, but I want to try to keep it bare bones for the sake of learning (even though it will be annoying sometimes).

Goals:

Strengthen understanding of CSS (animation, flex/grid, organization)

Strengthen understanding of React JS

Have fun doing a creative project

What now?

Well, I guess I am going to build it out. I want to draw up some designs on where components will live (container element, chapter components to render as the game progresses).

Wish me luck God.