There's a small bug you may have noticed in which the platforms of our game move the very beginning of the level whenever the browser window is refreshed. This occurs since our init() code is running before all of our game assets are loaded. Here I'll show you how to fix this using the power of promises and async / await.
Sign up for a plan to instantly unlock all premium lessons.
Premium Features
Download Video
On-load asset position bug fix
Published a year ago
Comments
Want to participate?
Create a free Chris Courses account to begin
Login
p
pedrolbpcruz posted a year ago
hello, I have an error when I finish the 10.49 minute steps. My screen is all black and I get these errors, how do I solve it? Thanks
npm ERR! Missing script: "start"
npm ERR!
npm ERR! Did you mean one of these?
npm ERR! npm star # Mark your favorite packages
npm ERR! npm stars # View packages marked as favorites
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/pedrocruz/.npm/_logs/2022-02-16T19_47_32_919Z-debug-0.log
0
chris posted a year ago
Hi Pedro, do you have a package.json file within your project? There should be a command within it called "start" which should get your project up and running when you run npm run start from your project directory.
If you do have that, could you send me a GitHub repo of your project? Will be able to give you a direct answer once I see that and have it up and running.
0
XxCFxX posted a year ago
there is a problem with the return Promise code. Here's the error.
canvas.js:134 Uncaught TypeError: undefined is not a promise
at Promise (<anonymous>)
at createImageAsync (canvas.js:134:12)
at init (canvas.js:164:18)
at Module../src/js/canvas.js (canvas.js:320:1)
at __webpack_require__ (bootstrap:19:1)
at bootstrap:83:1
at bootstrap:83:1
and here's my code: function createImageAsync(imageSrc) { return Promise((resolve) => { const image = new Image() image.onload = () => { resolve(image) } image.src = imageSrc }) }
does anybody know what I did wrong?
0
chris posted a year ago
Make sure you instantiate the Promise object with new like:
new Promise()Think it should work with just that, but let me know if it still errors out.
0
XxCFxX posted a year ago
ok, re making the first tutorial game lol. I will lyk what happens when I get to the new Promise area.
0
XxCFxX posted a year ago
new promise worked but I then got this error at 7:10 in the video.
Uncaught ReferenceError: regeneratorRuntime is not defined
at _init (canvas.bundle.js:382:43)
at init (canvas.bundle.js:378:16)
at Module../src/js/canvas.js (canvas.js:325:1)
at __webpack_require__ (bootstrap:19:1)
at bootstrap:83:1
at bootstrap:83:1
The whole screen is black, how to fix it?
0
XxCFxX posted a year ago
oHH. nnvm the error was in the video Lmao
0
hello i am getting this error at runtime
ERROR in ./src/js/canvas.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel/preset-env'