确定:目前 Chrome 517 GPU 的存在目标就是为 3D Transform。

简介:

刚才无意间按下了Shift+Esc,打开了Chrome内存管理,然后看见了GPU Process,占领近200M内存!

接下来就顺其自然了:
1、结束GPU进程,英来网正式版的3D交互动画消失,回到2D效果。
2、关闭浏览器重开,打开常规网站,GPU进程未启动,打开英来网正式版,GPU进程自动启动,3D交互动画呈现。
结论一:3D Transform和GPU功能是绑定的,或者说当页面定义了3D Transform,GPU进程就被触发。

3、关闭浏览器重开,用Chrome打开IE9的SVG或Canvas测试页面,GPU进程并未被触发启动。
结论二:目前Chrome GPU并不加速SVG或Canvas。

结合起来,就是本文标题。当然我相信Chrome GPU肯定会支持SVG或Canvas,但是对比微软,Google选择的是首先加速CSS3。Google脑袋和我一样清晰啊,SVG和Canvas相比CSS3,离广泛实用还差得远,我认为不是技术成熟度问题,而是如果现在就把SVG和Canvas引入前端,那将是一场革命,对整个团队前后协同流程都将带来巨大转变,更别说人才稀缺的问题。而CSS3不一样,是无缝的过渡,而且非常简单,在协同上带来的转变也是一种水到渠成的渐进改良。

比如前段时间英来网前端在交互动画设计上的纠结与挣扎,成果是我体会到,在未来肯定会有这么一个全新接口设计:前端开发工程师和动画设计师之间的接口设计。这是在前端新的分离和握手,而曾经斩不断理还乱的到底动画应该放在哪里实现,现在我觉得这个问题已经灰飞烟灭了,当然从我个人的思考,主要原因还不是因为GPU加速,而是因为开发工程师和动画设计师职位就是分离的,而且动画设计更偏向更依赖于平面设计,而且设计一个好动画非常复杂非常繁琐不但要精确控制像素还有时间和节奏,还要涉及到音频处理,所以过去一直以来Web上混编的交互动画,随着CSS3的出现,将变成交互+接口+动画。不过GPU的出现算是没争论余地的定海神针吧。哈哈,说起来我就在想,以后招个CSS3动画设计师……可是,有么?

从这点上看,IE9 至今尚未支持Transform和Transition,却又完美支持SVG和Canvas,唉,微软又错了。这丫一站起来,就想飞了,可是开发者们设计师们连跑都还没学会呢,甚至很多走路都摇摇摆摆。Google和我,那个,一样的高明^o^

Chrome GPU的效果还是很不错,把我们的复杂结构和复杂环境下的复杂效果处理得非常流畅,甚至3D效果比过去的2D效果还流畅,真的不是忽悠的装饰品,是发挥了作用的。不过目前Bug还比较多,最严重的是导致position:fixed定位的部分闪烁甚至完全消失,还有几个奇葩现象,都是在GPU启动后出现的。应该是GPU的渲染Bug问题,不会要我去对GPU做兼容设计吧,这怎么玩~~~

最后一个是关于Chrome GPU进程的恐怖内存消耗问题,不过特殊情况,我估计和我们自身设计问题有关。

嗯,英来网正式版离发布上线还有段时间,有兴趣可以去webkit官方3D动画演示地址:http://webkit.org/blog-files/3d-transforms/morphing-cubes.html


本文转自爆牙齿博客园博客,原文链接:http://www.cnblogs.com/yuntian/archive/2010/09/10/1822903.html,如需转载请自行联系原作者

相关实践学习
部署Stable Diffusion玩转AI绘画(GPU云服务器)
本实验通过在ECS上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。
相关文章
|
弹性计算 自然语言处理 应用服务中间件
GPU实验室-AIGC文本生成3D模型
自多态模型GPT-4发布后,AIGC(AI Generated Content,AI生成内容)时代正扑面而来,从单一的文字文本,演化到更丰富的图片、视频、音频、3D模型等。本文将基于HRN人脸重建模型,以人脸头像作为输入,利用层次化表征实现快速人脸几何、纹理恢复,指导您如何实现使用文本生成高精度3D模型。
|
数据采集 存储 人工智能
一颗GPU,秒出3D模型!OpenAI重磅新作:Point-E用文本即可生成三维点云模型(2)
一颗GPU,秒出3D模型!OpenAI重磅新作:Point-E用文本即可生成三维点云模型
467 0
|
数据采集 人工智能 异构计算
一颗GPU,秒出3D模型!OpenAI重磅新作:Point-E用文本即可生成三维点云模型(1)
一颗GPU,秒出3D模型!OpenAI重磅新作:Point-E用文本即可生成三维点云模型
203 0
|
人工智能 数据可视化 算法
2019图灵奖颁给3D电影奠基者!皮克斯“动画帝国”从他们开启,还顺便带火了GPU
2019图灵奖颁给3D电影奠基者!皮克斯“动画帝国”从他们开启,还顺便带火了GPU
248 0
|
区块链 数据安全/隐私保护 数据中心
黄仁勋:区块链将继续存在 希望加密货币成GPU主动力
区块链将继续存在 希望加密货币成GPU主动力
1254 0
|
云计算 异构计算
云计算新应用 GPU加速3D互联网步伐
本文讲的是云计算新应用 GPU加速3D互联网步伐,回顾互联网的发展,我们不禁感叹世界变化之快。上世纪九十年代,打开古老的Mosaic浏览器,我们看到的只是满眼的文字。从2000年开始,得益于网络带宽、存储能力、CPU计算性能的发展,我们看到了令人眼花缭乱的图像和视频,听到了蔓妙的音乐。
1517 0
|
Web App开发 异构计算 开发者
|
3月前
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率,结合代理IP技术高效采集微博数据。通过CDP,开发者可直接操作浏览器底层功能,如网络拦截、性能分析等,增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为,提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
554 3
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
|
1月前
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案,以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
126 2