我一直关注the expressive web网站。我在google
上做了一些网站的研发,但没有得到令人满意的链接,解释了如何制作网站的概念。
虽然我知道它是在html5
,css3
中制作的,但我正在寻找一些示例代码来帮助我做一些编码。
任何人都可以帮助我吗?
答案 0 :(得分:0)
"富有表现力的网络"旨在给开发人员留下令人印象深刻的HTML5和CSS3新的惊人创意可能性。但它是一个玩具的例子。基础技术就像使用css动画和转换的一堆div一样简单。 It's all about tedious production and impressive artistic effort. 最适合此类任务的技术是WebGL。实际上,它将更容易实施。
这里有一些需要考虑的理由:
此时HTML5 + CSS实现可能具有很大的覆盖率。但是,您仍然可以在较旧的浏览器上运行它或使用填充程序,因为它太重,甚至在所有现代浏览器中都无法正常工作。所以你最终会得到flash \ html5视频后备。
对于DOM渲染时间来说真的很糟糕。
这样您就会遇到简单的几何体,没有灯光效果或着色器。
您可以使用简单的粒子系统或变形来实现它,几乎所有的代码都将在GPU上执行,因此它可以非常接近本机代码并且可以为手持设备节省电池。
这真是难以理解。您无法扩展桌面和缩小手持设备。但是使用WebGL它很简单,包括简化几何。
CSS + HTML具有性能开销,因为对象的每一面都是DOM的一部分。
对于这种图形效果,没有工具(据我所知)处理资产。但是你可以找到很多软件(包括免费软件)来处理像three.js或其他常见3D管道工具这样的框架,包括非常简单易用的声明性框架,如http://www.x3dom.org/