small-nav
chimchooree 2 years ago
parent e1ef4ec1ab
commit e278e870af

@ -122,7 +122,7 @@ a {
grid-template-columns: 1fr;
grid-template-rows: repeat(6, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-row-gap: 2em;
color: white
}
.banner {
@ -130,7 +130,24 @@ a {
text-align: center;
margin-top: 2em;
}
.banner img { width: 15em; }
.controls img { width: 10em; }
.center {
width: 60%;
padding: 2em;
margin: auto;
}
.demo-game iframe {
border: 2px solid #df85a5;
padding: 10px;
display: block;
margin: auto;
}
.demo-intro {
width: 40%;
padding: 10px;
margin: auto;
}
.demo { grid-area: 2 / 1 / 3 / 2; }
.controls { grid-area: 3 / 1 / 4 / 2; }
.system { grid-area: 4 / 1 / 5 / 2; }
@ -138,10 +155,21 @@ a {
.characters { grid-area: 6 / 1 / 7 / 2; }
.info { grid-area: 7 / 1 / 8 / 2; }
.footer-content {
color: white;
padding-top: 5px;
/*.footer-content {
text-align: right;
overflow: hidden;
box-shadow: 0 100vh 0 100vh black;
color: white;
padding: 3em;
background-color: gray;
position: fixed;
bottom: 0em;
}*/
footer {
padding: 3em;
background-color: lightblue;
bottom: 0;
width: 100%;
height: 2.5rem;
}

@ -1,62 +1,64 @@
% rebase('frame.tpl')
<div class="content-grid">
<div class="banner">
<img src="/static/img/prom/BlessFREY_logo.png" alt="(link: BLESSFREY" class="logo"><br>
jump to <a href="#demo">demo</a> • <a href="#controls">controls</a> • <a href="#system">system</a> • <a href="#story">story</a> • <a href="#characters">characters</a> • <a href="#info">info</a><br>
</div>
<div class="demo" id="demo">
<h1>demo</h1>
<p>Pass the time waiting for Blessfrey's first demo by playing Legless the Cat!<br></p>
<iframe src="https://itch.io/embed-upload/6141043?color=333333" allowfullscreen="" width="1024" height="620" frameborder="0"><a href="https://chimchooree.itch.io/legless-the-cat">Play Legless the Cat on itch.io</a></iframe><br>
<p>Poltics Cat lost his legs!! Push him around using WASD to find them. Eat any breakfasts you can find along the way! <br></p>
<br>
<p>(In case it isn't obvious, this is a crude maze constructed from the infamous 'godot heads'. Click the game to make it active then control kitty with W A S D or arrow keys. After you win, you can continue to wander the maze aimlessly.) <br></p>
<div class="demo-intro"><h1>no-legs the cat</h1>
<i>A simple maze game to practice exporting Godot projects and embedding HTML5 applications.</i></div>
<div class="demo-game"><iframe src="https://itch.io/embed-upload/6141043?color=333333" allowfullscreen="" width="1024" height="620" frameborder="0"><a href="https://chimchooree.itch.io/legless-the-cat">Play Legless the Cat on itch.io</a></iframe><br></div>
<div class="demo-intro"><p>Poltics Cat lost his legs!! Push him around using WASD to find them. Eat any breakfasts you can find along the way! <br></p>
<br>
<p>(In case it isn't obvious, this is a crude maze constructed from the infamous 'godot heads'. Click the game to make it active then control kitty using W A S D or arrow keys to find all three breakfasts and his missing legs. His breakfast counter is in the top-right corner. After you win, you can continue to wander the maze aimlessly. Refresh the page to start over.) <br></p></div>
</div>
<div class="controls" id="controls">
<h2>controls</h2>
<div class="center"><h2>what about blessfrey?</h2>
<img src="/static/img/prom/BlessFREY_logo.png" alt="(link: BLESSFREY" class="logo">
jump to <a href="#demo">demo</a> • <a href="#controls">controls</a> • <a href="#system">system</a> • <a href="#story">story</a> • <a href="#characters">characters</a> • <a href="#info">info</a><br>
<p>Blessfrey is a 2D dungeoncrawling action rpg for PC developed by me (chimchooree) in Godot Engine inspired by Guild Wars 1 and Magic: The Gathering. I'll share any release demos on this page. <br></p>
<!--<h2>controls</h2>
<ul>
<li>WASD - run up, left, down, right </li>
<li>space - move to target. If attackable, attack </li>
<li>c - target nearest foe </li>
<li>shift + click, shift + c, shift + tab - target without moving </li>
</ul>
</ul>--></div>
</div>
<div class="system" id="system">
<h2>system</h2>
<div class="center"><h2>system</h2>
<p>Blessfrey is an action rpg with a dual-job system which will determine the skill pool from which you will build your skillbar. Your AI companions will have skillbars of their own to edit, so think in terms of teams in order to defeat bosses and solve puzzles. Barely any class progression decisions are permanent, so you can experiment and express your playstyle. <br></p>
<br>
<h2>jobs </h2>
<h3>jobs </h2>
<p>Blessfrey jobs are equivalent to RPG classes. Your first job is a permanent decision which you will make early in gameplay. You will be able to unlock the rest and more during gameplay as side gigs. You can only have one side gig at a time, but you can always swap it outside of combat areas. <br></p>
<br>
<p>Each job has its own skill pool. Each skill is assigned to a job trait (similar to an RPG attribute). Each character has a set number of trait points they can use to raise job traits and the effectiveness of their associated skills. You gain more trait points through leveling up, but traits can be raised or lowered at will. Experiment to find your specialization! <br></p>
<br>
<p>Your first job offers an exclusive trait called a job perk. It is not only tied to the effectiveness of related skills but also provides a constant buff. You can use the skills of your side gig's perk-related skills, but you cannot raise their effectiveness nor gain the buff. Perks are what distinguish characters from each other. <br></p>
<br>
<h2>skills</h2>
<h3>skills</h2>
<p>Skills are individual powers that modify entities in the world of Blessfrey. They can launch fireballs, protect against incoming damage, spawn items or minions, teleport characters, reveal more UI details, and more. Your skillbar only has 8 skill slots and can only be edited in safe areas. The challenge comes from discovering effective strategies and synergies. Many of the same skills will be available to the player and enemy characters alike, so you must learn how to both use and counter each skill. <br></p>
<br>
<p>Skills are inspired by Magic: The Gathering keywords. There are a limited number of keywords that are quick to learn, but I will combine them with interesting conditions to create a wide arsenal of options. <br></p>
<br>
<p>Skills are gained during exploration. As you find new areas, encounter enemies, and interact with your surroundings, you will internalize those experiences as new skills. There are multiple paths to learning, so you are free to focus on your favorite parts of the game. <br></p>
<br>
<h2>team</h2>
<p>You will meet new friends and allies in the world, and they will join your team as customizable AI companions. Edit their skillbars to complement yours and keep their gear up-to-date. They will remember your responses and actions, so stay attentive to the flow of your relationship. There may be consequences - sweet or treacherous. <br></p>
<h3>team</h2>
<p>You will meet new friends and allies in the world, and they will join your team as customizable AI companions. Edit their skillbars to complement yours and keep their gear up-to-date. They will remember your responses and actions, so stay attentive to the flow of your relationship. There may be consequences - sweet or treacherous. <br></p></div>
</div>
<div class="story" id="story">
<h2>story</h2>
<div class="center"><h2>story</h2>
<p>You play as Helia, a foreign transfer student living with her estranged uncle in a rural southern American town. You'll find an inexplicable amount of amenities, but none of them hold a candle to the haunted dungeon beneath the city. It's off-limits, but a dare's a dare. <br></p>
<br>
<p>There's a whole other world down there with multiple fantastical races. Once you've been down there once, it's hard to avoid getting tangled in its mysteries. <br></p>
<br>
<p>The town is strange in its own right. Lucrest flourished under it's remarkably young mayor and became an economic oasis in an expanse of farmlands and mining communities, drawing people from out-of-state to enjoy its attractions. Mayor Dia claims to have a magic wand that controls economy, and people aren't inclined to disagree. <br></p>
<p>The town is strange in its own right. Lucrest flourished under it's remarkably young mayor and became an economic oasis in an expanse of farmlands and mining communities, drawing people from out-of-state to enjoy its attractions. Mayor Dia claims to have a magic wand that controls economy, and people aren't inclined to disagree. <br></p></div>
</div>
<div class="characters" id="characters">
<h2>characters</h2>
<div class="center"><h2>characters</h2>
<p><b>Helia</b> (-/-) - The player character! Almost every job is available to her. Where she comes from, combat training is unheard of, so she's a blank slate. Her reasons for suddenly moving countries by herself at the end of a schoolyear are filled with holes, so rumors spread ahead of her arrival. Barely anyone moves to Lucrest, though, so most people are excited to meet the new girl. <br></p>
<br>
<p><b>Angel</b> (Weaponmaster/Hacker) - Her real name's Miriam, but it sounds too frumpy, so please call her Angel. She is a naturally gifted with heavy blades and participates in a competitive swordsman league, but she usually comes across as friendly if not a little absent-minded. Computers interest her deeply, so she always has tinkering away with some new gadget or software. <br></p>
@ -69,11 +71,11 @@
<br>
<p><b>Night</b> (Chemist/Weaponsmaster) - Despite not being much older than the other teens, he's completed a few years of apprenticeships at the leading research hospitals in the capital. The deterioration and death of his grandparents forced his return to close the final paperwork and figure out how to support his baby brother in the meantime. He runs a local pharmacy for now. <br></p>
<br>
<p><b>Rune</b> (?/?) - A startlingly tall and listless horned boy discovered in the local dungeon, surrounded by dinosaurs and other abyssal beasts. He doesn't trust people from the surface at first, but he opens up to reveal a simple and kind heart. He seems to be the only member of his kind remaining in the dungeon. <br></p>
<p><b>Rune</b> (?/?) - A startlingly tall and listless horned boy discovered in the local dungeon, surrounded by dinosaurs and other abyssal beasts. He doesn't trust people from the surface at first. <br></p></div>
</div>
<div class="info" id="info">
<h2>info</h2>
<div class="center"><h2>info</h2>
<p>Blessfrey is a PC game that will be playable in at least Windows, Linux, and HTML5. I'm going to sell it on Steam and wherever else lets me list it. It's being developed by me (chimchooree) in Godot Engine with original writing and art, though I'll need help with music and SFX eventually. My husband also helps sometimes, especially with writing plug-ins for the engine.♡ <br></p>
<br>
<p>Legless the Cat is the first demo. It has nothing to do with the game, but it's an important exercise for exporting and embedding an HTML5 game. I'd hate to make a sophisticated game over multiple years and be too inexperienced to actually share it with anyone. It also lets my kitty be in his own videogame! So cute. <br></p>
@ -86,7 +88,7 @@
<br>
<p>If I can do that, I'll definitely be ready to make chunks of the game until the entire thing is complete. <br></p>
<br>
<p>No hard timeline on this, though! I've been working for years and finally am about ready to have something to show for it. Gamedev has been a deep learning experience, and I'm looking forward to sharing my results with you. <br></p>
<p>No hard timeline on this, though! I've been working for years and finally am about ready to have something to show for it. Gamedev has been a deep learning experience, and I'm looking forward to sharing my results with you. <br></p></div>
</div>
</div>

Loading…
Cancel
Save