当前位置:首页 > 开店经验 > 淘宝开店

淘宝造物节h5怎么做的

关注:7 发布时间:2022-02-11 09:36:01

从原理上来说,开发者实际只是用了一个非常常规的展示技术,就是css3的空间变换命令,而这个所谓的3d场景是一个不折不扣的伪3d。实际用户们早就见过这种玩法了,只不过以前都是用在真实场景图片上,而这次是用在插画上,所以会给人完全不同的新鲜感。而且这支h5并不算是虚拟现实,也不能算作vr h5,真是十分糟糕的技术混淆!

全景图演示图,该h5与之原理相似。

淘宝造物节h5怎么做的

这支h5的全景图。

我们通过画面的缓慢播放发现,原来背景图是一条条的,被切割了!

尤其是当你进入场景内,把画面放大时,会发现一条条接缝,这就让我们更确信了一个判断,而当通过后台把元素罗列出来时,就一目了然了!

不仅仅是主背景,就连其它画面元素也都被切割成了类似样式,这又是为什么呐?

其实这就是css位置变换命令的一个巧妙用法,开发者将所有的图等距离大小切割成了一条条,并把它们围成一个圆形,这样在体验上就创造了一个空间。利用一些算法和简单技术就创造了比较丰富的视觉表现,这真是非常聪明的用法!

h5空间原理的示意图:

但问题又来了!一般情况下,想要在h5上实现真实3d展示,需要借助webgl这种编辑方式,而想绕过这个技术壁垒的话,常规有以下三种方式:

视频、div+css、canvas

视频做成3d糊下群众,这个很好理解。但我们通常又会认为canvas相比div+css是更好的解决办法,并且效率更高。可以处理数量更大的素材,并且不耗费请求数量。

淘宝造物节h5的具体的原理在以上的内容中为大家分析出来了,很多的人之所以会去参与此次的造物节活动,都是被这个现场的效果吸引过去的,此次的造物节活动在杭州西湖举行。

淘宝造物节h5怎么做的

猜你喜欢

  • 淘宝售假扣1分降权多久

    淘宝售假扣1分降权多久74人支持

    如果您是被人工审核判定售假,且情节严重,或不凑巧遭遇淘宝强化打假,您会被判定b类淘宝严重违规扣48分,处罚内容包含但不限于:查封店铺永久,查封帐号永久,查封创建新店铺永久,立即延长交易超时时间30天,立即限制发货选项。期间全店商品隐形降权一年,后台从流量…

  • 淘宝权重展现规则是什么

    淘宝权重展现规则是什么8人支持

    大家在最迷茫没有方向的时候一定要记住一个核心点那就是最底层的东西就是七维爆搜玩法里面那么底层模型的东西是不会变的,淘宝一定永远看的是人气+坑产为核心的,现在开的是人气+精准标签+坑产,坑产这个东西傻子都能看懂搞好,因为现在大家玩坑产的多了淘…

  • 网商贷高级版到底是指什么

    网商贷高级版到底是指什么50人支持

    阿里巴巴宣布联手中行、招行、建行、平安银行[0.10% 资金 研报]、邮储银行、兴业银行[0.83% 资金 研报]、上海银行7家银行,推出针对中小企业基于网商信用的无抵押贷款计划——网商贷高级版,最高授信1000万元。 资金研报]等多家银行都是阿里的首批合…

  • 生意参谋流量纵横能选词吗

    生意参谋流量纵横能选词吗9人支持

    生意参谋流量纵横的两大主要功能为制定计划和流量监控。制定计划主要分为事件中心和计划中心。而流量监控主要分为流量看板、计划监控、店铺来源和商品来源。所以选词方面是不行的。如何利用生意参谋选词?打开生意参谋,我们可以看到首页的访客数以及…

  • 芝麻冰激凌卡怎么激活

    芝麻冰激凌卡怎么激活55人支持

    冰激凌卡的激活可以按照以下步骤来,首先就是要 关注“中国联通”微信公众号,点击“菜单栏”--“优惠激活”--“号卡激活”;然后输入下单时预留的联系电话、usim卡的iccid后八位,再根据提示拍照或上传照片,确认身份信息和下单时一致,照片清晰;上传身份证…

  • 淘宝全球购0元抽规则详解

    淘宝全球购0元抽规则详解31人支持

    淘宝全球购0元抽招商规则详解:用户规则:1.参与路径:在手机淘宝全球购频道,进入“全球新鲜货”活动页面,点击“免费体验”,即可获得一个抽奖码,第二天12点开奖时候会通知;2.参与用户条件:用户的淘宝会员账号所绑定的支付宝账号已经过实名认证、并绑定有效手机…

  • spu指的是什么意思

    spu指的是什么意思96人支持

    一、spu概念spu = standard product unit (标准化产品单元)d1spu是商品信息聚合的最小单位,是一组可复用、易检索的标准化信息的集合,该集合描述了一个产品的特性。通俗点讲,属性值、特性相同的商品就可以称为一个spu。 xs的毛重都是420.00g,产地也都是…

  • 卖家找淘宝达人推广有什么技巧

    卖家找淘宝达人推广有什么技巧43人支持

    找淘宝达人推广的技巧如下:1、筛选出意向淘宝达人先按上述第一个方法,先筛选出一些达人,比如某个淘宝达人平时发过的在关联清单里出现过的清单通常都有5000以上阅读量的,那基本可以判断该达人未来的关联清单的流量也基本会在5000以上,那你将来就可以给这…

  • 淘宝旺铺基础版自定义模块之间的间隙去除办法

    淘宝旺铺基础版自定义模块之间的间隙去除办法96人支持

    1、,自定义模块之间的间距,在店铺基础版里面是不能编辑的。2、其实,代码之间是可以嵌套、累加的。我们将多个自定义模块的代码,放在一个里面,那么就不存在间隙之说了。3、首先点击第二个自定义模块之间的编辑,选择源代码状态。4、a、全选复制淘宝装修代码,…

  • 淘宝直通车如何优化质量得分

    淘宝直通车如何优化质量得分64人支持

    质量得分统计分为3个维度:1. 创意质量:推广创意近期的关键词动态点击反馈2. 相关性:关键词与宝贝类目、属性及文本等信息的相符程度3. 买家体验:根据买家在店铺的购买体验和账户近期的关键词推广效果给出的动态得分一、移动设备质量得分优化建议您将关键…

  • 淘宝店铺首页布局介绍

    淘宝店铺首页布局介绍79人支持

    首先大家要规划好相应的版块,做到心中有数,一个正常经营的网店首页主要有店招、导航、海报、宝贝分类、客服旺旺、产品展示、网店页尾、网店背景等这几部分组成,我们所说的前提是你的网店是旺铺专业版,在其自定义模块上进行装修。那么淘宝店铺首页装修这…

  • 微淘盖楼有礼是什么

    微淘盖楼有礼是什么17人支持

    一、微淘盖楼有礼是什么?根据百度百科解释,在网络上,通常把发布引诱回帖形式的帖子称为“盖楼”,因为帖子往往被形象的比喻为“楼”每个用户的回复代表一个楼层,所以发表主题帖子便被形象的比喻为“盖楼”。要想盖一个高层的大楼,首先要考虑如何能获得高访…