Coder Social home page Coder Social logo

gonnavis / annihilate Goto Github PK

View Code? Open in Web Editor NEW
52.0 2.0 5.0 31.5 MB

js action game

Home Page: https://raw.githack.com/gonnavis/annihilate/dev/index.html

License: MIT License

JavaScript 99.92% HTML 0.08%
javascript game threejs cannonjs ecsy webgl action-game state-machine xstate

annihilate's Introduction

Annihilate - js action game

Play online

dev

Maria and Paladin

use mixamo Mutant model

use mixamo Paladin model

use mixamo Maria model

use self rig-and-animated naive model

Brief

An action game prototype made in 2018.

Now open-sourced and:

  1. Switched from state-machine.js to XState.

    state diagram of role: https://stately.ai/viz/f8c7eb66-db73-4bc4-b3ca-7e1ef2276923

    state diagram of role mutant: https://stately.ai/viz/8817b66b-7cdd-4035-9c50-d86d03f54eb7

    state diagram of enemy: https://stately.ai/viz/92f4cb2a-6e1a-4607-9a6c-5006490edd62

  2. Switched from cannon.js to cannon-es.

  3. Try to make a parallel ammo.js version, at branch: AmmoJS (demo).

  4. Try to use ecsy.js at branch: ecsy.

image image image image

Videos: Mutant, Paladin Shiled, Maria, Whirlwind, SwordBlaster, MoveList, Hadouken Shoryuken, Rebound, Cloud & BirdFlock, Boss.

Key Map:

Video

J = Attack

J + J + J = Combo

J hold charge1 + J + J = Fast Combo

J hold charge2 + J + J = Sword Blaster

J & K & L = Pop

K = Jump

K + K = Double Jump

K + U = Jump Bash Attack

K + U hold = Earthquake

L hold = Block

L hold + S + D + J = Hadouken

L hold + D + S + D + J = Shoryuken.

L hold + S + A + K = Tatsumaki Senpukyaku.

U hold = Whirlwind

I = Dash

I + J = Dash Attack

O = Launch

O hold = Launch with Jump

touch wall = climb ( currently only support +-X axis wall, todo: +-Z axis )

when climb J = fall

Ref and Goal:

Action: DMC, Guilty Gear ...

Level design: Super Mario 3D Land, Rolling Sky ...

Both: Prince of Persia, Shadow Blade: Reload, The Super Shinobi 2, STREETS OF RAGE 3, Hades ...

Strategy: Into the Breach, StarCraft, 曹操传 ...

Audio: Geometry Dash ...

Art: Divinity Original Sin 2 ...

Code: three-pathfinding, Sketchbook ...

Other: 1 2 3 4 5 6 7 8 9 ...

Todo:

Paladin do not hit by pop when shielded.

Boss Fight map.✔️

Combat puzzle map.

Tower Defence map.

Parkour and combat map.

Challenge map where only rebound attacks can deal damage to enemies.

Parrot/PhenixBoss: There's a bird's egg on the aerial platform. After breaking it, flies out of ParrotBoss. Magma rises from the ground to the platform, so player can't go down. Skills are firing barrage bullets, continuously throwing many grenades, and firebird forward charge/dash attack.

Map: Drive sheepFlock/birdFlock into the fold, as fast as possible. And prevent enemies from killing the flock, as little as possible.

chargeAttack✔️, dashAttack✔️, chargeDash, kick, jumpKick, air attacks✔️, walk, aoe✔️, skill✔️, vfx ...

Fix: Do not inflict damage at the start and end of an attack.✔️

Integrate common state, like air.✔️

dash can force change orientation.✔️

Switch to ES6 module and use cannon-es.✔️

...

annihilate's People

Contributors

gonnavis avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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

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.