Giter VIP home page Giter VIP logo

chad-rpg's Introduction

An AI-driven interactive role-playing game

Thank you Svelte Society!

  • I am so proud, thank you so much Svelte Society!
  • I'll now fix the bugs i've been catching and keep developing the project, since the hackathon is done!
  • Pull requests, contributions or thoughts are all welcome!

Starting Screen

UI of the Game

  • Game planning screen can be seen on top.
  • There is just 1 stable world type to play for now, but other starting conditions and world types will be added with time.

Play Your Own Story | A simple storytelling footage from the game:

UI of the Game

  • "Chad-Rpg" is an interactive role playing game, where you are the player and Artificial Intelligence is the storyteller of the game.
  • You'll give your own choices to events throughout the game, and then, AI will shape the story based on your choices (and combat success).
  • Possibilities are endless; player can fight with creatures, wonder around the world, or just chill and meet a great friend at the tavern without choosing combat in his/her play time.

Interactivity At Its Finest!

  • Player can write his/her own answer into input too. Input box can be seen at the top, with a placeholder.
  • This only works if player got any interactive chat points left. They can be bought from potion shops or some merchants. (I changed placeholder after this implementation, so the above images do not have that.)
  • Note: Game can get buggy if player writes something so out of context.

Combat UI

UI of the Game

  • When enemies are ahead, choice ui will change, and player will be asked to select an action item or spell from the inventory/spells.
  • Then, player will throw a dice. Dice will be between 1 and 20 if the choosen item is a weapon, but will be between 1 and 23 if the choosen item is a spell; and combat story will be calculated based on the damage/healing of the selected item and the dice number, plus, some element of surprise sometimes.
UI of the Game UI of the Game
  • Player threw 9/20 on the top left image, and the response came from server (so chatGPT) in a moment, based on the damage and the dice score.
  • At the picture on the right, combat outcome (server response) can be seen in story box & hp/mp differences.

Shop UI

UI of the Game

  • Player can buy items, spells and potions from seller npcs using earned gold.

Loot UI

UI of the Game

  • There can be lootables after a successful combat, an example can be seen on top.

Technologies Used

  • Sveltekit as the fullstack framework
  • gemini-pro as the LLM
  • Supabase as the database
  • Midjourney for the background generations

Miscellaneous

  • Backgrounds are changing automatically according to characters places to give more of the ambiance.
  • A tavern/medieval vibish song can be played with a click, it uses html5 audio for now so it does not seemlessly looping but it will be seemlessly looping itself with the power of the web audio api when i implement it. The song is "Tavern Loop One" from Alexander Nakarada.

What's Next?

UI of the Game

  • An example storytelling scene from upcoming Cyberpunk world.
  • Note that Cyberpunk world is not currently playable, yet it'll be on the way for sure.

Final Thoughts

  • I want to clean the svelte source code and ts "any" types, but i'm fairly new to svelte, so that's the job for another day, project code will be cleaner and cleaner time to time.

  • There is no save game functionality for now, the current version is some kind of a tastement-demo.

chad-rpg's People

Contributors

solemensis avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

chad-rpg's Issues

Good job

You've built great foundations. Well done! and in the best framework.
Looks great! I've no digital monopoly money to give I'm afraid but I might have commits to send if I ever get the time to start a SillyTavern Adventure Mode project I've been meaning to do....

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.