【转载】在Google Map上玩LEGO

【转载】在Google Map上玩LEGO_第1张图片

Google又放出了很帅又充满了Google式小清新风格的HTML5在线游戏,这次和LEGO合作——在Google Map上砌LEGO积木:

www.buildwithchrome.com

这个游戏不知道是哪个和我一样买不起房的屌丝想出来的,不知道梦见几次在地球上某个有待开荒的土地上占一个山头盖属于自己的房子之后用满腔的热血把它做出来了。

不过貌似只能选择在大洋洲范围内的土地,估计开发者是那边的穷矮矬。

可惜那边没有那些神奇的网游,不能像 张翼那样玩网游一夜暴富然后狠砸十万在猫扑上卖广告就为告诉前女友吴倩一句老子现在是高富帅了。

对不起扯远了。

貌似每次  Google IO 临近Google就整个这样的玩意告诉你 HTML5 是多么的白富美,和高富帅浏览器 Chrome是多么绝配。

这次也不例外,这个玩意儿需要用Chrome浏览器才能正常使用。

【转载】在Google Map上玩LEGO_第2张图片

你可以把左侧缩放工具条放大到3D来查看地图上已经建设好的作品的详细模样。

你也可以找一块空地点击“ Build here”来建立自己的房子。

【转载】在Google Map上玩LEGO_第3张图片

建筑材料是LEGO。

这个游戏模拟得不错,手感非常好。

  • 鼠标左键:放置积木
  • 空格键+鼠标拖动:旋转积木
  • 鼠标滑轮:缩放场景
  • 鼠标右键:删除积木(点已放置得某块积木)
  • 键盘方向键:旋转积木

【转载】在Google Map上玩LEGO_第4张图片

积木的颜色是可以选择的。

【转载】在Google Map上玩LEGO_第5张图片

我也建立了我的地盘,知道是什么么?

【转载】在Google Map上玩LEGO_第6张图片

上面这张是内涵图。

发布后可以获取你的地盘的网址。欢迎来参观我的:

www.buildwithchrome.com/build/5Ji

最后要说说这个玩意儿的源代码,里面的  <noscript> 注释里有一段内容是这样的:

                                                    ___
                                                  .~))>>
                                                 .~)>>
                                               .~))))>>>
                                             .~))>>             ___
                                           .~))>>)))>>      .-~))>>
                                         .~)))))>>       .-~))>>)>
                                       .~)))>>))))>>  .-~)>>)>
                   )                 .~))>>))))>>  .-~)))))>>)>
                ( )@@*)             //)>))))))  .-~))))>>)>
              ).@(@@               //))>>))) .-~))>>)))))>>)>
            (( @.@).              //))))) .-~)>>)))))>>)>
          ))  )@@*.@@ )          //)>))) //))))))>>))))>>)>
       ((  ((@@@.@@             |/))))) //)))))>>)))>>)>
      )) @@*. )@@ )   (\_(\-\b  |))>)) //)))>>)))))))>>)>
    (( @@@(.@(@ .    _/`-`  ~|b |>))) //)>>)))))))>>)>
     )* @@@ )@*     (@) (@)  /\b|))) //))))))>>))))>>
   (( @. )@( @ .   _/       /  \b)) //))>>)))))>>>_._
    )@@ (@@*)@@.  (6,   6) / ^  \b)//))))))>>)))>>   ~~-.
 ( @jgs@@. @@@.*@_ ~^~^~, /\  ^  \b/)>>))))>>      _.     `,
  ((@@ @@@*.(@@ .   \^^^/' (  ^   \b)))>>        .'         `,
   ((@@).*@@ )@ )    `-'   ((   ^  ~)_          /             `,
     (@@. (@@ ).           (((   ^    `\        |               `.
       (*.@*              / ((((        \        \      .         `.
                         /   (((((  \    \    _.-~\     Y,         ;
                        /   / (((((( \    \.-~   _.`" _.-~`,       ;
                       /   /   `(((((()    )    (((((~      `,     ;
                     _/  _/      `"""/   /'                  ;     ;
                 _.-~_.-~           /  /'                _.-~   _.'
               ((((~~              / /'              _.-~ __.--~
                                  ((((          __.-~ _.-~
                                              .'   .~~
                                              :    ,'
                                              ~~~~~

 

转载自: http://blog.linz.im/2012/google-map-lego.html

你可能感兴趣的:(html5,HTML5热点关注,技术博文)