学习安装carousel-3d



  • 最近我们打算将论坛的页面更新一下,作为可选的技术方案,我们考察了一下好的图片控件,于是我找到了一个好的东西,可以在浏览器中显示3D图片的效果,这个控件就是carousel-3d

    大家可能不知道什么是carousel,这里谷歌给你答案——圆盘传送带。也就是说,想让图片循环的展示,除了普通的渐变外,还可以采用3D的方式来表现图片的切换效果。而carousel-3d呢,就是我寻找的一个非常适合的控件。这个控件是韩国人(组织)开发的哦。它的网址是:

    http://paio-co-kr.github.io/carousel-3d

    不过呢,我从github中检出了代码,可是一波三折。

    首先,就是无法使用bower。我查了一下网络,知道bower是前端库常用的,类似npm,可以通过npm进行安装。可是呢,我使用了这个脚本:

    npm install -g bower
    

    那边始终卡在了一个地方。害得我一个晚上都没有办法研究。

    今天好歹是将bower安装好了,可是运行example/default.html文件,却没有显示出它那边显示的效果。什么原因呢?起初我觉得它那边依赖的一个库modernizr使用的是2.8.3的版本,而最新的版本已经是3.3.1了,可能是这个原因。但是后面我发现,carousel-3d这个库所依赖的库,modernizr可以通过bin/modernizr 这个脚本来生成modernizr.js文件。可是不幸的是,当我按照readme中的方法运行这条语句时:

    ./bin/modernizr -c lib/config-all.json
    

    移植报找不到module的错误。我想可能依赖没有全吧。我就尝试了npm install,可是npm install净报错,真是非常沮丧。后面我考虑不依赖一蹴而就的解决办法,开始一个一个进行安装,于是运行了下面几条语句:

    npm install lodash
    npm install requirejs
    npm install file
    npm install marked
    npm install doctrine
    npm install yargs
    

    所谓哪里不会点哪里,诶,最后真的成功生成modernizr.js文件了!我继续浏览器打开example/default.html,终于出现了我想要的结果!

    0_1471850628094_upload-36c5a6a0-86e6-4d46-b677-b36b5d20dc8b

    记录一下,算作给后来的朋友们一点儿提示吧。



  • 这个控件的特点应该是支持ie8,9.
    如果需要3D显示的话,webgl就可以搞定。html5的规范



  • @flowerlove 那的确,可能用WebGL灵活性更大一些,不过要不要学习,我还观察一下。有机会的话,还是看看WebGL和three.js。



  • 加油哟彩阳兄~~~~~~~~~~~~


 

走马观花

最近的回复

  • QQ.png

    read more
  • 原来的号上不去了。。。。。不知道咋回事,可能是Github登录的?
    这个项目时隔3年又更新了,虽然偷了很多懒。。。。

    虽然这几年我一直编译Qt,不过已经很少编译这么全套的了。。。。。

    read more
  • 第一就是进入体验期:就是网友们刚刚进入网站的时候,心态处于体验状态,自然不会充值大额,所以这个阶段提款就是正常的,不会有什么情况。第二就是网站考量期:这个阶段是网友们已经玩了一段时间了,网站就会通过网友们这些天的投注情况来考量这个客户的质量,假如是大客户的话,那你就算赢十个八个网站还是会给你提款的,因为你后面还可以给网站带来更大的利益。第三就是网站拖延期,这个阶段就是网站决定黑你但是还想让你继续充值继续玩的时候,网站会以你的IP异常,注单违规,涉嫌套利等为借口拖着就是不给你提款。第四就是网站黑钱期,这个阶段就是网站觉得你身上的利益已经被他们套光了,网站也就不想在你身上浪费时间了,所以就冻结你的账号然后拉黑你。

    在这里我想说的是,如果我们的账号还没有到网站黑钱的最后一个阶段,只是出款需要审核,总是提不了款,但账号还可以正常登录,额度可以正常转换的时候可以寇+(二二其....久连连..六舞二桑)没有前期

    read more

关注我们

微博
QQ群











召唤伊斯特瓦尔