魔方吧·中文魔方俱乐部

 找回密码
 注册
搜索
热搜: 魔方
查看: 4170|回复: 10
打印 上一主题 下一主题

魔方发明40周年的google logo [复制链接]

Rank: 3Rank: 3

积分
661
帖子
327
精华
2
UID
30210
性别

八年元老

跳转到指定楼层
1#
发表于 2014-5-19 18:30:06 |只看该作者 |倒序浏览
https://gstatic.com/logos/2014/rubiks/iframe/index.html
就是这个程序。
源代码:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="styles/cube.css">
    <link rel="stylesheet" type="text/css" href="styles/doodle.css">
    <link rel="stylesheet" type="text/css" href="styles/certificate.css">
    <!-- Script font -->
    <link href="//fonts.googleapis.com/css?family=Rubik+One&subset=all" rel="stylesheet" type="text/css">
    <!-- compiled & minified cube code -->
    <script charset="utf-8" src="//www.gstatic.com/external_hosted/tweenjs-r12/tween.js"></script>
    <script charset="utf-8" src="//www.gstatic.com/external_hosted/threejs-r66/Three.noStrict.js"></script>
    <script charset="utf-8" src="scripts/cuber.min.js"></script>
  </head>
  <body>
    <div id="bg"></div>
    <div id="container"></div>
    <div id="fail">
      <img src="media/static-cube.png"/>
      <div id="upgradeText" class="bubble fadeTransition">
        <div class="upgradetext">To play, please use the latest version of one of the following browsers</div>
        <br><br>
        <a class="upgradetext" href="https://www.google.com/chrome/browser/" target="_blank">Chrome</a><br>
        <a class="upgradetext" href="https://www.mozilla.org/firefox" target="_blank">Firefox</a><br>
        <a class="upgradetext" href="https://www.apple.com/safari" target="_blank">Safari</a><br>
        <span class="pointerleft SPRITE_carrot_down_2x"></span>
      </div>
    </div>
    <div id="uipanel" class="fadeTransition">
      <div id="movecounter">0</div>
      <div id="buttonpanel">
        <div id="sharebubble" class="fadeTransition" style="opacity:0">
          <input id="shareshortlink" type="text" value="google.com/doodles" readonly="readonly"/>
          <div id="sharegplus" class="bubbleicon SPRITE_google_plus_64_2x"></div>
          <div id="sharefacebook" class="bubbleicon SPRITE_facebook_64_2x"></div>
          <div id="sharetwitter" class="bubbleicon SPRITE_twitter_64_2x"></div>
          <div id="shareemail" class="bubbleicon SPRITE_email_64_2x"></div>
        </div>
        <div id="uibuttons">
          <div id="sharebutton" class="bubbleicon SPRITE_share_64_2x"></div>
          <div id="helpbutton" class="bubbleicon SPRITE_help_64_2x"></div>
          <div id="searchbutton" class="bubbleicon SPRITE_search_64_2x"></div>
        </div>
      </div>
      <div id="helpbubble" class="bubble" style="display:none">
        <span class="pointerup SPRITE_carrot_grey_up_2x"></span>
        <div id="helpimage" class="one"></div>
        <div id="helptext" class="helptext"></div>
        <div id="helpnext" class="helptext"></div>
        <span class="pointerdown SPRITE_carrot_down_2x"></span><br>
      </div>
    </div>
    <script charset="utf-8" src="scripts/iecss3d.js"></script>
    <script charset="utf-8" src="scripts/ierenderer.js"></script>
    <script charset="utf-8" src="scripts/deviceMotion.js"></script>
    <script charset="utf-8" src="scripts/locked.js"></script>
    <!-- Certificate js -->
    <script charset="utf-8" src="scripts/textBox.js"></script>
    <script charset="utf-8" src="scripts/ResizeableTextBox.js"></script>
    <script charset="utf-8" src="scripts/divBox.js"></script>
    <script charset="utf-8" src="scripts/frames.js"></script>
    <script charset="utf-8" src="scripts/certificate.js"></script>
    <script charset="utf-8" src="scripts/main.js"></script>
  </body>
</html>

对应的快捷键
f前面逆时针转90度
F前面顺时针转90度
l左面逆时针转90度
L左面顺时针转90度
r右面逆时针转90度
R右面顺时针转90度
b后面逆时针转90度
B后面顺时针转90度
u顶面逆时针转90度
U顶面顺时针转90度
d底面逆时针转90度
D底面顺时针转90度
m左右的中间层逆时针转90度
M左右的中间层顺时针转90度
e上下的中间层逆时针转90度
E上下的中间层顺时针转90度
s前后的中间层逆时针转90度
S前后的中间层顺时针转90度
x x轴方向整体逆时针转90度
X x轴方向整体顺时针转90度
y y轴方向整体逆时针转90度
Y y轴方向整体逆时针转90度
z z轴方向整体逆时针转90度
Z z轴方向整体逆时针转90度

Rank: 3Rank: 3

积分
661
帖子
327
精华
2
UID
30210
性别

八年元老

2#
发表于 2014-5-19 18:31:34 |只看该作者
本帖最后由 weekend 于 2014-5-19 18:32 编辑

不会分析javascript代码

使用道具 举报

Rank: 3Rank: 3

积分
861
帖子
749
精华
0
UID
1324900
性别
兴趣爱好
收藏
3#
发表于 2014-5-19 19:08:01 |只看该作者
牛人,厉害。

使用道具 举报

粉魔

减肥先锋者

Rank: 5Rank: 5

积分
3465
帖子
2919
精华
5
UID
1320844

两年元老 六年元老

4#
发表于 2014-5-19 19:18:30 |只看该作者
给大神跪了

使用道具 举报

粉魔

是yao 不是yau

Rank: 5Rank: 5

积分
3175
帖子
2227
精华
1
UID
1301328
性别
兴趣爱好
速度

四年元老 六年元老 八年元老 十年元老 十二年元老

5#
发表于 2014-5-19 19:56:19 |只看该作者
感谢分享!!!

使用道具 举报

Rank: 1

积分
54
帖子
44
精华
0
UID
1319828
性别
保密
兴趣爱好
速度

两年元老

6#
发表于 2014-5-19 22:44:27 |只看该作者
想起了学过的web。。。

使用道具 举报

透魔

u,小写,但必须叫u大哥。

Rank: 6Rank: 6

积分
6966
帖子
7272
精华
0
UID
45516
性别
保密
居住地
乌克兰

爱心大使 八年元老

7#
发表于 2014-5-20 00:19:29 |只看该作者

使用道具 举报

Rank: 4

积分
1337
帖子
1925
精华
0
UID
1268645

六年元老

8#
发表于 2014-5-20 19:39:06 |只看该作者
好腻害~~~~

使用道具 举报

Rank: 1

积分
69
帖子
58
精华
0
UID
1333669
性别
兴趣爱好
破解
9#
发表于 2014-9-17 15:16:51 |只看该作者
楼主强大,这是c语言编程吗 ?完全看不懂啊

使用道具 举报

Rank: 3Rank: 3

积分
661
帖子
327
精华
2
UID
30210
性别

八年元老

10#
发表于 2014-9-19 14:28:16 |只看该作者
魔度小屋 发表于 2014-9-17 15:16
楼主强大,这是c语言编程吗 ?完全看不懂啊

HTML5~~~~~~

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|魔方吧·中文魔方俱乐部

GMT+8, 2024-5-1 14:33

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部