使网站成为一个真正的立方体
Make a website become a real cube
我最近发现了CSS/JS动画,如Meny: http://github.com/hakimel/meny问题是,它只会让一边离开屏幕。我的目标是,做一个完整的立方体网站。
想法:我正在使用技术来创建使用web技术的本地应用程序。为了让事情看起来真的很棒,我想实现3D动画。问题是,我不想过多地填充我的主要观点,所以我想实际上有五个或六个面,这取决于可能性有多大。想象一下,Meny的四个选项都被激活了——上、下、左、右。所以当用户将他们的courser移动到顶部或其他任何一边时,他们会看到其中一个单独的面孔。底部的那个会有一个小控制台窗口。左边是搜索。右边将保存一些信息和触发器,顶部是实际的菜单。中心,始终可见的面,将容纳动态加载的内容。这样,我就可以使用侧面来触发AJAX对主侧面的调用。
我如何才能实现这样一个动画立方体的设计?第六面,在正面的背面,可能是一个更详细的控制台版本,有实际的输入等等……一个终端,某种意义上。
我使用的桌面技术是appJS。它还不支持3D,所以我会尝试不同的技术。我将在Safari中调试界面本身。这对于CSS 3D转换来说应该不难做到。看看这些:
http://desandro.github.io/3dtransforms/docs/cube.html和一个演示:
http://desandro.github.io/3dtransforms/examples/cube-02-show-sides.html相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- jQuery:循环一个具有不同超时值的循环
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 从javascript创建一个列表
- 节点导出返回一个空对象
- 使用clickToggle并在单击另一个元素时关闭元素
- 我可以在json对象中添加一个函数吗
- 使用javascript将动态表从一个html页面打印到另一个html页
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 表追加而不附加最后一个元素
- 画一个立方体一百万次
- 将一个简单立方体旋转两次
- 使网站成为一个真正的立方体
- 试着找出如何得到一个立方体的电流面
- three.js r81:我如何做一个立方体与不同的纹理在每个面
- 改变立方体的一个面颜色- THREE.js
- Canvas API画线出错.(试图画一个立方体)
- 在一个立方体上使用纹理和颜色
- 如何一个接一个地旋转css立方体
- 如何在WebGL中实现一个简单的立方体,而不使用任何库,如glMatrix等