1
delectate 2019-10-29 16:58:57 +08:00
windows10,换了 4 个浏览器( firefox、ie、edge、chrome )也没看出来哪里吊炸天了。
对比 如红米 k20p,我没看出来区别: https://www.mi.com/redmik20pro 是不是楼主比较 out,没见过世面?还是我显示器出问题了? (如果是果粉信仰加成,当我没说过任何) |
2
delectate 2019-10-29 17:00:37 +08:00 1
收回前言……被打脸了,是我网络问题。
|
3
withzhaoyu OP @delectate 抱歉。我也不是果粉。苹果安卓都用。只是比较好奇里面的动效怎么做的。不要误解奥 XD ,
|
4
delectate 2019-10-29 17:03:18 +08:00 1
再次收回前言,不是网络问题,和高度有关,如果是按 f12,或者没有全屏,就是普通的页面;
fhd 或者 4k 全屏,才能看出来效果。我读一下页面代码吧。 |
5
withzhaoyu OP @delectate ~~~ hh,问题不大~
|
6
huoshanhui 2019-10-29 17:04:12 +08:00
比如说最开始的耳机效果是 148 张图片组成的效果。
|
7
withzhaoyu OP @delectate 感谢巨巨 XD。
|
8
ChefIsAwesome 2019-10-29 17:06:28 +08:00
相当于放个视频,鼠标滚轮控制进度条。如果不是为了盲人啥的,肯定直接就放视频了。这还切几百个图,N 段话。可能有特定的软件能生成这种。
|
9
delectate 2019-10-29 17:07:39 +08:00
https://s2.ax1x.com/2019/10/29/KRWjgg.png
比较急着去跑步,没太多时间看代码了…… 看了一下请求的信息,估计是一帧帧下载并缓存,根据滚轮位置,渲染某一图片。 这样请求多,服务器压力也大(看上图)。 |
10
withzhaoyu OP @huoshanhui 几百张图?我还以为是 css3 旋转之类的动效。这也太暴力了吧
|
11
chenjunyue520 2019-10-29 17:09:17 +08:00
canvas + 多个背景图, 这个页面切的呀。设计师和前端是真牛逼
|
12
withzhaoyu OP |
13
xenme 2019-10-29 17:12:16 +08:00 via iPhone
滚动控制进度,pc 和 iPhone 上卡成狗了。用鼠标快一点才好一点
|
14
CloudnuY 2019-10-29 17:12:44 +08:00 1
这次是 jpg 序列,滚动切换图
以前苹果用过 mp4,滚动改变播放时间轴 |
15
withzhaoyu OP |
16
fancy111 2019-10-29 17:14:03 +08:00
设计不错啊,监听滚轮,还可以回放。
楼上要不你设计个更炫酷的? |
17
SpiritQAQ 2019-10-29 17:18:06 +08:00
昨天晚上睡觉之前看到被秀了一脸愣是看了开发者工具半个多小时...这设计牛逼
|
18
withzhaoyu OP @SpiritQAQ 我今天也是别人发链接推荐我买,然后我一打开页面就惊了,打开 f12 开始看
|
19
redam 2019-10-29 17:21:12 +08:00
F12 看请求,全是图片,通过 canvas 来监听滚轮来一帧帧展现图片( canvas 我不熟 hhhh )
|
20
withzhaoyu OP @redam nice,nice
|
21
sjn9588 2019-10-29 18:28:39 +08:00
看了下只能说声牛逼。。这切图,定位,怎么都这么精准。。
|
22
sjn9588 2019-10-29 18:33:37 +08:00
话说另外有大佬能解答,这种图片加载方式是怎么样实现的吗?没滚动居然都能加载。
|
23
luckyrayyy 2019-10-29 18:34:14 +08:00
打开之后好几十秒图片加载就没停....一共加载了上千张图片
|
24
uTOmOuk3L6sb4MSI 2019-10-29 18:36:34 +08:00 via iPhone
@withzhaoyu #15
你随便一个购物网站,滚几下,看看请求少不少。你得看首屏多少请求 |
25
5yyy 2019-10-29 18:36:58 +08:00
效果很牛逼
|
26
dremy 2019-10-29 18:44:29 +08:00 via iPhone
才知道 ios13 增加了 AirPods 的音频共享功能,简直不能太棒
|
27
egen 2019-10-29 18:58:19 +08:00
简单暴力,还没有兼容性问题
|
28
dremy 2019-10-29 19:02:05 +08:00 via iPhone
就想知道那个 vr 是怎么做的,可以流畅地跑在 iphone 的 safari 里,炫酷
|
29
iKun66 2019-10-30 11:00:14 +08:00
这图切的牛批,服务器也挺强的。
|
30
withzhaoyu OP @dremy 我记得苹果好像推了个新的 VR 文件格式,是不是跟那个有关 (猜的
|
31
lixiaobai913 2023-06-12 17:57:48 +08:00
@delectate 哈哈哈,这反转好搞笑
|