With our game map already exported, now we can import it directly into our game. Here we're just going to use a basic c.drawImage() method to get this rendered out. Although simple, there are a few requirements to get the method working correctly, so we'll be covering those directly within this video.
Premium Features
Download Video
Import and Render Map
Published a year ago
Comments
Want to participate?
Create a free Chris Courses account to begin
Login
chris posted 6 months ago
The way images are imported in Mario is more standard for web app development, but the way they're imported here is still totally valid, it's just a bit easier since you don't have to import the images directly within JS. There are benefits to importing images in JS (can compress them, check for errors, etc), but the tradeoff is its a bit more cumbersome compared to the method used here.
2
Hi Chris. In your Mario tutorial, you set up a server to serve the images (canvas-boilerplate), and here you can use them directly. What is the difference and why did you have to do it in that tutorial?