存档:

文章标签 ‘Canvas’
37

【快乐周末】挑战 Google 字谜游戏

2011年8月28日

Google 日本团队与「リアル脱出ゲーム」(真实逃生游戏)主办方 SCRAP 联合制作了这款 The Google Puzzle 字谜游戏。这次 SCRAP 的奇思妙想得以以最新的 HTML5 与 CSS 3 技术呈现。

Google logo 中的黄色字母“o”被关到旁边窗口中,这款游戏的目标就是救出小“o”。解决所有字谜后,“o”将重获自由,与谷家团聚。

虽然字谜难度逐步增加,但前沿技术带来的用户体验才是最值得享受的——包括“o”在窗口中挣扎、出题板、多窗口同步绘制、拖放等特效绝非言语可以形容,请读者务必亲身体验一下!

被难题卡住了也不用担心,游戏进度存储在 LocalStorage 中,下次只要使用同一台电脑就能继续解谜。

只有解开所有谜题的读者,才能享受到最新最酷炫技术带来的震撼!当然了,虽然网站支持所有主流浏览器,但 Chrome 无疑是观看压轴大戏的最佳选择。

via Google Japan Blog

《Google 字谜》游戏有英文日文两种版本。点击“Enter”会看到“o”被劫走并关到单独窗口中的情景,然后点击“Get O Back”(“把 O 救回来!”)开始游戏。游戏过程中可点击右上角抢走小“o”的指针获取提示。

为帮助读者欣赏全程美景,下面附上闯关攻略,选中黑色背景部分即可查看!

闯关攻略

第零题:如果访问不了,但网络支持 IPv6,请尝试这把钥匙:2404:6800:8005::79 www.thegooglepuzzle.com

第一题:“隐藏的单词是什么”,考察 Google Maps 卫星影像视图,答案:Global

第二题:“首字母组成什么国家名”,考察 Google Translate “侦测语言”翻译的使用,Ireland。(日文版答案:マケドニア

第三题:填词“I ___ you.”,考察 YouTube 视频评注的运用,Heart。(日文版答案:

第四题:“5×5 ↓”,考察 Chrome 窗口尺寸调节,“人类最好的朋友”是 dog。(日文版答案:アロハ

第五题:“谁的日程表”,Google Calendar 服务,“作有《Eine Kleine Nachtmusik》”,Google 可知是 Mozart。(日文版答案:石田三成

倒数第二关:将指针拖放到倒计时板;将“很有用的”六边形拖到与魔方重合的位置。

最后一关:“Bridge the O and O”,在俩 O 之间搭桥,需要观察网址中的“Google”,在 o 与 o 之间插入“bridge”再访问

24

弹吉他 doodle 太好玩了,Google 决定再放一天让大家玩个痛快

2011年6月10日

昨天纪念莱斯·保罗电吉他之父诞辰 96 周年的doodle实在太好玩了,于是Google决定把这个doodle再放一天,让莱斯·保罗再接着过一次生日。

不过现在Google.com.hk已经看不到这个doodle了,可能是总部临时的决定,所以香港这边已经由于到日子而下线了?大家必须到Google.com继续玩这个doodle。美国版其实还跟其它国家的有所不同,因为它不仅可以用键盘和鼠标演奏,还可以将演奏录下来(最多30秒),同时生成一个goo.gl的短网址,将该网址发送给别人,即可让他也听到你的作品,很赞的设计!

Google表示这个doodle动用了Javascript、HTML 5 Canvas、CSS、Flash(只是为了播放声音)和包括Google Font API, goo.glApp Engine在内的一些开发工具。

另外感谢读者 Twitter@chnp101 的提醒,有人抓包自建了一个吉他doodle,以后可以常年在这里玩(可惜是无法录音的非美国版本)。

Update:感谢读者 Twitter@orange0422 的提醒,有人把吉他的源代码提取出来了,传到自己的空间随时可以玩(这个也是无法录音的非美国版本)。

Update 2:补充两个老外的演奏视频,曲目分别是Hey Jude和Canon(欢迎大家自己录制视频投稿给我们):

阅读全文...

9

Chrome Dev 全平台更新到 13.0.782.1

2011年6月2日

感谢读者 chaos 的提醒。

Chrome for Windows, Mac, Linux 和 Chrome Frame 同时升级到了 13.0.782.1 版本,改变包括:

具体更新细节请看 SVN 记录

Via Google Chrome Releases

作者: 分类: Google新闻 标签: , ,
2

Web Audio API 进驻 Chrome,提供原生音频处理支持

2011年2月8日

Chrome Dev for Mac分支的实验室里(通过about:flags进入)已经实现了对Web Audio API的支持,Windows和Linux版本还要再等等,毕竟搞音乐的都用Mac嘛。

Web Audio API提供了全新的网络音频体验,它可跟canvas 2D和WebGL 3D的API一起创造出新一代的游戏和互动音乐应用。Web Audio API可以让你直接在浏览器里进行动态作曲和混音工作,它是一个完全模块化的系统,支持效果器、卷积混响引擎、多音频通道发送、编组混音通道、实时音频频谱仪等等,并可通过JavaScript进行处理。

这里有一些可通过Web Audio API实现在浏览器里的音乐制作实例,包括鼓机卷积效果数字DJ离子效果器实时频谱仪互动物理引擎音乐装置声像/混响效果器带实时音频效果的Web GL 3D桌球JavaScript处理多普勒偏移效果演示。关于Web Audio API的文档可以在这里找到。

目前Chrome Web Store里似乎还没有啥像样的音频处理应用,唯一的Audio Tool还是基于flash的,相信随着Web Audio API的部署,会出现一些不错的音频处理应用,在浏览器里原生处理音频已经不是梦。

Via Chrome Story

4

在网页里用硬件加速 3D 渲染的 WebGL 规格初期公开草案公布

2009年12月12日

webgl

Google作为Khronos的成员之一正在帮助建立WebGL规格,以提供在网页里通过Canvas元素进行硬件加速的3D渲染。今天WebGL规格的初期公开草案公布了,Mac/Windows/Linux(32与64位)平台的Chromium(开源版的Chrome浏览器)均提供了对WebGL的支持,这是与Apple(我惊讶Google博客里居然还在称苹果是Apple Computer公司)和WebKit联合开发的成果。

你可以体验:

WebGL wiki提供了更多标准的进化过程,包括草案规格,介绍文章,教程,邮件列表和论坛。

Google希望WebGL的最终标准能尽快定型,这是Google将人们拽到纯浏览器世界里的重要一步。

小提示:要让Chromium支持WebGL,需要在启动参数里加入“ --enable-webgl”。

Via The Chromium Blog

0

Google 发布介绍 HTML 5 新特性的视频

2009年9月24日

HTML 5是Google未来网络服务的根基,所以Google正不遗余力的做推广。最新发布的视频演示了HTML  5的强大威力,包括:

  • 通过Canvas标签实现的网络矢量图和SVG(Scalable Vector Graphics可缩放的矢量图形)
  • 基于地理信息的Geolocation API
  • HTML 5 Video
  • HTML 5数据库和程序缓存
  • Web workers

继续观看视频:

阅读全文...

14

在 Chrome 浏览器里玩 NES 模拟器

2009年9月17日

nes-chrome

这是可以证明Chrome强大之处的最佳方法了,用Chrome打开JSNES,你可以直接在浏览器里选择各种NES模拟器来玩,全是童年的经典(包括吃豆人、俄罗斯方块、超级马里奥、网球、魂斗罗、超级马里奥3、塞尔达2、大金刚等等),理论上任何NES模拟器都可以读取,如果能允许用户自己选择硬盘里的NES模拟器来玩就更爽了。

JSNES是利用JavaScript和Canvas建立的,尽管其它浏览器也支持(比如FireFox),但几乎没有可玩性,因为速度糟糕到只有12fps左右,而Chrome可以轻而易举的达到60fps以上。Chrome告诉FireFox,“支持”是一方面,“性能”又是另一方面。

谁说未来的Chrome OS不能玩游戏?你的浏览器=你的游戏平台,恩,就是这样了。

Via Google Blogoscoped

6

【直播结束】Google I/O 2009 大会

2009年5月28日

Google I/O是Google每年一届的开发者大会,在三藩市举办。现在Google正在做首日的演讲,下面是转自TechCrunch的现场直播。

google-io-1

Google CEO Eric Schmidt首先出场:

  • 我们花了20年时间尝试创造一种正确的编程模型,然后互联网出现了,是时候了!
  • 开始大谈特谈App Engine和Java
  • 今年将会是Android井喷的一年
  • 它真的很成功!
  • 我们已经走上了正确而光明的康庄大道
  • 互联网上的云计算应用才刚刚起步

阅读全文...