问题标签 [smooth]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1118 浏览

iis - IIS 平滑流式处理

希望有人可以在这里提供帮助。我已经尝试 IIS Smooth Streaming 好几个星期了。但没有太大的成功。

按需平滑流式传输

  • 在 LAN 上流式传输点播剪辑没有问题
  • 在网络上流式传输点播剪辑没有问题

使用文件源进行直播

  • 在 LAN 上实时流式传输文件没有问题
  • 无法通过网络直播文件
    • 使用 AWS-EC2 启动发布点
    • 将 Encoder Pro 连接到发布点
    • 发布点永远不会超过“开始”

使用实时网络摄像头进行实时流式传输

  • 从 LAN 上的网络摄像头实时流式传输的小问题
    • 延迟 10 秒
    • 大约 20 秒后,silverlight 客户端挂起并停止请求块
    • HTTP 412 - 前提条件失败
    • 纠正的唯一方法是刷新浏览器
  • 无法通过网络从网络摄像头直播
    • 使用 AWS-EC2 启动发布点
    • 将 Encoder Pro 连接到发布点
    • 发布点永远不会超过“开始”

我试图纠正网络问题的事情

  • 将我的笔记本电脑直接连接到网关,而不是通过路由器
  • 关闭笔记本电脑上的 Windows 防火墙
  • 启动没有防火墙的 AWS-EC2
  • 从编码器“连接”到发布点时,WireShark 指示 HTTP404 和 HTTP501 错误

我的局域网规格

  • 在 Boot Camp MacBook Pro、i7、2.2GHz、4GB RAM 上运行编码器和 IIS 流服务器
  • 在 i5、2.53GHz、4GB RAM 上运行 Silverlight 客户端
  • 输出流:H.264 IIS 平滑流低带宽的默认配置
0 投票
1 回答
1669 浏览

jquery - 使用 JQuery .scroll() 复制基于动量的滚动面板,该面板捕捉到元素

我正在尝试升级标准的可滚动 div 溢出:滚动给我一个更流畅的元素,一旦滚动完成,它将捕捉到元素。

我有一个关于如何做到这一点的理论,但需要帮助。

无论如何,现代浏览器和操作系统,尤其是 Safari,在滚动中都有一定程度的动力。我想做的是让它识别滚动动画何时完成,然后再滚动一点以捕捉到其中的元素。

最好我希望它平滑地滚动到它捕捉到的元素。目前 JQuery 的 scroll() 特性只适用于实际的用户滚动,而不是任何可能跟随的动力。

iScroll 在这方面做得很好,但它对于我们的要求来说非常大而且笨重,而且不向后或不兼容 Internet Explorer。

我们如何实现这一目标的任何想法。

奇妙

0 投票
1 回答
3260 浏览

bezier - 平滑贝塞尔曲线

我想在 iphone 中平滑一些手绘线。我在 http://webdocs.cs.ualberta.ca/~graphics/books/GraphicsGems/gems/FitCurves.c中使用了以下代码

但是,我发现有些贝塞尔曲线是错误的,第二个控制点和终点是无效的。以前有人遇到过同样的问题吗?谢谢。

0 投票
8 回答
38953 浏览

css - 如何制作边缘平滑的 CSS 三角形?

我有一个使用这个 CSS的三角形( JSFiddle ):

这个HTML:

这会形成一个三角形,但对角线是锯齿状和像素化的。我怎样才能使它们光滑?(我可以在 Safari 和 Chrome 中通过将它们打点来平滑它们,但这打破了 Firefox 和 IE 中的三角形。)

0 投票
2 回答
341 浏览

javascript - 两个类之间的平滑动画(特别是 font-family 标记)

我正在寻找在两个不同的单词和两个不同类型的面孔之间创建平滑动画的效果。理想情况下,这会发生在点击或悬停时,我对它的那部分并不挑剔。基本上,两个 css 类之间的平滑变形。

我查看了 js .animate() 函数,但这仅适用于数值。我也尝试过 MooTools FX.Tween,但这似乎也不起作用。

想想迈克尔杰克逊的“Black or White”视频,但带有字体系列。

提前感谢您的任何指导。

0 投票
4 回答
17211 浏览

javascript - javascript从X,Y到X1,Y1的平滑动画

我想将图像(或元素)从其实际 X、Y 位置缓慢移动到 X1、Y1。

当X 和 X1 之间的距离等于Y 和 Y1 之间的距离时,它很容易。但是如果 X 差异是 100 像素而 Y 差异是 273 像素呢?

作为 Javascript 的新手,我不想重新发明轮子!此外,由于我正在学习,我不想使用 jQuery 或类似的东西。我想要纯javascript。

请提供简单的脚本:-)

0 投票
1 回答
883 浏览

jquery - JScrollPane - 跨浏览器滚动条 - 不一致和崩溃

使用 JQuery 插件 JScrollPane,我创建了一系列样式类似于 iPhone 的可滚动 div。

从理论上讲,一切正常,但存在 3 个基本问题。

  • 该插件似乎运行缓慢且任意不滚动某些内容,将其修饰并破坏可滚动面板。参见示例页面http://www.golfbrowser.com/WebObjects/course-pack.html

  • 滚动是生涩和静态的,根本不流畅

  • 此外,由于网站的性质,它可能具有一定的弹性。尽管与其他两个不同,但这不是主要优先事项。

有任何想法吗?

奇妙

0 投票
1 回答
551 浏览

javascript - 如何使用 javascript 构建加速滚动效果?

我是 javascript 的新手,你们很多人都知道,我发现我学到的所有东西的实际应用都在逃避我。如果您只是给我代码,那可能对我没有帮助;我需要分解滚动页面的工作方式和原因。

这个想法是从第一页开始。所以我需要一个从第一页开始的功能。有一个向上、向下、向左和向右的箭头。单击它们将使您平滑滚动到指示的方向。

这是一个非常简单的想法,即拥有一个比屏幕区域更大的页面,可以通过滚动进行导航,尽管这种方式可以确保您一次只能看到一个屏幕。

我对我需要的东西有一个想法,但我不确定。

我需要确定将滚动到的页面每个部分的大小。有了这个,我确定滚动的距离和方向。

然后我需要构建在适当方向滚动的实际功能。

伪代码

然后我不知何故需要停止该功能。由于每个箭头都会获得一个 onClick 事件处理程序(我认为这是正确的术语),因此我可以构建 4 个函数。一种用于向右、向左等滚动,并将它们与适当的箭头一起使用。

但是我该怎么做,我是否走在正确的轨道上?

0 投票
1 回答
2117 浏览

c++ - C++/SDL/OpenGL 中的平滑动画问题

我一直在使用 C++/SDL/OpenGL 制作 2D 平台游戏的动画,我和我的团队达到了我们需要确定玩家的每个动画(步行、跑步等)都需要不同帧速率的地步对于我们的概念,但我使用 Game Programming All In One 作为平滑动画的示例,并且在书中建议使用限制移动和帧变化的变量。

为了澄清我的意思,我的 Sprite 类中有这些参数:

其中向量 delayMovementSprite 包含不同动画的所有值,并且 countX 在每一帧中递增,直到它等于或大于向量 delayMovementSprite 中对应的值。

像这样的东西:

对于帧,我有一个类 Animation 处理以下信息:

在动画函数中,我执行以下操作,很像 Sprite 中的 MoveX:

我开始工作,一切都执行得很好,但是在游戏的某些点上,动画在其他点上看起来并不流畅。

我留下了“游戏玩法”的视频,以便每个人都能明白我的意思。

http://www.youtube.com/watch?v=uoxKEYzwkcQ

我目前在游戏执行期间使用 60 FPS 的通用计时器。

如果有人需要更多信息,请不要犹豫。

0 投票
1 回答
3518 浏览

opengl-es - 在OpenGL中绘制一条任意宽度的连续曲线

我希望在 OpenGL 中绘制一条任意宽度的连续曲线。我正在开发触摸屏,并且通过在旧的 X & Y 坐标和新的 X & Y 坐标之间画线已经达到了预期的效果。当用户在屏幕上滑动手指时,会在手指后面产生一条线。为了确保线条流畅,我使用了以下内容:

然而,这本质上意味着我无法控制线条的宽度,因为它始终默认为 1。因此,我得出结论,我将不得不想出一些其他方法来创建这种效果。