草庐IT

3D-Carousel

全部标签

javascript - 在 OWL Carousel 中滑动 2 个元素

我正在使用OWLCarousel对于我的slider。我想做的是在单击下一个时滑动2个元素。所以它滑动到每隔一个元素仍然在传输过程中显示第二个元素。我尝试用CSS解决它,但没有成功。这是我的基本设置$("#owl-demo").owlCarousel({navigation:true,//ShownextandprevbuttonsslideSpeed:600,paginationSpeed:400,singleItem:true,//"singleItem:true"isashortcutfor://items:2//itemsDesktop:false,//itemsDesktop

javascript - 用 JavaScript 进行 3D 渲染的最佳在线资源是什么?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion先介绍一下:去年我写了这个http://dragan.yourtree.org/code/canvas-3d-graph/现在,我想完全重写它,因为那个旧版本有一些限制,例如:有时会发生条形图不可见的情况,因为它们是一个接一个地绘制的。在这个旧版本中没有真正的3D,只有一堆模拟3D的2D线。现在,我想要的是进入完整的3D场景,我想将所有对象保留在内存中,并添加某种3D

javascript - 如何创建具有宽度和厚度的 Three.js 3D 线系列?

有没有办法创建具有宽度和厚度的Three.js3D线系列?尽管Three.js线对象支持线宽,但WebGL中所有平台上的所有浏览器尚不支持此属性。这是在Three.js中设置线宽的地方:varmaterial=newTHREE.LineBasicMaterial({color:0xff0000,linewidth:5});具有宽度的Three.js功能区对象最近已被删除。Three.js管对象生成3D挤压,但基于贝塞尔曲线的线条不会通过控制点。谁能想到一种在Three.js中绘制具有某种用户可定义的“体积”(例如宽度、厚度或半径)的线系列(折线、绘图线)的方法?这个问题可能是对这个问题

javascript - Owl Carousel ,到达第一个/最后一个元素后禁用导航

我正在尝试为我的网站使用OwlCarousel。我想在到达第一个/最后一个元素后禁用导航,例如通过在导航中添加“禁用”类然后通过css禁用它。可能吗?我的代码$(document).ready(function(){varowl=$("#owl-demo");owl.owlCarousel({rewindNav:false, pagination:false,items:4});//CustomNavigationEvents$(".next").click(function(){owl.trigger('owl.next');})$(".prev").click(function()

javascript - 将angularjs ng-repeat应用于owl-carousel

在此处查看轮播:Owl-carousel2我遇到了一个问题,无论何时将ng-repeat指令应用于轮播,项目都会垂直堆叠而不是水平布局。如果我省略ng-repeat并使用静态项,那么它会正常工作。是否有我可以编写并应用于owl-carousel以维护布局的指令?另外,导致轮播中断的ng-repeat是怎么回事?angular是否以某种方式剥离了应用于轮播的owl-carousel类?注意*如果手动构建列表然后遍历并使用以下元素追加元素:vardiv=document.createElement('div');varanchor=document.createElement('a');v

用HTML5+CSS实现3d动画立方体

本文章描述如何用HTML5与CSS做出一个3d动画的立方体。文章目录一,主要思路与注意事项二,布局与逻辑分析三,效果展示四,完整代码一,主要思路与注意事项:1.制作一个立方体,需要六个面,令:        Z轴前后两个面分别为1号6号        X轴左右两个面分别为2号5号        Y轴上下两个面分别为3号4号这里是给div添加样式来分别来作为1-6号“面”。注:        1.平移与旋转主要是找准中心点:一开始使六个面都重叠在一起,即放在同一位置的不同层级,从里到外依次是1-6号面,最开始是以最外面的6号正方形的中心为中心点来平移和旋转的。        2.之后的移动都是以

JAVA 如何绘制三维地形图 —— Matplot3D for java V4.0教程:DataGridProcessor处理器详解

文章目录一、Matplot3DforJAVAV4.0概述二、什么是处理器三、DataGridProcessor处理器四、基本使用方法五、举个栗子:绘制高程地形图一、Matplot3DforJAVAV4.0概述  Matplot3DforJAVA 是一个基于JAVASE1.8环境开发的数学科学数据三维可视化组件。这是一个纯JAVA实现的类似matplotlib可视化三维库(内含纯java实现的3维软引擎),封装为一个jar包,jar文件大小只有200多KB,直接引用即可。无需再安装和配置第三方库或者环境,无需依赖OpenGL、DriectX、JAVA3D或JAVAFX等等。下载地址 码云:   

javascript - 如何在 ajax 调用后重新初始化 Owl Carousel?

我正在尝试在成功调用ajax后重新初始化Owl轮播。ajax调用将更改数据,但View应保持不变。我遇到一个问题,即View(轮播结构)不会重新初始化。页面加载时一切正常。我使用的是1.3.3版本$(document).ready(function(){$(".owl-carousel").owlCarousel({items:3});});Ajax调用$.ajax({type:'get',url:'/public/index',dataType:'script',data:data_send,success:function(data){$(".owl-carousel").owlC

javascript - 带轴和 Angular 3D 旋转

我知道3D旋转在SO和许多其他网站上都有详细的记录,但尽管阅读了无数的解释,我仍然没有弄清楚我哪里出错了。我的背景是艺术和设计,而不是数学和编程,而且我从来不确定我的攻击Angular(没有双关语意)是否正确。我没有粘贴我的糟糕代码的拼凑,而是包括一张描述我的问题的图像。我真正想要的是如何解决它的分步措辞分解。伪代码很有用,但如果有人将我指向正确的方向或指出常见的陷阱,我会学到更多。红色=X轴,绿色=Y轴,蓝色=Z轴Magentavectors=origin-->一些X,Y,Z点洋红色立方体=两个洋红色矢量的端点的平均值(有更好的名称吗?)白色向量=两个洋红色向量的叉积(为显示而扩展,

javascript - 如何获取 CSS3-3d 转换元素的屏幕位置?

我有一个基于CSS3构建的非常复杂的网站,其中包含html元素3d转换、旋转、翻转、翻转和一般扭曲。我正在尝试找出其中一个元素在屏幕上的位置,但没有找到任何方法。不知道有没有人有什么巧妙的想法。或者,如果有人可以解释-webkit-perspective背后的数学原理,我可以找出位置,因为这是我唯一不确定如何建模的东西。 最佳答案 您是否尝试过使用getBoundingClientRect()?我过去曾成功地使用它来计算已使用transform属性转换的元素的尺寸。 关于javascri