
什么是 Forever Grid
Forever Grid 是一个独一无二的网格,采用 GLSL 构建,Three.js具有无限滚动、放大和缩小功能,利用着色器的力量创建自然有机的失真效果。
主要特点
响应式布局 – 无论使用哪种设备,都能完全响应和适应性强。
桌面和移动设备优化 – Forever Grid 将适应任何屏幕尺寸和任何设备,无论您使用的是手机(IOS、iPhone、Android)还是桌面浏览器。
延迟滚动/加载 – 当滑块在页面中可见时,在滚动时初始化 Forever Grid 的选项,这样例如,如果滑块位于不可见的部分中,则不会初始化,相反,只有当用户滚动到添加滑块的部分时,Forever Grid 才会被初始化。
可定制尺寸 –作系统可以设置为任何宽度或高度,并放置在页面或应用程序上的任何位置。此外,还可以根据需要设置物品大小和比例。
多种显示类型 – 滑块可以使用响应式布局或“后父”模式进行显示,这允许它根据父元素的大小进行调整。
预加载器 – 可选的动画预加载器。
视差 – 可选的视差滚动效果。
无限循环 – 无限 或非无限 网 格。。
鼠标滚轮或手势缩放 – 网格可以配置为使用鼠标滚轮或触摸手势放大和缩小。您可以设置最大和最小缩放级别,以及首次显示网格时的初始缩放级别。
项目和介质偏移 – 拖动网格时为项目或介质启用可选偏移 – 此偏移量会根据拖动速度动态调整。
可定制的项目比例和间隙 – 可以设置项目的最小和最大比例,以及它们之间的间隙。
自动滚动 – 启用可选水平自动滚动 和垂直自动滚动,每个都有可自定义的速度设置。
限制拖动方向 – 将拖动方向限制为水平 或垂直.
物品噪音动画 – 可选的物品噪音动画,物品将添加类似旗帜的可自定义动画,这里的例子.
滚动速度强度 – 可定制的滚动速度 – 微调滚动速度以匹配您想要的体验。
滚动刻度强度 – 可定制的滚动比例 – 微调滚动比例以匹配您想要的体验。
流体后处理效果 – 介绍流体效果,这里的例子.
后期处理 – 各种后处理效果,鼠标波纹, 流体变形, 噪声失真, 网格失真, 残像, 隆起 和更多。
评论0