【转载】在Google Map上玩LEGO

标签: HTML5 技术博文 HTML5热点关注 | 发表时间:2012-06-26 11:54 | 作者:HTML5研究小组
分享到:
出处:http://www.mhtml5.com

Build Lego onto a Google Map

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

www.buildwithchrome.com

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

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

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

对不起扯远了。

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

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

Build Lego onto a Google Map 2

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

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

Build Lego onto a Google Map 3

建筑材料是LEGO。

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

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

Build Lego onto a Google Map 4

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

Build Lego onto a Google Map 5

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

Build Lego onto a Google Map 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

相关 [google map lego] 推荐:

【转载】在Google Map上玩LEGO

- - HTML5研究小组
Google又放出了很帅又充满了Google式小清新风格的HTML5在线游戏,这次和LEGO合作——在Google Map上砌LEGO积木:. 这个游戏不知道是哪个和我一样买不起房的屌丝想出来的,不知道梦见几次在地球上某个有待开荒的土地上占一个山头盖属于自己的房子之后用满腔的热血把它做出来了. 不过貌似只能选择在大洋洲范围内的土地,估计开发者是那边的穷矮矬.

开发基于 Google Map 的 Android 应用

- - 博客 - 伯乐在线
简介: 随着移动互联网应用的迅速发展,利用智能手机提供的实时地理位置信息服务功能扩展出众多 LBS(Location Based Service) 应用,将实时地理位置信息与手机的便捷、移动特性结合,为人们提供多种多样的应用场景,比如实时定位、导航、搜索周围好友、基于地理位置的信息推荐等. 本文通过实例介绍如何开发基于 Google Map 的 Android 应用.

Google Labs:通过 HTML 5 网页显示分形图的 Julia Map

- Kevin - 谷奥——探寻谷歌的奥秘
感谢读者 xslidian 的提醒. Google Labs又有新成员:Julia Map. 它可显示出法国数学家加斯顿朱莉娅在上世纪20年代研究出的分形图案. 通过Google Maps API来提供缩放功能,而通过数百万浮点运算而生成的图形完全基于HTML 5 canvas,同时还利用到了HTML 5的Web workers,以调用电脑的所有核心来进行运算.

谷歌的工程师利用Google Map追求女友

- 小熊TONY - cnBeta.COM
感谢Cnpda智能手机论坛的投递. 一个名叫阿里吉尔德的谷歌工程师建议他的女朋友今天务必要使用Nexus One里的谷歌地图,因为他为女朋友的Nexus One建立了一个谷歌地图的自定义应用程序,可以利用谷歌地图,计划她的路线,她会在不同地点使用这个自定义的程序,并且找到早就为她安排好的玫瑰花.

Google Map API 调用次数限额调整方案确定

- 可可 - 谷奥——探寻谷歌的奥秘
今年4月Google宣布将在10月份对Google Maps API调用进行限制,现在已经有了初步方案:. 每个API最多25,000次调用/天. 最多2,500次自定义样式的api调用/天. Google近期会将Google Maps API加入  Google APIs Console ,届时开发者可以在里面查看详细调用数据,同时需要对自己的应用做出调整以保证不会超出限额.

Spring MVC+JQuery+Google Map打造IP位置查找应用(1)

- - 企业架构 - ITeye博客
All examples are simple, easy to read, and full source code available, and of course well tested in our development environment.. 在本文中,读者将学习到如何使用Spring MVC框架和jQuery及Google Map,制作一个简单的根据IP位置查找应用.

LEGO创意字谜

- Hami - 设计|生活|发现新鲜
LEGO的创意广告,你看懂了木有. 「设计,生活,发现新鲜」在新浪微博,更即时地获读更新,更直接地交流沟通. © 设计|生活|发现新鲜 | 原文链接 | 投稿 ! | 新浪微博 | 逛逛我们的在线商店. Mike Stimpson的Classics in LEGO拍摄片场. The Brothers Brick,关于乐高的blog.

牛掰的LEGO房

- Coolxll - 设计|生活|发现新鲜
LEGO艺术家Mike Doyle真是让人膜拜,这一系列LEGO房绝对的震撼,绝对的hold住全场. 这一系列的房子除了采用LEGO外再无其他,神马胶水,油漆啦通通木有. 更夸张的是,就连LEGO本身都未曾动过刀,没有切割和上色. 这真是太具挑战性啦,别说搭建好,就是收集这么多符合条件的LEGO也是件不容易的事啊.

用LEGO修复市容

- Coolxll - 设计|生活|发现新鲜
2007年德国设计师Jan Vorman大胆的提出一名为Dispacthwork project的行动,即用LEGO填补城市街头的破损处. 很快,这项行动得到大人小孩的认可,纷纷加入. 4年时间,Dispacthwork project 行动已蔓延至全球35个城市,并持续增加当中. 「设计,生活,发现新鲜」在新浪微博,更即时地获读更新,更直接地交流沟通.

JavaScript Source Map 详解

- - 阮一峰的网络日志
上周, jQuery 1.9发布. 这是2.0版之前的最后一个新版本,有很多新功能,其中一个就是支持Source Map. 访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js,打开压缩后的版本,滚动到底部,你可以看到最后一行是这样的:.