I’m so excited. And I just can’t hide it …
That phrase is probably used too often, but I am excited! I was eventually able to pull off a content type that I wanted to create for quite a while, but I knew would take lots of my free time. Luckily, Hochschule Hannover sponsored the development. And here it is: Game Map for H5P.
Before I start to tell you about its purpose and some ideas, let me show you what one can create with it. I cannot release that demo publicly. You’ll know why 😀 But this video may help to let you get a good first impression …
https://www.youtube.com/watch?v=xz0eC-XDK08
So what is Game Map?
Game Map is a tool that allows you to create something similar to Super Mario World in H5P – the map aspect, not the “Jump and Run” part 🙂 You can use an image as a background for your map, define stages that can hold different H5P exercises, you can connect stages (with visible paths of you want to), and you can set different things such as whether stages should all be visible right away or reveal themselves as the user progresses, you can set a finite number of lives or simple ignore that concept, you can attach sounds to all kinds of events, you can change colors, etc.
Those options allow you to create a game, but the result could also be a learning map “only” where you present different contents very much like one could with Image Hotspots. And I am sure that someone will come up with some use case that I didn’t anticipate. That always happens, and I love it.
I think I should demonstrate all the options in a separate video when I find some time … Or you simply explore Game Map yourself, because it’s out now.
Here is some other content that I created for demonstration purposes. Not quite as nice as the Super H5P World demo, but solely using openly licensed media.
Want to use it already?
I will ask the H5P core team to review the content type. Afterwards, they should release it on the H5P Hub, but this process usually takes some time.
If you want to use the content type right away, look for the Reuse button underneath the content. Use that button to download the demo content, and then upload the .h5p file onto your H5P enabled platform. Please note that you will need to have permission to install H5P libraries. Otherwise, you cannot install the content type this way. In that case, your system admin will need to assist you.
The source code is available as well, if you want to check it before installing or if you want to build the libraries yourself:
Is it available in my language?
In theory: yes! If it’s missing, you can fill in the gaps yourself on translate-h5p.tk.
Any future plans for that content type?
Yes. I have tons of ideas, among them:
- Allow to add static texts and images to the map in order to customize it.
- Allow to set more rules that define whether a stage can be accessed or not (e.g. a particular date, a certain set of stages that need to be completed, etc.).
- Add more content types as subcontent (some seemed to cause trouble when used as subcontent, and I’ll have to add a workaround or the content type might need changing).
- Add More sound options, e.g. setting a custom background music that plays when a particular stage is entered.
- Add an option to control the volume of both the background music and the sounds separately.
- Replace the confirmation dialog from H5P core with some nicer custom dialog.
- …
Please keep in mind, however: I could put a lot of effort into this content type, because Hochschule Hannover funded development. I coded it at a discount rate as I usually do if the result bears an open source license. I’ll take care of all the change requests that the H5P core team may have to bring the content type onto the H5P Hub. Additionally, I suppose that I will find time to help you on the H5P forum if you have questions. That’s what I usually do anyway. But if you claim free support or demand features as if it was your right, you’ll most likely get a “no” from me. I may add things, even consider your ideas, but at my own pace – or expect you to toss me some coin. I hope you understand that. Not all do, as I know from bad experience.
This is crazy! Perfect! İnsane! The best of the best! I don’t know what to say. The best content type among the others. This wraps it everything. Thanks to you and those who contributed this project.
Bille
You’re welcome.
Hi Oliver !
I was heading to your blog to thank you for the TABS content-type which comes very handy to compile several H5P activities in an uncluttered and nice way.
But I stumbled upon this pure glorious gem !!! Amazing piece of H5P ! This is a perfect content-type to gamify a learning path for students ; I am sure that they will LOVE it !
Thanks for your tremendous contributions to H5P and for allowing us teachers to be able to create elaborate yet fun activities for our students !
Isabelle
Glad you like it 🙂
Hi Oliver. Is it possible to use a different “branching scenario” as a content type at different points on the map? If not, any plans for this in future? THANKS
No, Branching Scenario can currently not be set as subcontent. Have you read the “Any future plans for that content type?” section?
Hello Oliver
In moodle the report gives empty result for gamemap although the activity is completed.
Hi!
I just checked, but everything seems to be working fine on moodle, see https://img.incoherency.co.uk/4295. Are you sure you finished the map by entering the results screen? Similar to Course Presentation that requires the user to go to the results slide in order to send the results, in Game Map, the user needs to visit the results screen.
Cheers,
Oliver
Thanks for the reponse! Yes I finish it using the final flag… But I just have found out that there is something else: Sorry to write it here because I know this is not the right place. I am using php8.1 moodle 4.1.2 and. Grade is registered but when reviewing the answer I get ”This user hasn’t submitted an answer to the H5P yet”
I reinstalled mod_hvp, used different version of php like 8.1 but the issue remains.
_get_completion_state() callback functions such as hvp_get_completion_state have been deprecated and should no longer be used. Please implement the custom completion class mod_hvp\completion\custom_completion which extends \core_completion\activity_custom_completion.
That’s something that the H5P core team or someone else with experience in moodle development should fix. https://github.com/h5p/moodle-mod_hvp. It should not yet interfere with the functionality though, because depreciation does not mean not working anymore.
Hi Oliver,
Thanks for sharing such an interesting way of asking questions.
I found one similar game on net, its URL is: https://bdecent.de/product/level-maps-pro/
Just want to check if you have built this or can this plugin be customize like the above?
No, I am not involved in the development of any moodle plugins. If you require similar functionality for moodle, you may try https://moodle.org/plugins/mod_learningmap
What a cool content type that is! Are you planning to add “column”-content later on (my main use for that is combining audio with true/false questions) or is this included by “cause trouble when used as subcontent”?
Thanks for all your hard work!
It’s not necessarily a technical reason why Column was not included so far.
I wanted to include as many content types as possible without the need to wait for H5P Group to include or update them in Column (which unfortunately takes time), so that’s why I included them directly. If I now also add Column, then there are two different ways to include the very same content type which means extra maintenance and restrictions – one cannot have two different content type versions as subcontent, so one would again be bound to what Column dictates. Not something that I wish for.
You can add audio as an introduction on top of True/False and other content types directly in those.
Hi Oliver! Thank you so much for this amazing content, and so glad they finally are hosting it on the Lumi site and plugins also. Here is a game my wife and myself made for my young nieces (4 to 6 years old), they absolutely loved it!
https://app.Lumi.education/content/6576d8d2d440f13e8e692b47
We are also researching H5P and other educational technology at Liverpool University (Suzhou China Campus) and are presenting at several conferences next year. Anyway thanks again and hope you get time have a quick look at what we have done with your content.
Glad you like it! Lumi is still serving an outdated version of GameMap that has a bug, so if you encounter trouble, please feel free to nudge them to install the latest version.
Hi! I just create a game map but I have one little problem. After the last question has been answered, my video set up for to show at the end screen won’t show/start unless the player finds the tiny flag above the screen. Or do I do something wrong? I hope I am doing something wrong! Can someone helps me? Thank you! Elisa
That’s correct. The user is not sent to the endscreen automatically, because he/she may want to explore the map further. He/she will have to finish the map actively.
With the next bigger update, one will also be able to put special stages leading to the end screen onto the map, and the finish button will be made a little more prominent. There’s no release date set for that update, however.
keep getting this message:
The file you are trying to upload might be too large.
Does not seem to matter how small or large the image is.
Sorry to hear, but that’s not something that a content type is responsible for. That’s an issue with the H5P integration that you’re using or with the configuration of the platform that the H5P integration is running on.
Hi Oliver, thanks sooo much for this gorgeous new feature!!! I love it, and I’m sure the kids will love it, too…
I haven’t found out how to make them do some exercises before they can continue to the next, but I guess I’ll eventually find out. 😄
I’ve uploaded your animal game and play Sherlocka Holmes.
Thanks a million, it’s really fantastic! 🥳🎉👍👍👍
Best wishes, Elisabeth Weixlbaumer from Austria.
PS: There’s one kind of exercise I’d LOVE to find in H5P, and that’s choosing the correct word ouf 2 or 3 options several times in a text… Just a little hint in case you ever run out of ideas. 😄👋
You will find a “map” section in the behavioral settings where you can decide what the mode for restricting access to nodes can be set.
The demo content with the animals was created by H5P Group.
GAME MAP great. Is it possible to obtain the .h5p of the example given to better understand the settings?
THANK YOU
Sure. All you need to do is to use the “Reuse” button underneath the content just like with any other H5P content.
This is just awesome. The best activity ever. Thanks a lot for your work. I already tried it, but unfortunately it isn’t yet installed on our Moodle (Eduvidual.at). I already told them and I am so looking forward to be able to use this amazing content type at school. The kids will love it.
Thank you very much 👍
You’re most welcome. Admins prefer to install libraries that are offered on the H5P Hub, and it is available there as well.
Moin Oliver Tacke,
die H5P Game Map ist super!!! Tausend Dank!!!
Ein kleines Problem: Kann es sein, dass das Audio für
“Endbildschirm (volle Punktzahl)”
vertauscht wurde und bei unvollständigiger Lösung abgespielt wird? Und umgekehrt.
—
Ich könnte ja meinerseits die Audios vertauscht einsetzen. Wenn dann aber ein korrigiertes Update kommt ohne dass ich es merke, würde das Chaos geben.
—
(Info: Ich arbeite mit der über ZUMApps zugänglichen Version).
Ansonsten: Volle Begeisterung! Auch für etliche anderen H5p Inhalte u. Lernvideos.
Takk!
MM-Mathe
Wie gerade schon per Mail geschrieben: In der deutschen Übersetzung sind die Beschriftungen vertauscht.
Ich bin begeistert von game map als hp5 – vielen Dank.
Eine Frage: gibt es die Möglichkeit, dass der “continue”-Button ERST erscheint, wenn die Aufgabe richtig (oder zu so viel Prozent wie eingestellt richtig) bearbeitet wurde und nicht sofort?
Kenne ja meine Schüler… wenn die das rausfinden, lösen sie die Aufgabe nicht mehr (das schätze ich sonst so bei h5p).
Gruß Karin
Schau mal in den Einstellungen. Unter “Karte” kannst du einstellen, dass man einen Inhalt nur passieren kann, wenn man ihn bestanden hat.
Super Sache, herzlichen Dank Oliver.
Ich würde die Map in der Schule gerne einsetzen und zwar über mehrere Wochen. Soweit ich das nun getestet habe, geht der “Spielstand” jedoch verloren (bei refresh, bzw. neuem Login bspw. in Moodle). Gibt es eine Möglichkeit, das zu ändern?
Freundliche Grüsse
Wie funktioniert die Wiederaufnahme einer Übung in H5P?
Ganz herzlichen Dank für die prompte Rückmeldung. Problem gelöst!
Ich bin ziemlich begeistert von der Game Map und habe damit einen Escape Room für die Schule gebaut. Langfristig fänd ich es super, wenn sich noch mehr Inhaltstypen einbauen ließen!
Danke für deine Arbeit!
Welche Inhaltstypen fehlen dir denn? Ich denke, alle die irgendwie Sinn ergeben und sich auch als Unterinhaltstypen eignen, sind drin.
Sorry, habe deine Antwort nicht gesehen. Ich denke da an (in dieser Reihenfolge):
– Buchstabensalat
– Kreuzworträtsel
– X-Ray
– Combination Lock
– Hotspots in Bild suchen
Habe zuletzt meinen ersten Escape Room im Unterricht damit erstellt und die Schüler waren begeistert. Zitat: “Das können Sie an Apple verkaufen und werden reich!” 😀
Ich kann nur raten, was die deutschen Bezeichnungen der Inhaltstypen sein sollen:
– Buchstabensalat (Fine the Words?): Funktioniert nicht als Unterinhalt, vgl. https://snordian.de/2023/11/16/why-isnt-h5p-content-type-x-available-as-a-subcontent-option-in-content-type-y/
– Kreuzworträtsel (Crossword): Funktioniert prinzipiell als Unterinhalt, sorgt aber für Probleme mit der Tab-Taste. Bevor die nicht behoben sind, baue ich das nicht ein – habe aber auch gerade keine Freizeit, das zu erledigen.
– X-Ray: Ist bereits integriert. Muss separat installiert werden, weil die H5P Group den Inhaltstyp nicht über den H5P-Hub verteilt.
– Combination Lock: Ist bereits integriert. Muss separat installiert werden, weil die H5P Group den Inhaltstyp nicht über den H5P-Hub verteilt.
– Hotspots im Bild suchen (Find the Hotspots?): Funktioniert nicht als Unterinhalt, vgl. https://snordian.de/2023/11/16/why-isnt-h5p-content-type-x-available-as-a-subcontent-option-in-content-type-y/
Ich bin zu blöd. Gerade Freizeit geopfert, das Problem in Crossword behoben und ein Update auf Version 0.5.9 herausgegeben. Damit das dann in GameMap läuft, dafür das entsprechende Update auf 1.3.0. Ich kann das allerdings nicht selbst im H5P Hub aktualisieren, das heißt, der Inhaltstyp muss über den Beispielinhalt hier aktualisiert werden.
Vielen Dank für Game Map – wirklich klasse!
Bei der Erstellung von Text-Elementen bin ich auf folgendes Problem gestoßen: Sobald ich einen Text als Etappenelement später noch einmal bearbeiten möchte, ist leider der ursprüngliche Inhalte nicht mehr vorhanden bzw. der Zugang zum Bearbeitungsbereich nicht mehr möglich.
Mache ich da einen Fehler oder ist das ein Bug?
Beste Grüße
Klingt nach einem Bug, aber nicht nach einem im Inhaltstyp. Da bräuchte ich schon ein paar mehr Infos. Vgl. https://snordian.de/2024/02/17/how-can-i-craft-an-effective-bug-report-for-h5p-components/
Danke für die schnelle Antwort. Ich nutze die Lumi Desktop-Version zur Erstellung der Game Map und habe alle Elemente stets aktualisiert.
Lumi Desktop ist bekannt dafür, beim Speichern Probleme zu bereiten (bis hin zu Datenverlust, vgl. https://lumi-education.canny.io/bug-report/p/unable-to-save-h5p). Man schließt gerne mal das Programm, während es im Hintergrund eigentlich noch Daten speichert. Das passiert gerade bei großen Inhalten.
Falls es das nicht sein sollte, bitte die Datei bereitstellen und klar angeben, welche Schritte zum Reproduzieren des Problems notwendig sind. Ich hatte durchaus bewusst https://snordian.de/2024/02/17/how-can-i-craft-an-effective-bug-report-for-h5p-components/ verlinkt 😉
Hi,
I use the game map for e-learning courses in Moodle and I find it a great design tool. I noticed (it didn’t happen before) that clicking the flag sends the score to the Moodle register. If you continue in the map and an increase in score is acquired, clicking the flag again does not send the new score.
Sorry for the late reply. Just fished your comment from the spam filter. This is something that I already answered somewhere else, right?
This is amazing! Is there a way to use crosswords or Word searches with this? If so, it will be perfect!!
You can use H5P.Crossword in the latest version, yes. It’s not available on the H5P Hub yet, but you can download the demo content and upload it on your platform (with administrative rights) to install it.
Find the Words is not available and will not be available, because it is causing trouble as subcontent and also is not being maintained any longer.
Thank you so much for this! the demo version is amazing and I have all the games I want – BUT I cannot figure out how to get it to save a user’s progress if they leave and come back. all of our users have to log in to access it, but it’s not remembering them. How can I enable this?
This is not specific to GameMap, but to H5P in general. Please visit https://snordian.de/2023/03/04/how-does-resuming-an-exercise-work-in-h5p/ for a detailed explanation.
Amazing!! that’s exactly what I’ve been looking for. Thank you so much for all your help and support!!
Hallo Oliver,
deine Game Map ist wirklich klasse!
Können die Inhalte “interaktives Buch” und “Flash cards” auch nicht verwendet werden?
Oder liegt das irgendwie an mir? Ich habe einzelne H5p Dateien mit diesen Inhalten erstellt, kann sie aber nicht in meine Game Map übertragen und finde im Internet auch nichts dazu
Danke! LG Jenny
Beide sind derzeit nicht integriert, vgl. https://snordian.de/de/2023/11/16/warum-steht-der-h5p-inhaltstyp-x-nicht-als-option-im-inhaltstyp-y-zur-verfuegung/
Hi Oliver,
when using lumi h5p desktop editor, game map (v1.3.3) allows me to upload svg images and save it and it works. I can also upload it on my website.
But when I create gamemap on my website it does’nt allow me to upload svg images.
It’s not a content type like GameMap that limits file types that can be uploaded, but the respective H5P integration and H5P’s core.
H5P’s core does not allow SVG images in order to prevent security issues. If Lumi overrides that option and allows SVGs, that’s up to Lumi.
Merhabalar,
Game map’de bir harita oluşturdum ancak 18 adımlı olmasına rağmen 1.etkileşimli videoda sap sistemimize eğitimi %100 olarak tamamladığının verisini gönderiyor, haritanın sonuna gelmesini sağlamak için ne yapmalıyım? geçme notu da verdim ama olmuyor 🙁
Sorry, just found this in the spam filter. I do not speak that language, sorry.
Hi, thanks for your game. Great work. I have a question. How do I go about changing the colour of for example the lock icon or maybe using a different icon to indicate a stage is locked. Regards.
https://www.stephanhitchins.com.au/roadmap-to-innovation/
There’s no option for changing the icons or their color. But you can override the stylesheet like for any other H5P content (https://h5p.org/node/2692).
Two questions:
Persistence – we need students to be able to continue the game throughout the whole semester
Individual stages – individual scores – can students receive discrete scores for each individual stage? As they finish stage 1, they receive a score in the grade book.
We would like to create a single map for the whole course with students completing game stages in each module. They would complete unit 1 – which is stage 1 – and then continue on to module/unit 2 and stage 2 and so forth.
They then receive a score at the end of the game map for completing everything, so there would be scores for each module/stage and then for completion.
Is this possible?
GameMap supports H5P’s resume feature, please see https://snordian.de/2023/03/04/how-does-resuming-an-exercise-work-in-h5p/- Every single exercise uses the xAPI standard, so you can use it to pick up individual scores and much more, but you would have to catch and evaluate the xAPI statements yourself with custom code. Please refer to the official H5P documentation.
- GameMap currently does not allow multiple contents per stage, so a unit could only be one exercise. The results of these exercises are, however, all reported to the host platform. You can inspect every single exercise. If that’s not working, than this is an issue to be looked into for the respective H5P integration that you are using.
Hello Oliver.
A great day to you.
So many searches eventually led me to your site! What I see you do is a great work and motivation. Thank you.
Please I am just an elementary teacher in Africa who is not good with codes. All I need to know is how to implement the type of timer you have here on my H5P contents on a wordpress site for èlementary pupils. I have just started using H5P but I need count down timer.
Not sure if I understand what you mean. Apparently you are neither referring to the global time limit in “Behavioural settings” nor the time limit that you can set for every stage, are you?
Hi. I love this, thanks for sharing. I want to be able to use it but remove the flag so that once a user has completed the map, the content still remains visible. Is this possible?
Sorry, your comment got trapped inside the spam folder. The flag button cannot be removed directly (you could hide is via CSS if really necessary). But I do not understand what you’re asking. When a user has completed the map, he/she can click on the flag button to complete the map, but he/she does not have to. Users can explore the map or review contents as long as they wish before completing. And after completion, they can still review what they did, so I am really not sure what feature you are missing.