GithubHelp home page GithubHelp logo

vincent-the-gamer / cardforge Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 116.3 MB

A HearthStone card maker.

Home Page: https://cardforge.vince-g.xyz

License: MIT License

HTML 0.30% Vue 82.30% TypeScript 13.47% CSS 3.41% Rust 0.53%
cards cards-game diy hearthstone

cardforge's Introduction

cardforge

CardForge

A HearthStone card maker.

Alpha Version: V0.1.4

English | 中文文档

Note

This repo is in progress, some details will be added in the future.

Features

  • 💪 Real-time card part switching --- Card is built by tiny parts instead of pre-exported pictures.
  • 🌏 i18n --- multi-language support.
  • 👀 Keep Newest --- Sync with latest version of HearthStone game.
  • 😁 High Similarity --- try my best to make the cards look like those in game.
  • 🆒 Passive Control --- call websocket server to control your web page, then get your picture^_^.

Feature Details

Passive Control

Server required. Download it in v0.0.6 Alpha Release.

How to use Passive Control Server

  • Download.

  • Run!

    # Run at default port 8081
    ./cardforge-passive-server
    cardforge-passive-server.exe
    
    # Run at custom port
    ./cardforge-passive-server 9000
    cardforge-passive-server.exe 9000

Demo

Send JSON message to websocket server to control your webpage. (Please do not close your webpage.)

🚧 Warning: 🚧 the card face picture will have a fixed position and size in Passive Control Mode , so please adjust picture yourselves.

Using this data structure to control the page.

PS: you shouldn't bring the comments while sending message to server.(JSON doesn't allow comments).

{
    "language": "en",
    "cardType": "spell",
    "classType": "dual",
    "cardClass": "mage",    // Only work while classType === "single"
    "leftClass": "warrior", // Only work while classType === "dual"
    "rightClass": "hunter", // Only work while classType === "dual"
    "rarity": "rare",
    "name": "Test",
    "kindType": "dual",
    "cardKind": "kind",  // Only work while cardKind === "single"
    "upKind": "kind1",   // Only work while cardKind === "dual"
    "downKind": "kind2", // Only work while cardKind === "dual"
    "description": "**Battlecry**: Testing.",
    "watermark": "year-of-the-wolf",
    "desFontSize": 20,
    "cost": 3,
    "vitality": 3, // Work in Minion, Battleground Minion, Hero(armor), Weapon(durability), Location(durability)
    "armor": 3,  // Alias of vitality on Hero Cards
    "durability": 3, // Alias of vitality on Weapon Cards/Location Cards
    "cardFaceUrl": "https://image-static.segmentfault.com/596/308/596308474-6389c86c5126c_cover" // web picture is available.
}

passive-control-demo

Interact with Koishi Plugin

What is Koishi? A bot framework for multiple chatting platforms.

Link: Koishi.js

Use Passive Control Server above for implementation.

cardforge-koishi

Plugin is coming soon.

Play

Play it at:

https://vincent-the-gamer.github.io/cardforge-live-page/

Changelog

View Changelog: Changelog

Preview

PS: Not final.

UI

i18n is supported now!!

English:

preview

Simplified Chinese(简体中文): preview-cn

Minion

Chinese English
minion-zh minion-en

Spell

Chinese English
spell-zh spell-en

Weapon

Chinese English
weapon-zh weapon-en

Battlegrounds Minion

Chinese English
battlegrounds-zh battlegrounds-en

Hero

Chinese English
hero-zh hero-en

Location

Chinese English
hero-zh hero-en

License

MIT

cardforge's People

Contributors

vincent-the-gamer avatar

Stargazers

 avatar

Watchers

 avatar

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.