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

虫子 · 发表于 2017-5-4 16:48:04

本帖最后由虫子于 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魔方使用的技术方案，及其相关实验，并提供源码下载。

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

AIElly · 发表于 2017-5-4 21:40:20

谢谢分享。 :)

lvy911 · 发表于 2017-5-5 09:14:42

这个厉害啊

schelling · 发表于 2017-5-5 18:44:47

厉害了，虽然不怎么会玩

ww8350 · 发表于 2017-5-6 16:53:15

厉害了，以前上中学时就喜欢玩魔方，不过都不是很熟练，现在居然有3d魔方玩了，真是科技的力量啊~

天奇同学 · 发表于 2017-5-8 08:18:35

用css3做的魔方？这么厉害？

yeager · 发表于 2017-11-8 11:28:13

很久很久不玩这个了

mine · 发表于 2018-1-25 21:12:36

是纯C3做的吗？

提利昂 · 发表于 2018-10-10 05:44:41

很有意思，不错，谢谢分享

糖果小屋 · 发表于 2018-10-22 15:16:22

中学时总是摆弄的小东西，现在竟然出3D版的了，很酷

沉醉痴人梦 · 发表于 2018-10-22 18:20:54

觉得有魔性，很新奇，比现实感觉不太一样！

ALLan241934 · 发表于 2018-10-22 19:26:49

晕啊脑子

haishechina · 发表于 2018-11-21 18:13:29

不错，可以收藏！~~偷偷的在背后练习！~~

秋果老 · 发表于 2018-11-22 17:40:35

但是怎么玩。。。为什么我不点他就在动，我点了没有一点反应