not working yet
This commit is contained in:
koehr
parent
f00990a3be
commit
2bd5838065
3 changed files with 201 additions and 194 deletions
254
package-lock.json
generated
254
package-lock.json
generated
|
|
@ -2710,8 +2710,8 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"co": "4.6.0",
|
||||
"json-stable-stringify": "1.0.1"
|
||||
"co": "^4.6.0",
|
||||
"json-stable-stringify": "^1.0.1"
|
||||
}
|
||||
},
|
||||
"ansi-regex": {
|
||||
|
|
@ -2731,8 +2731,8 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"delegates": "1.0.0",
|
||||
"readable-stream": "2.2.9"
|
||||
"delegates": "^1.0.0",
|
||||
"readable-stream": "^2.0.6"
|
||||
}
|
||||
},
|
||||
"asn1": {
|
||||
|
|
@ -2776,7 +2776,7 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"tweetnacl": "0.14.5"
|
||||
"tweetnacl": "^0.14.3"
|
||||
}
|
||||
},
|
||||
"block-stream": {
|
||||
|
|
@ -2784,7 +2784,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"inherits": "2.0.3"
|
||||
"inherits": "~2.0.0"
|
||||
}
|
||||
},
|
||||
"boom": {
|
||||
|
|
@ -2792,7 +2792,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"hoek": "2.16.3"
|
||||
"hoek": "2.x.x"
|
||||
}
|
||||
},
|
||||
"brace-expansion": {
|
||||
|
|
@ -2800,7 +2800,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"balanced-match": "0.4.2",
|
||||
"balanced-match": "^0.4.1",
|
||||
"concat-map": "0.0.1"
|
||||
}
|
||||
},
|
||||
|
|
@ -2831,7 +2831,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"delayed-stream": "1.0.0"
|
||||
"delayed-stream": "~1.0.0"
|
||||
}
|
||||
},
|
||||
"concat-map": {
|
||||
|
|
@ -2854,7 +2854,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"boom": "2.10.1"
|
||||
"boom": "2.x.x"
|
||||
}
|
||||
},
|
||||
"dashdash": {
|
||||
|
|
@ -2863,7 +2863,7 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"assert-plus": "1.0.0"
|
||||
"assert-plus": "^1.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"assert-plus": {
|
||||
|
|
@ -2912,7 +2912,7 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"jsbn": "0.1.1"
|
||||
"jsbn": "~0.1.0"
|
||||
}
|
||||
},
|
||||
"extend": {
|
||||
|
|
@ -2953,10 +2953,10 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"graceful-fs": "4.1.11",
|
||||
"inherits": "2.0.3",
|
||||
"mkdirp": "0.5.1",
|
||||
"rimraf": "2.6.1"
|
||||
"graceful-fs": "^4.1.2",
|
||||
"inherits": "~2.0.0",
|
||||
"mkdirp": ">=0.5 0",
|
||||
"rimraf": "2"
|
||||
}
|
||||
},
|
||||
"fstream-ignore": {
|
||||
|
|
@ -2965,9 +2965,9 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"fstream": "1.0.11",
|
||||
"inherits": "2.0.3",
|
||||
"minimatch": "3.0.4"
|
||||
"fstream": "^1.0.0",
|
||||
"inherits": "2",
|
||||
"minimatch": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"gauge": {
|
||||
|
|
@ -2976,14 +2976,14 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"aproba": "1.1.1",
|
||||
"console-control-strings": "1.1.0",
|
||||
"has-unicode": "2.0.1",
|
||||
"object-assign": "4.1.1",
|
||||
"signal-exit": "3.0.2",
|
||||
"string-width": "1.0.2",
|
||||
"strip-ansi": "3.0.1",
|
||||
"wide-align": "1.1.2"
|
||||
"aproba": "^1.0.3",
|
||||
"console-control-strings": "^1.0.0",
|
||||
"has-unicode": "^2.0.0",
|
||||
"object-assign": "^4.1.0",
|
||||
"signal-exit": "^3.0.0",
|
||||
"string-width": "^1.0.1",
|
||||
"strip-ansi": "^3.0.1",
|
||||
"wide-align": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"getpass": {
|
||||
|
|
@ -2992,7 +2992,7 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"assert-plus": "1.0.0"
|
||||
"assert-plus": "^1.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"assert-plus": {
|
||||
|
|
@ -3008,12 +3008,12 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"fs.realpath": "1.0.0",
|
||||
"inflight": "1.0.6",
|
||||
"inherits": "2.0.3",
|
||||
"minimatch": "3.0.4",
|
||||
"once": "1.4.0",
|
||||
"path-is-absolute": "1.0.1"
|
||||
"fs.realpath": "^1.0.0",
|
||||
"inflight": "^1.0.4",
|
||||
"inherits": "2",
|
||||
"minimatch": "^3.0.4",
|
||||
"once": "^1.3.0",
|
||||
"path-is-absolute": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"graceful-fs": {
|
||||
|
|
@ -3048,10 +3048,10 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"boom": "2.10.1",
|
||||
"cryptiles": "2.0.5",
|
||||
"hoek": "2.16.3",
|
||||
"sntp": "1.0.9"
|
||||
"boom": "2.x.x",
|
||||
"cryptiles": "2.x.x",
|
||||
"hoek": "2.x.x",
|
||||
"sntp": "1.x.x"
|
||||
}
|
||||
},
|
||||
"hoek": {
|
||||
|
|
@ -3065,9 +3065,9 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"assert-plus": "0.2.0",
|
||||
"jsprim": "1.4.0",
|
||||
"sshpk": "1.13.0"
|
||||
"assert-plus": "^0.2.0",
|
||||
"jsprim": "^1.2.2",
|
||||
"sshpk": "^1.7.0"
|
||||
}
|
||||
},
|
||||
"inflight": {
|
||||
|
|
@ -3075,8 +3075,8 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"once": "1.4.0",
|
||||
"wrappy": "1.0.2"
|
||||
"once": "^1.3.0",
|
||||
"wrappy": "1"
|
||||
}
|
||||
},
|
||||
"inherits": {
|
||||
|
|
@ -3121,7 +3121,7 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"jsbn": "0.1.1"
|
||||
"jsbn": "~0.1.0"
|
||||
}
|
||||
},
|
||||
"jsbn": {
|
||||
|
|
@ -3142,7 +3142,7 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"jsonify": "0.0.0"
|
||||
"jsonify": "~0.0.0"
|
||||
}
|
||||
},
|
||||
"json-stringify-safe": {
|
||||
|
|
@ -3223,17 +3223,17 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"detect-libc": "1.0.2",
|
||||
"detect-libc": "^1.0.2",
|
||||
"hawk": "3.1.3",
|
||||
"mkdirp": "0.5.1",
|
||||
"nopt": "4.0.1",
|
||||
"npmlog": "4.1.0",
|
||||
"rc": "1.2.1",
|
||||
"mkdirp": "^0.5.1",
|
||||
"nopt": "^4.0.1",
|
||||
"npmlog": "^4.0.2",
|
||||
"rc": "^1.1.7",
|
||||
"request": "2.81.0",
|
||||
"rimraf": "2.6.1",
|
||||
"semver": "5.3.0",
|
||||
"tar": "2.2.1",
|
||||
"tar-pack": "3.4.0"
|
||||
"rimraf": "^2.6.1",
|
||||
"semver": "^5.3.0",
|
||||
"tar": "^2.2.1",
|
||||
"tar-pack": "^3.4.0"
|
||||
}
|
||||
},
|
||||
"nopt": {
|
||||
|
|
@ -3242,8 +3242,8 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"abbrev": "1.1.0",
|
||||
"osenv": "0.1.4"
|
||||
"abbrev": "1",
|
||||
"osenv": "^0.1.4"
|
||||
}
|
||||
},
|
||||
"npmlog": {
|
||||
|
|
@ -3252,10 +3252,10 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"are-we-there-yet": "1.1.4",
|
||||
"console-control-strings": "1.1.0",
|
||||
"gauge": "2.7.4",
|
||||
"set-blocking": "2.0.0"
|
||||
"are-we-there-yet": "~1.1.2",
|
||||
"console-control-strings": "~1.1.0",
|
||||
"gauge": "~2.7.3",
|
||||
"set-blocking": "~2.0.0"
|
||||
}
|
||||
},
|
||||
"number-is-nan": {
|
||||
|
|
@ -3280,7 +3280,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"wrappy": "1.0.2"
|
||||
"wrappy": "1"
|
||||
}
|
||||
},
|
||||
"os-homedir": {
|
||||
|
|
@ -3339,10 +3339,10 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"deep-extend": "0.4.2",
|
||||
"ini": "1.3.4",
|
||||
"minimist": "1.2.0",
|
||||
"strip-json-comments": "2.0.1"
|
||||
"deep-extend": "~0.4.0",
|
||||
"ini": "~1.3.0",
|
||||
"minimist": "^1.2.0",
|
||||
"strip-json-comments": "~2.0.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"minimist": {
|
||||
|
|
@ -3358,13 +3358,13 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"buffer-shims": "1.0.0",
|
||||
"core-util-is": "1.0.2",
|
||||
"inherits": "2.0.3",
|
||||
"isarray": "1.0.0",
|
||||
"process-nextick-args": "1.0.7",
|
||||
"string_decoder": "1.0.1",
|
||||
"util-deprecate": "1.0.2"
|
||||
"buffer-shims": "~1.0.0",
|
||||
"core-util-is": "~1.0.0",
|
||||
"inherits": "~2.0.1",
|
||||
"isarray": "~1.0.0",
|
||||
"process-nextick-args": "~1.0.6",
|
||||
"string_decoder": "~1.0.0",
|
||||
"util-deprecate": "~1.0.1"
|
||||
}
|
||||
},
|
||||
"request": {
|
||||
|
|
@ -3373,28 +3373,28 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"aws-sign2": "0.6.0",
|
||||
"aws4": "1.6.0",
|
||||
"caseless": "0.12.0",
|
||||
"combined-stream": "1.0.5",
|
||||
"extend": "3.0.1",
|
||||
"forever-agent": "0.6.1",
|
||||
"form-data": "2.1.4",
|
||||
"har-validator": "4.2.1",
|
||||
"hawk": "3.1.3",
|
||||
"http-signature": "1.1.1",
|
||||
"is-typedarray": "1.0.0",
|
||||
"isstream": "0.1.2",
|
||||
"json-stringify-safe": "5.0.1",
|
||||
"mime-types": "2.1.15",
|
||||
"oauth-sign": "0.8.2",
|
||||
"performance-now": "0.2.0",
|
||||
"qs": "6.4.0",
|
||||
"safe-buffer": "5.0.1",
|
||||
"stringstream": "0.0.5",
|
||||
"tough-cookie": "2.3.2",
|
||||
"tunnel-agent": "0.6.0",
|
||||
"uuid": "3.0.1"
|
||||
"aws-sign2": "~0.6.0",
|
||||
"aws4": "^1.2.1",
|
||||
"caseless": "~0.12.0",
|
||||
"combined-stream": "~1.0.5",
|
||||
"extend": "~3.0.0",
|
||||
"forever-agent": "~0.6.1",
|
||||
"form-data": "~2.1.1",
|
||||
"har-validator": "~4.2.1",
|
||||
"hawk": "~3.1.3",
|
||||
"http-signature": "~1.1.0",
|
||||
"is-typedarray": "~1.0.0",
|
||||
"isstream": "~0.1.2",
|
||||
"json-stringify-safe": "~5.0.1",
|
||||
"mime-types": "~2.1.7",
|
||||
"oauth-sign": "~0.8.1",
|
||||
"performance-now": "^0.2.0",
|
||||
"qs": "~6.4.0",
|
||||
"safe-buffer": "^5.0.1",
|
||||
"stringstream": "~0.0.4",
|
||||
"tough-cookie": "~2.3.0",
|
||||
"tunnel-agent": "^0.6.0",
|
||||
"uuid": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"rimraf": {
|
||||
|
|
@ -3402,7 +3402,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"glob": "7.1.2"
|
||||
"glob": "^7.0.5"
|
||||
}
|
||||
},
|
||||
"safe-buffer": {
|
||||
|
|
@ -3433,7 +3433,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"hoek": "2.16.3"
|
||||
"hoek": "2.x.x"
|
||||
}
|
||||
},
|
||||
"sshpk": {
|
||||
|
|
@ -3442,15 +3442,15 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"asn1": "0.2.3",
|
||||
"assert-plus": "1.0.0",
|
||||
"bcrypt-pbkdf": "1.0.1",
|
||||
"dashdash": "1.14.1",
|
||||
"ecc-jsbn": "0.1.1",
|
||||
"getpass": "0.1.7",
|
||||
"jodid25519": "1.0.2",
|
||||
"jsbn": "0.1.1",
|
||||
"tweetnacl": "0.14.5"
|
||||
"asn1": "~0.2.3",
|
||||
"assert-plus": "^1.0.0",
|
||||
"bcrypt-pbkdf": "^1.0.0",
|
||||
"dashdash": "^1.12.0",
|
||||
"ecc-jsbn": "~0.1.1",
|
||||
"getpass": "^0.1.1",
|
||||
"jodid25519": "^1.0.0",
|
||||
"jsbn": "~0.1.0",
|
||||
"tweetnacl": "~0.14.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"assert-plus": {
|
||||
|
|
@ -3466,9 +3466,9 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"code-point-at": "1.1.0",
|
||||
"is-fullwidth-code-point": "1.0.0",
|
||||
"strip-ansi": "3.0.1"
|
||||
"code-point-at": "^1.0.0",
|
||||
"is-fullwidth-code-point": "^1.0.0",
|
||||
"strip-ansi": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"string_decoder": {
|
||||
|
|
@ -3476,7 +3476,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"safe-buffer": "5.0.1"
|
||||
"safe-buffer": "^5.0.1"
|
||||
}
|
||||
},
|
||||
"stringstream": {
|
||||
|
|
@ -3490,7 +3490,7 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"ansi-regex": "2.1.1"
|
||||
"ansi-regex": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"strip-json-comments": {
|
||||
|
|
@ -3504,9 +3504,9 @@
|
|||
"bundled": true,
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"block-stream": "0.0.9",
|
||||
"fstream": "1.0.11",
|
||||
"inherits": "2.0.3"
|
||||
"block-stream": "*",
|
||||
"fstream": "^1.0.2",
|
||||
"inherits": "2"
|
||||
}
|
||||
},
|
||||
"tar-pack": {
|
||||
|
|
@ -3515,14 +3515,14 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"debug": "2.6.8",
|
||||
"fstream": "1.0.11",
|
||||
"fstream-ignore": "1.0.5",
|
||||
"once": "1.4.0",
|
||||
"readable-stream": "2.2.9",
|
||||
"rimraf": "2.6.1",
|
||||
"tar": "2.2.1",
|
||||
"uid-number": "0.0.6"
|
||||
"debug": "^2.2.0",
|
||||
"fstream": "^1.0.10",
|
||||
"fstream-ignore": "^1.0.5",
|
||||
"once": "^1.3.3",
|
||||
"readable-stream": "^2.1.4",
|
||||
"rimraf": "^2.5.1",
|
||||
"tar": "^2.2.1",
|
||||
"uid-number": "^0.0.6"
|
||||
}
|
||||
},
|
||||
"tough-cookie": {
|
||||
|
|
@ -3531,7 +3531,7 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"punycode": "1.4.1"
|
||||
"punycode": "^1.4.1"
|
||||
}
|
||||
},
|
||||
"tunnel-agent": {
|
||||
|
|
@ -3540,7 +3540,7 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"safe-buffer": "5.0.1"
|
||||
"safe-buffer": "^5.0.1"
|
||||
}
|
||||
},
|
||||
"tweetnacl": {
|
||||
|
|
@ -3581,7 +3581,7 @@
|
|||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"string-width": "1.0.2"
|
||||
"string-width": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"wrappy": {
|
||||
|
|
@ -4640,9 +4640,9 @@
|
|||
}
|
||||
},
|
||||
"lodash": {
|
||||
"version": "4.17.5",
|
||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.5.tgz",
|
||||
"integrity": "sha512-svL3uiZf1RwhH+cWrfZn3A4+U58wbP0tGVTLQPbjplZxZ8ROD9VLuNgsRniTlLe7OlSqR79RUehXgpBW/s0IQw==",
|
||||
"version": "4.17.10",
|
||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
|
||||
"integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==",
|
||||
"dev": true
|
||||
},
|
||||
"lodash.camelcase": {
|
||||
|
|
|
|||
|
|
@ -27,6 +27,7 @@
|
|||
"css-loader": "^0.28.7",
|
||||
"fast-simplex-noise": "^3.2.0",
|
||||
"file-loader": "^1.1.4",
|
||||
"lodash": "^4.17.10",
|
||||
"vue-loader": "^13.0.5",
|
||||
"vue-template-compiler": "^2.4.4",
|
||||
"webpack": "^3.6.0",
|
||||
|
|
|
|||
140
src/Field.vue
140
src/Field.vue
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div id="field" @click="handleClick">
|
||||
<div id="field">
|
||||
<input v-keep-focussed type="text"
|
||||
@keydown.down="goDown($event)"
|
||||
@keydown.up="goUp($event)"
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
@keydown.space="jump($event)"
|
||||
/>
|
||||
<mountain-background :x="x + 65536" />
|
||||
<div id="wrap">
|
||||
<div id="wrap" :style="{transform: `translate(${translate_x}px, ${translate_y}px)`}">
|
||||
<template v-for="(row, y) in rows">
|
||||
<div v-for="(block, x) in row" class="block" :class="[block.type]" :data-x="x" :data-y="y" />
|
||||
</template>
|
||||
|
|
@ -19,14 +19,17 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import throttle from 'lodash/throttle'
|
||||
import Level from './level'
|
||||
import MountainBackground from './Background'
|
||||
|
||||
const WIDTH = 32 + 2
|
||||
const HEIGHT = 32 + 2
|
||||
const PLAYER_X = ~~(WIDTH / 2) - 1
|
||||
const PLAYER_Y = HEIGHT - 17
|
||||
const level = new Level(WIDTH, HEIGHT)
|
||||
const BLOCK_SIZE = 32
|
||||
const WIDTH = 32
|
||||
const HEIGHT = 32
|
||||
const PLAYER_X = ~~(WIDTH / 2) + 1
|
||||
const PLAYER_Y = HEIGHT - 15
|
||||
const PLAYER_MAX_VELOCITY = 32
|
||||
const level = new Level(WIDTH + 2, HEIGHT + 2)
|
||||
|
||||
export default {
|
||||
name: 'field',
|
||||
|
|
@ -35,16 +38,59 @@ export default {
|
|||
return {
|
||||
x: 0,
|
||||
y: 0,
|
||||
// transform: translate(x,y); max 32px, then this.x++ / this.y++
|
||||
translate_x: 0,
|
||||
translate_y: 0,
|
||||
player_x: PLAYER_X,
|
||||
player_y: PLAYER_Y,
|
||||
player_direction: 'left',
|
||||
walk_steps_x: 0,
|
||||
walk_steps_y: 0
|
||||
player_velocity_x: 0,
|
||||
player_velocity_y: 0,
|
||||
drag: 1
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.mindTheGap()
|
||||
},
|
||||
watch: {
|
||||
player_velocity_x: throttle(function (v) {
|
||||
if (!v) return // zero velocity is not interesting
|
||||
|
||||
// calculate with positive values but remember negative velocity
|
||||
const sign = v < 0 ? -1 : 1
|
||||
v *= sign
|
||||
|
||||
if (v > 8) v = 8
|
||||
|
||||
v -= this.drag
|
||||
if (v < 0) v = 0
|
||||
else v *= sign // back to original sign
|
||||
this.player_velocity_x = v
|
||||
this.translate_x += v
|
||||
console.log(v)
|
||||
}, 100),
|
||||
translate_x (tx) {
|
||||
this.x += Math.floor(tx / BLOCK_SIZE)
|
||||
this.translate_x = tx % BLOCK_SIZE
|
||||
},
|
||||
player_velocity_y (velocity_y) {
|
||||
//if (!velocity_y) return // zero velocity is not interesting
|
||||
return // TODO
|
||||
|
||||
if (velocity_y < 0) {
|
||||
if (!this.blockBelowPlayer.walkable) this.player_velocity_y = 0
|
||||
else if (this.translate_y > -BLOCK_SIZE) this.translate_y += velocity_y
|
||||
else {
|
||||
this.translate_y = 0
|
||||
this.y++
|
||||
}
|
||||
} else {
|
||||
if (!this.blockAbovePlayer.walkable) this.player_velocity_y = 0
|
||||
else if (this.translate_y < BLOCK_SIZE) this.translate_y += velocity_y
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
computed: {
|
||||
rows () {
|
||||
return level.grid(this.x, this.y)
|
||||
|
|
@ -58,6 +104,9 @@ export default {
|
|||
blockRightOfPlayer () {
|
||||
return this.rows[PLAYER_Y][PLAYER_X + 1]
|
||||
},
|
||||
blockAbovePlayer () {
|
||||
return this.rows[PLAYER_Y - 1][PLAYER_X]
|
||||
},
|
||||
blockBelowPlayer () {
|
||||
return this.rows[PLAYER_Y + 1][PLAYER_X]
|
||||
}
|
||||
|
|
@ -65,76 +114,33 @@ export default {
|
|||
methods: {
|
||||
goDown (ev) {
|
||||
// TODO: this.player_direction = 'down'
|
||||
if (this.blockBelowPlayer.walkable) this.y++
|
||||
if (this.blockBelowPlayer.walkable) this.player_velocity_y -= 8
|
||||
this.mindTheGap()
|
||||
},
|
||||
goUp (ev) {
|
||||
// TODO: this.player_direction = 'up'
|
||||
if (this.blockAtPlayer.climbable) this.y--
|
||||
if (this.blockAtPlayer.climbable) this.player_velocity_y += 8
|
||||
},
|
||||
goRight (ev) {
|
||||
if (this.player_direction !== 'right') {
|
||||
this.player_direction = 'right'
|
||||
} else if (this.blockRightOfPlayer.walkable) {
|
||||
this.x++
|
||||
this.mindTheGap()
|
||||
goRight: throttle(function (ev) {
|
||||
if (this.blockRightOfPlayer.walkable) {
|
||||
this.player_velocity_x -= 4
|
||||
}
|
||||
},
|
||||
goLeft (ev) {
|
||||
if (this.player_direction !== 'left') {
|
||||
this.player_direction = 'left'
|
||||
} else if (this.blockLeftOfPlayer.walkable) {
|
||||
this.x--
|
||||
this.mindTheGap()
|
||||
}, 10),
|
||||
goLeft: throttle(function (ev) {
|
||||
if (this.blockLeftOfPlayer.walkable) {
|
||||
this.player_velocity_x += 4
|
||||
}
|
||||
},
|
||||
}, 10),
|
||||
jump (ev) {
|
||||
this.y--
|
||||
if (this.player_direction === 'left' && this.blockLeftOfPlayer.walkable) {
|
||||
this.x--
|
||||
setTimeout(() => {
|
||||
if (this.blockLeftOfPlayer.walkable) this.x--
|
||||
if (this.blockBelowPlayer.walkable) this.y++
|
||||
}, 50)
|
||||
} else if (this.player_direction === 'right' && this.blockRightOfPlayer.walkable) {
|
||||
this.x++
|
||||
setTimeout(() => {
|
||||
if (this.blockRightOfPlayer.walkable) this.x++
|
||||
if (this.blockBelowPlayer.walkable) this.y++
|
||||
}, 50)
|
||||
if (this.blockAbovePlayer.walkable) {
|
||||
this.player_velocity_y += 64
|
||||
this.mindTheGap()
|
||||
}
|
||||
// just jump while facing the back
|
||||
setTimeout(() => this.mindTheGap(), 100)
|
||||
},
|
||||
walkSteps () {
|
||||
if (!this.walk_steps_x && !this.walk_steps_y) return
|
||||
|
||||
if (this.walk_steps_x > 0) {
|
||||
this.goLeft()
|
||||
this.walk_steps_x--
|
||||
} else if (this.walk_steps_x < 0) {
|
||||
this.goRight()
|
||||
this.walk_steps_x++
|
||||
} else if (this.walk_steps_y > 0) {
|
||||
this.goUp()
|
||||
this.walk_steps_y--
|
||||
} else if (this.walk_steps_y < 0) {
|
||||
this.goDown()
|
||||
this.walk_steps_y++
|
||||
}
|
||||
setTimeout(() => this.walkSteps(), 100)
|
||||
},
|
||||
handleClick (ev) {
|
||||
const coords = ev.target.dataset
|
||||
this.walk_steps_x = this.player_x - parseInt(coords.x)
|
||||
this.walk_steps_y = this.player_y - parseInt(coords.y)
|
||||
this.walkSteps()
|
||||
},
|
||||
mindTheGap () {
|
||||
const below = this.blockBelowPlayer
|
||||
if (below.walkable && !below.climbable) {
|
||||
this.y++
|
||||
setTimeout(() => this.mindTheGap(), 50)
|
||||
this.player_velocity_y -= 8
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -165,7 +171,7 @@ export default {
|
|||
}
|
||||
#player {
|
||||
position: absolute;
|
||||
left: calc(32px * 15);
|
||||
left: calc(32px * 16);
|
||||
top: calc(32px * 16);
|
||||
background-image: url(./assets/dwarf_right.png);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue