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