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 2 years ago
Comments
Want to participate?
Create a free Chris Courses account to begin
Login
A
Andrei posted 2 years ago
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?
0
chris posted 2 years 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
This is a phenomenal tutorial, you are incredibly gifted in the art of teaching each little seemingly insignificant step that can easily be glossed over by professionals, yet are much appreciated for seamless learning for beginners!
I was wondering - what is that todo software you're using? Is it something you've created yourself or is it a tool that can be downloaded online?
Thank you for making this education possible!