I am a student from Germany. Currently learning different languages and tools to become a front-end web developer.
derechtenap / xeon-eoh Goto Github PK
View Code? Open in Web Editor NEWSmall tactical fighting browser game
License: MIT License
Small tactical fighting browser game
License: MIT License
As it is right now, the "Player" and "Enemys" Stats can not interact with each other.
To fix it, I would use Import / Export in order to communicate damage / health etc.
Future Refactor:
Make the architecture Object Oriented.
--> Player.js (Would be just a class prototype)
--> Enemy.js (Would also be just a class prototype)
--> Fight.js Instantiate Player and Enemy, and calls the different class functions
The Menu will use the index.html
Clickable Actions
Notes
In order to write better code, I found this useful Guide. It is created by mdo which is working on the Bootstrap Framework.
Tasks
Currently, the cursor style changes with each click. Ideally, it should only change on an image click...
Images should not be draggable.
There are many possible options. Like XML or JSON. I personally would prefer JSON over XML. Since the syntax is pretty straight forward and it works with JavaScript. Are there any other good formats (Maybe YML)?
As I mentioned in #17, I like the System which is used in The Elder Scrolls V: Skyrim. It used one base unit and adds some stronger variants trough the story and level progress.
I created a small example file (bandit.json), which stores two different bandit variants:
{
"id": 1,
"activ": false,
"enemy": {
"tier_one": {
"name": "Bandit",
"base_attack": 5,
"base_hp": 100,
"xp": 10,
"weapon_pool": [
"sword",
"bow"
],
"drop_pool": {
"gold": {
"item_id": 1,
"percantage": 90,
"min_amount": 1,
"max_amount": 5
}
},
"image": "<url>"
},
"tier_two": {
"name": "<tier_two_name>",
"base_attack": 7,
"base_hp": 120,
"xp": 15,
"weapon_pool": [
"sword",
"bow"
],
"drop_pool": {
"gold": {
"item_id": 1,
"percantage": 90,
"min_amount": 1,
"max_amount": 5
}
},
"image": "<url>"
}
}
}
We can update the placeholder images which are currently provided by placehold.it to our current self-made placeholders
Current situation
Line 27 in aec940a
<!-- Updated code -->
<img id="enemyOne" src="../frontend/img/bandit.svg" alt="Enemy" draggable="false">
There are several possible improvements. I will research the SASS documentation for further information. The following list should be completed before finishing the next milestone.
_global.scss
into several filesCSS Flex
We should drop our current code and work with Canvas. It is way easier to display units and other sprites onscreen.
A minor bug in #9 broke the text-white
class.
In order to make the game more unique every level should has its own style. (Enemys, Difficulty, "Dungeon").
We need a way to store all those information to dynamically load this content onto the webpage.
Vision No. 1:
General Idea:
Make it a JSON-Object which itself can maybe be stored in a document-oriented database.
Depending on which "level" the user clicked, load the specific object (--> POST-Arguments)
What we need to store:
Enemys:
Health, Attack-Damage, Drops (or a drop table), XP, Sprites (per enemy)
World-Info:
Which background should be displayed.
How many dungeons are there in this specific level.
Did the user already played or beat the level. (Needed?)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.