"Middle-earth journey" which Google reproduced the world of the ring story using WebGL · Web Audio API etc.

"Lord of the Rings", scheduled to be released in February 2014 "The kingdom robbed by the Hobbit dragonIt is the stage ofMiddle-earthYou can experience the world of PCs, smartphones, tablets "A kingdom robbed by the Hobbit dragon - a journey through Middle-earthA website called "We opened a website. You can experience mini games while traveling through land like "Troll Forest" that appears in the work.

A kingdom robbed by the Hobbit dragon - a journey through Middle-earth
http://middle-earth.thehobbit.com/


The image of the site can be grasped by looking at the following movie.

Journey through Middle-earth, a Chrome Experiment - YouTube


The top page of the site looks something like this.


Click "Start" in the center of the screen ......


A map of Middle-earth is displayed.


Click on the icon in the upper left of the screen ......


A menu screen appears at the left side of the screen.


Three places of Middle-earth where you can travel now are "Troll's Forest", "Rip Valley" and "Doll · Gurudua".


That's why I actually tried traveling "Troll's Forest".


To travel around the world, drag the screen from the right to the left for a personal computer, and swipe the screen from the right to the left with a smartphone or tablet, the story progresses.



Trolls living in the troll forest ......


Episodes related to the land


Further commentary on characters of the adventure of Lord of the Rings and Hobbit will also be displayed.


Click this icon if you want to read commentary.


An explanation is displayed like this.


As you continue talking, you can experience mini games that cover the land.


Click "Continue adventure" to start the game.


Loading ......


When loading is over, the game starts by clicking "Start".


The character in the red frame is the character the player moves.


If you use a four-way controller on a PC, on a smartphone / tablet, swipe the character in the direction you want to run the character to operate the character. The white bar in the red frame area on the screen becomes the movement path of the character.


When you are running around, the screen switches and Troll will launch attacks.


When you do the operation according to the screen display ... ...



The movie switches ......


Stage clear!


After clearing the stage, click "Map", you can move to the map screen of Middle-earth.


3D graphics in the site, until nowChrome ExperimentIt is made by CSS 3 and WebGL as well as. With the introduction of high-performance graphic card-equipped equipment, WebGL support for Chrome app for Android has been realized and this "Travel by the Hobbitous Dragon's Kingdom - Middle-earth Travel" can be enjoyed even in the mobile environment It seems that it seemed to be. In addition, it seems that "The kingdom deprived of the hobbit dragon - Middle-earth trip" is the first service that can experience Chrome Experiment on mobile.


However, because WebGL is not compatible with iOS, you can not enjoy the game part of "Kingdoms deprived of the Hobbitous Dragon - Middle-earth Trip" from the iPhone or iPad's Chrome application. But if you just watch the map or travel around the land, you can do it without problems and the Web Audio API used for sound effects can be experienced not only for Chrome for Android but also for Chrome for iPhone / iPad.


This project also includes the promotion of "the kingdom deprived of the Hobbitous dragon" scheduled to be released on February 28, 2014 and the demonstrative meaning of Google's latest technology, and the new of these types of campaign sites It points to the direction.