干货 资源 Rules & Tips
1. 遵守中国大陆相关法律法规
2. 你的体验心得比资源本身更稀有
3. 提倡分享和讨论 OA 资源
4. 反对标题党
5. 资源请求类主题请发悬赏帖💰

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

查看: 13118|回复: 13
1
虫子 发表于 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
但是怎么玩。。。为什么我不点他就在动,我点了没有一点反应
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

虫部落 陕ICP备14001577号-1川公网安备 51019002003015号联系我们FAQ关于虫部落免责声明虫部落生存法则蛙先知 - AI 玩家社区 🚧

Build with for "make search easier" Copyright © 2013-2024. Powered by Discuz! GMT+8, 2024-3-29 14:25

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