查看: 3180|回复: 5

72变的网页魔方游戏让脑筋转动起来吧

[复制链接]

656

主题

3089

帖子

5万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
52130

现居四川我的家乡在陕西

QQ
发表于 2017-5-4 16:48:04 | 显示全部楼层 |阅读模式
GifFox
本帖最后由 虫子 于 2017-5-5 14:59 编辑

魔方

魔方


实体的魔方是不是有点玩腻了?或者说新意不够?来玩儿玩儿72变的网页魔方试试!

2014年5月19日,为了纪念魔方发明40周年,Google 在首页发布了有史以来最酷的涂鸦:一个3D互动魔方

3D魔方也是 Google 公司处理过的最有难度的涂鸦,魔方的成功要归功于 CSS 技术的进步和 Google 工程师们的聪明点子。制作这个拥有5.19X10^20种组合的魔方互动程序共耗去 Google 公司2个月的时间。

Google 公司在重要的节日或纪念日发布涂鸦已经有17个年头,5年前 Google 发布了 Moog 合成器电子琴涂鸦,让全世界音乐爱好者为之疯狂,2010年的时候Google 推出吃豆人涂鸦纪念吃豆人游戏推出30周年。我们可以看出最棒的涂鸦都是艺术和技术的累积——魔方也是如此。但在此之前,因为技术原因, Google无法将可互动魔方 web 化。Google 魔方涂鸦团队的负责人莱恩·吉米克说:“魔方涂鸦这个点子一次次被提出,但是我们觉得技术还不足以将魔方推向 web。”

这种情况在最近几个月内有了变化,Google 创新实验室的理查德称赞魔方涂鸦是“目前 Google 在技术上最宏大的项目之一”。CSS3D 转换在越来越多的浏览器上的普及,意味着web魔方的可行性。

“CSS3D 转换让魔方在3D空间显示成为可能,这与栅格化2D显示不同。”团队领队工程师克里斯托弗·霍姆说,“3D显示会让魔方看起来更生动,随着你移动鼠标,你可以亲眼看到魔方在3D空间中旋转。”

吉米克说,制作3D魔方最大的困难在于捕捉魔方的简洁设计。“从设计方面看,我们希望设计的尽量简单简洁,最大程度简化了魔方的UI。”

Google还向外界放出了魔方的源代码(提取密码:iivb),还在Chrome Experiment发布了几个数字互动魔方程序,同时还与美国著名的自由科学中心合作了一个实时互动展示项目,以纪念魔方诞生40周年。

魔方的最大意义在于帮助我们更好地理解三维空间,在混乱中寻找秩序!

名称 地址 简介
镜像魔方 https://www.grubiks.com/
图片魔方www.imagecu.be 魔方的每一面均支持使用图片自定义,不仅仅是单纯的颜色哦!
节奏魔方 www.808cube.com 富有节奏动感的音乐魔方。
自定义魔方 http://iamthecu.be 多种魔方样式自定义,颠覆你想象!
动画魔方 https://www.imagecu.be/9tck597uv53/ 慎入!眼花缭乱!!
Google 魔方实验室 https://chrome.com/cubelab Google介绍了制作3D魔方使用的技术方案,及其相关实验,并提供源码下载。


持续更新中,感兴趣可收藏关注~


同事曾经对我说:你适合找一个古灵精怪,没事儿就欺负你的女生。

0

主题

45

帖子

1225

积分

高级会员

积分
1225
QQ
发表于 2017-5-4 21:40:20 | 显示全部楼层
老司机导航
谢谢分享。
回复

使用道具 举报

0

主题

20

帖子

1937

积分

高级会员

积分
1937

现居北京我的家乡在河北

发表于 2017-5-5 09:14:42 | 显示全部楼层
动漫资源搜索
这个厉害啊
岂能尽如人意  但求无愧于心

0

主题

20

帖子

312

积分

注册会员

积分
312
发表于 2017-5-5 18:44:47 | 显示全部楼层
厉害了,虽然不怎么会玩

3

主题

97

帖子

5966

积分

金牌会员

积分
5966

现居湖北我的家乡在湖北

发表于 2017-5-6 16:53:15 | 显示全部楼层
免费图片视频搜索
厉害了,以前上中学时就喜欢玩魔方,不过都不是很熟练,现在居然有3d魔方玩了,真是科技的力量啊~

2

主题

35

帖子

629

积分

中级会员

积分
629
QQ
发表于 2017-5-8 08:18:35 | 显示全部楼层
搜狗知乎搜索
用css3做的魔方?这么厉害?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表