WebGL是如何重塑Flash的

你还记得所有那些杰出的互动项目,令人兴奋的动画,和令人兴奋的伴随的声音效果,形成了一个强烈的身临其境的用户体验?是的,很有可能是那些用flash创建的。然而,我不喜欢承认,这个丰富的多媒体平台的时代已经到了尽头。flash终于死了。但不要害怕!由于经常发生当一扇门关闭时,另一个打开,flash是慢慢被更新替换,更有活力的接班人。技术如webgl,随行的javascript库,如阅读three js的迅速增长使开发人员能够构建flash之类的项目,没有伴随的安全问题。接下来本文详解讲解在网站建设中webgl是如何重塑flash的。
今天我们要关注的webgl和阅读three js。这种配对是身临其境的用户体验功能强大的选择。
webgl和阅读three js
webgl作为一个基础,提供仪器操作和互动的2d和3d计算机图形学。这给你一个机会来混合和匹配的html元素的结合的网页或其他成分的背景。阅读three js是一系列高端功能,让你操作的场景,javascript库,摄像机,灯光,几何,甚至更多。它的目的是开启webgl势由平台添加额外功能。它可以很方便地创建基于gpu加速的3d动画不依赖浏览器插件。
兼容性问题
与现代技术,你总是陷入一个困境:要么创建一个“一个尺寸适合所有”的项目,将运行在各种设备上,并提供一致的用户体验,或把一切放在线上,并立即打动观众,你可以达到。不幸的是,很多用户都坚持传统的浏览器兼容性,所以有相当大的障碍但支持增长,如果你不使用它的任何关键任务,webgl和阅读three js是极好的选择。
实例
这是一个纯粹的桌面应用程序,通过webgl和网络音频特征的动力。随着howler.js,gsap,和咖啡的对撞机,阅读three js参加这样优秀的操场,无情地将生产线上的游客进入一个旅程,看起来更像一个数字图书。
重塑卓越
这种互动的活动,致力于森海塞尔的周年纪念是一个史诗般的冒险,不仅结合了戏剧性的科幻景观,但也有许多尖端的功能和细节。它是一个纯粹的铬实验,让游客参与形成和塑造一个纪念碑的声音。虽然已完成的阶段,已完成了一百万人在世界各地参加了事件,它的基石。欢迎你来做出自己的贡献,研究这个巨大的声音雕塑,并享受介绍视频和一流的执行。
布鲁诺昆特拉
bruno quintela的个人投资组合是一个实时渲染webgl,实验表明当前web技术的潜在的可能性。用你的鼠标彻底检查场景。拖动它在不同的方向,看看隐藏在这个大量的准确地放置在一起的三维多边形与光滑的表面。这个想法运用于一个优秀的网站,留下一个强大的,持久的第一印象的开幕式。
颗粒测试
该项目具有旋风少有序、有组织管的粒子辐射的高科技氛围。有一个控制中心,鼓励你发挥这样的属性作为一个圆柱状的云的半径,管的密度,高度,规模,和更多。这个概念是迷人的。
水着色器
这位艺术家通过模仿液体的自然行为,设法模仿了一个水面。的凸形状和起伏的表面与太阳反射作为收尾,重新创建一个真正的现实的场景,吸引了眼睛的第一秒。
webgl粒头
因为他们是当闪光是成功的,粒子是现在所有的愤怒。在众多的项目中可以看到各种规模和类型的动画,而这项工作是一个这样的。隐约地让人想起一个像艾萨克·阿西莫夫的小说中的智能人一样的智能机器人的微妙版本是一个真正的杰作。它不仅会惊喜,而且它的行为。它对鼠标的动作反应,自然倾斜头到右边,左,上下。
动态三维纸屑文本
这个实验给你一个美妙的多边形背景与一个可爱的3d感觉。它也作为一个游乐场里你可以用你的鼠标做一些光亮区和其他调光。选项面板使您能够调整画布的大部分细节,包括光、网格、渲染甚至导出设置。更多建站问题请点击。
上一个:网站降权后的表现与恢复办法
下一个:在制作最佳网站时7个关键性设计术语
舟山网站建设,舟山做网站,舟山网站设计