草庐IT

实现3D动画

全部标签

javascript - 有什么方法可以检测 Swiffy 动画何时完成?

Swiffy动画完成后会触发事件吗?或者是否有一种方法可以获取当前帧与总帧数?我尝试按照另一篇StackOverflow帖子中提到的那样去压缩runtime.js,但我无法破译它。 最佳答案 对于看到这篇文章的任何人,我找到了解决方案。我最终在我的FLA结束时使用了getURL()调用。它看起来像这样:getURL("javascript:animationIsComplete();");将您想要的任何内容放入animationIsComplete()函数中,它现在将在Swiffy动画结束时触发。

javascript - Node.js如何实现多态?

我正在尝试使用node.js和其他相关技术来实现一个应用程序。从Java领域出发,多态性很自然,但对于经典程序员来说,Node的工作方式不同。应用程序将在用户提供的运行时加载新代码。为了让主要核心使用此代码,“我们”需要就某种约定达成一致。知道Node有多新,我对找不到答案并不感到惊讶。问题是这个问题在JS中也相当模糊。要求:强脱钩。在运行时加载新代码。该解决方案应该适用,这样我就可以与浏览器共享尽可能多的代码。更新:我确实摆弄过duck-typing,我还遇到了Clojure在基于协议(protocol)的实现方面的想法。我希望能在答案中加入一些代码。 最

javascript - jquery 动画一个 div 到中心

html:cartagena我想要做的是使用Jquery将“动画”div移动到中心。我现在的js:$(document).ready(function(){$("#animate").animate({left:"+=512"},2000);});现在我想把它放在中心,而不是右边512像素处。 最佳答案 我假设#animate的位置是absolute。要使元素在其父元素中居中,只需将其父元素宽度的一半减去其自身宽度的一半添加到left:$("#animate").animate({left:$("#animate").parent(

javascript - 如何实现多实例jplayers

如果有谁以前用过jplayer,我需要帮助解决这个问题。我有多个jplayer,每个播放器都应该播放自己的音频文件。但它不是这样做的,如果我播放一个jplayer,那么所有的jplayer都会播放,所有播放来自所选jplayer的那个音频文件。事实上,如果我在一个jplayer中使用一个控件,它也会控制所有其他jplayer。所以我正在尝试实现一个多实例jplayers,其信息来自于此:http://www.jplayer.org/latest/demo-03/但是我真的很难实现这个,所以我的问题是有人可以帮我完成这个实现,这样jplayer就可以正常工作,jplayer只控制自己的播

javascript - JS 实现类似 "extends"的功能(非常简单的继承)

假设我在JS中有一个带有原型(prototype)函数的类...functionFoo(){this.stuff=7;this.otherStuff=5;}Foo.prototype.doSomething=function(){};Foo.prototype.doSomethingElse=function(){};现在说我想通过子类化来“扩展”这个类。在Java中,这看起来像...publicclassBarextendsFoo{}现在我知道在JS中真的没有类的概念,一切都可以改变,这一切都归结为一堆废话字典,但尽管如此,我应该能够复制一个类的原型(prototype)并将其附加到

javascript - 如何使用 d3.js 沿 GeoJSON 路径为对象设置动画?

我正在使用D3.js从GeoJSON文件生成和呈现路径。这工作正常,但现在我想沿着那条路径为一个对象设置动画。我知道如何使用D3和标准SVG来做到这一点:创建一个过渡并设置其持续时间对于转换的每一帧,使用%complete找到沿路径的坐标将对象移动到第2步中找到的坐标这很简单。但我遇到的问题是d3.geo.path()似乎不像标准D3路径对象(例如有用的getPointAtLength()方法)那样返回任何长度或位置数据。所以我无法找到某个点的x、y坐标,比如说,沿着路径的25%。有没有办法获取这些数据?(或者是否有更好的方法,例如将d3.geo.path()转换为常规D3路径?)下面

javascript - 检测在不可见和在视口(viewport)外时是否对canvas/css3动画进行了优化

我假设使用HTML5中的所有这些硬件加速动画,实际上不会渲染在视口(viewport)之外运行的动画。我希望能够检测到是否正在发生。我尝试在每秒移动100px的对象上循环使用webkitCSSMatrix来尝试确定每个刻度线移动了多少像素,但是如果我将动画移出视线则没有区别。有任何想法吗? 最佳答案 您可以使用单独的计时器测试来查看伪经验方面在外部和内部绘制的对象之间的差异(计时器实际上并不能证明任何东西,但可以为您提供强大的indisium)。但是,了解Canvas的工作原理也可以为您提供坚实的指导。例如,Canvas是一个简单的

javascript - jQuery/CSS 动画 div 从左到右的宽度

我正在尝试使用jQuery为div设置动画,背景图片的宽度从左到右逐渐减小,同时绝对定位。我需要使其与IE8兼容,因此使用jQuery。这是一个基本的JSFiddle演示链接,包含我目前所拥有的内容,但它是从右到左动画的:JSFiddlelinkjQuery(document).ready(function($){$(document).on('click','.splat',function(e){$(this).animate({width:"0px"},800);});});.splat{width:400px;height:400px;background:blue;posit

javascript - javascript 的第一次实现用了多长时间?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。这个问题似乎不是关于aspecificprogrammingproblem,asoftwarealgorithm,orsoftwaretoolsprimarilyusedbyprogrammers的.如果您认为这个问题是关于anotherStackExchangesite的主题,您可以发表评论,说明问题可能在哪里得到解答。关闭8年前。Improvethisquestion我很好奇:编写第一个稳定版本的JavaScript花了多少天、几周、几个月或几年?

javascript - 动画高度自动存储高度 - slideUp with velocity.js

我正在尝试制作一个类似于slideToggle()方法的滑动切换淡入淡出动画,但使用了velocity.js-希望它会更流畅。因为我无法滚动到自动-我将高度放在变量中并使用它来设置高度动画。我遇到的问题是高度值只存储一次,如果页面稍微调整大小,那么这个数字就不再正确了。-另外-因为该区域在页面加载时隐藏,(在它获得初始高度之后)我无法再次检查高度(如果发生窗口大小调整)最后我想把它放到一个函数中,所以保持与它相关的关键。此外,如果您还没有使用过velocity.js,它基本上就像.animate()-所以它并不是问题的一部分。HTMLToggle{{content}}CloseCSS.