阿里双 11 这个宣传页做的简直炫酷

2016-10-24 14:34:51 +08:00
 frontman
http://invite.jeejoy.com/pc.html
这个页面特别炫酷
我审查了下用的 canvas
能不能快速实现这样一个页面
15096 次点击
所在节点    程序员
104 条回复
SilentDepth
2016-10-25 10:09:16 +08:00
跟苹果 macOS Sierra 页面效果异曲同工?原理猜测是一堆图片按既定路径放大缩小,视觉上构建出立体和层次。有现成的库和资源的话倒是不难
soland
2016-10-25 10:10:04 +08:00
trident: u.indexOf('Trident') > -1, //IE 内核
presto: u.indexOf('Presto') > -1, //opera 内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios 终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android 终端或 uc 浏览器
iPhone: u.indexOf('iPhone') > -1, //是否为 iPhone 或者 QQHD 浏览器
iPad: u.indexOf('iPad') > -1, //是否 iPad
webApp: u.indexOf('Safari') == -1, //是否 web 应该程序,没有头部与底部
iosv: u.substr(u.indexOf('iPhone OS') + 9, 3),
weixin: u2.match(/MicroMessenger/i) == "micromessenger",
ali: u.indexOf('AliApp') > -1,
580a388da131
2016-10-25 10:20:16 +08:00
PC 版找不到关闭音乐的地方。。。
zhenizhui
2016-10-25 10:21:15 +08:00
@CommandZi 6666+ 看了好几分钟。。
rosu
2016-10-25 10:31:58 +08:00
@580a388da131 右击标签页有静音选项
lightforce
2016-10-25 10:34:58 +08:00
测手机性能不错, mark 下
cncqw
2016-10-25 10:40:28 +08:00
3D 眩晕
ThomasZ
2016-10-25 10:57:39 +08:00
手机版 taobao 物品展示不是已经有这功能了么
zlkent
2016-10-25 11:05:12 +08:00
听说这页面花了 170w...
codz
2016-10-25 11:05:58 +08:00
看起来很酷炫, 170w,能让客户看到这种效果,不亏.
AscenZ
2016-10-25 11:09:43 +08:00
手机确实酷炫!!!
old9
2016-10-25 12:00:33 +08:00
替十年前的 Flash 叹口气。
professorz
2016-10-25 12:21:58 +08:00
分析了 resource 确实是用 three.js 做的,花了 170 万。。。给我找好图片资源,这个技术上不难吧
moonkiller
2016-10-25 14:19:01 +08:00
@professorz 我来给你提供图片资源,咱们开工作室吧-,-
lurrpis
2016-10-25 14:19:14 +08:00
@CommandZi 看了半小时终于停了
sobigfish
2016-10-25 14:22:46 +08:00
@professorz 说的“图片资源”不好钱似的,可能设计费比较贵.
professorz
2016-10-25 14:27:06 +08:00
@sobigfish 学学语文再回复我
professorz
2016-10-25 14:28:33 +08:00
@moonkiller 还得有个会拉活的才行啊
sobigfish
2016-10-25 14:31:30 +08:00
好-》要
但修改不是给 LS 看的,脾气太冲...
p412726700
2016-10-25 14:34:56 +08:00
晋太元中

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/315024

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX