Treasure hunt on Google Maps! Tanken My Kasomachi Game

I had been warming it up for a long time, but I couldn't think of a mounting method, but I was finally able to proto!

Maesetsu

I was wondering if I could easily use the town I live in as a maze or a map for games **, and I was wondering if there would be more ways to play * OpenStreetMap → Blender *, but it didn't work.

Then, one day, when I looked at Google Maps

https://www.google.co.jp/maps/@35.6608375,139.7008749,3a,75y,43.91h,92.5t/data=!3m6!1e1!3m4!1sDrFpHa0VreQbapnpTC-QgA!2e0!7i16384!8i8192

that··? Latitude / longitude ** ... after the "@" in this ** URL?

!!!!!!!!

The breakthrough to the implementation from here was really quick.

I made it

This is a game where you can virtually enjoy exploring a real town through a treasure hunt.

goToMap4.gif

Click here for high resolution

--Use the latitude and longitude of Google Maps to set the starting point and goal for each player. ――You can set hint texts and images before the goal. ――You can exchange messages between players and read the booklet.

-Golang Websocket server for Windows, Linux and Rasbian

Please run it on the PC as the server.

・ Chrome extension (Chromium is also supported)

Please run it on Chrome (and compatible browser) on the device you are playing. You can live with the server.

v0.2

Added a login function that specifies a user name and a function that allows you to send a message to the login name.

2-1.png

In this way, decide a user name from the extension and log in to the server. (Old version automatically logs in when Chrome extension starts)

2-2.png

User names other than yourself are now displayed in a list when sending a message.

2-3.png

In the destination, the user name of the sender is also displayed.

v0.3

The user name and image specified at login are displayed as an avatar when they come nearby.

3-1.png

Note! Please note that it will not work unless the Chrome extension and the server are the same version.

Junbi:

Open the town you want to play on Google Maps.

url.png

The URL will appear like this, so pick up the ** underlined latitude and longitude ** and create a config. An example of config is below.

[PLAYER]
https://www.google.co.jp/maps/@35.6608375,139.7008749,3a,75y,43.91h,92.5t/data=!3m6!1e1!3m4!1sDrFpHa0VreQbapnpTC-QgA!2e0!7i16384!8i8192
https://www.google.co.jp/maps/@35.6613982,139.7001959,3a,75y,131.45h,104.53t/data=!3m6!1e1!3m4!1szZPFU_fUtAcf-e3DGysGlw!2e0!7i16384!8i8192

[GOAL]
35.6618983,139.7008538

[RESULT]
I've reached the goal!

[ACTION]
35.6602069,139.7007403 Arrived at Mac ~
35.6632348,139.701151	https://www.google.co.jp/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png

-[PLAYER] is the starting point. Please paste the URL solidly. Please paste as many people as you want to play. -For [GOAL], write the latitude and longitude of the destination (goal). -[RESULT] is the message at the goal. ** You can also specify the image by specifying the URL starting with http ** -[ACTION] displays ** message ** or ** image ** when the latitude / longitude and message are separated by a tab.

Make a hint while checking the latitude and longitude, or make a "face" of the game by pasting an image.

How to do:

First, ** start the Go language Websocket server **. ** Place the config in the same folder and execute ** and it will work. Then install the Chrome extension. If the browser and server are different PCs, open the ** extension icon ** and specify the server IP address and port number in the "Connection Server" field **. Save and ** restart ** the extension. The IP address and port number will be displayed on the server once every 10 seconds

1.png

If ** join client! Is displayed, the connection is successful **. ** Map of starting point ** will open automatically.

2.png

How to move:

As a rule, it is a treasure hunt, so you should reach the destination ** first on Google Maps. Other elements are game decorations.

3.png

You can issue a message ** anywhere you specify in the config.

4.png

You can also put out ** images ** anywhere

5.png

You can display a message ** to all participants on SNS.

6.png

Notice to other players

7.png

** You can write in a specific place **. It is a function that allows you to add message notifications later.

8.png

Afterword

I think that virtual reality is just a virtual world and reality is not good enough. Even if people come out as avatars, I think that the part where people can feel the life of the city is thin. This game was born out of the opposite idea of virtually exploring a real city. It's probably a unique idea, so I want to grow it even more, such as by using SNS.

Recommended Posts

Treasure hunt on Google Maps! Tanken My Kasomachi Game