問題タブ [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 を公開ポイントに接続しました
    • 公開ポイントは「開始」を超えることはありません

ライブ Web カメラを使用したライブ ストリーミング

  • LAN 上のウェブカメラからのライブ ストリーミングにわずかな問題があります
    • 10秒遅れ
    • 約 20 秒後、Silverlight クライアントがハングし、チャンクの要求を停止します
    • HTTP 412 - 前提条件が失敗しました
    • 修正する唯一の方法は、ブラウザを更新することです
  • ウェブ全体でウェブカメラからライブ ストリーミングできない
    • AWS-EC2 を使用して公開ポイントを開始しました
    • Encoder Pro を公開ポイントに接続しました
    • 公開ポイントは「開始」を超えることはありません

ネットワークの問題を修正するために試みたこと

  • ルーター経由ではなく、ラップトップをゲートウェイに直接接続する
  • ラップトップで Windows ファイアウォールをシャットダウンする
  • ファイアウォールなしで AWS-EC2 を開始する
  • WireShark は、エンコーダから公開ポイントに「接続」するときに HTTP404 および HTTP501 エラーを示します

私のLANスペック

  • Boot Camp MacBook Pro、i7、2.2GHz、4GB RAM で Encoder と IIS Streaming Server を実行
  • i5、2.53GHz、4GB RAMでSilverlightクライアントを実行
  • 出力ストリーム: H.264 IIS Smooth Streaming Low Bandwidth のデフォルト設定
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で次のコードを使用しました 。

しかし、一部のベジェ曲線が間違っていることがわかりました。2 番目の制御点と終点が無効です。誰かが以前に同じ問題を抱えていましたか?ありがとう。

0 投票する
8 に答える
38953 参照

css - エッジが滑らかな CSS 三角形を作成するにはどうすればよいですか?

この CSS を使用した三角形 ( JSFiddle ) があります。

そして、このHTML:

これで三角形ができますが、対角線はギザギザでピクセル化されています。それらをスムーズにするにはどうすればよいですか?(Safari と Chrome では点線にすることでそれらを滑らかにすることができましたが、Firefox と IE では三角形が壊れてしまいました。)

0 投票する
2 に答える
341 参照

javascript - 2 つのクラス間のスムーズなアニメーション (特に font-family タグ)

2 つの異なる単語と 2 つの異なる書体の間で滑らかなアニメーションの効果を作成したいと考えています。理想的には、これはクリックまたはホバーで発生します。私はその部分についてうるさいわけではありません。基本的に、2 つの CSS クラス間のスムーズなモーフです。

js .animate() 関数を調べたのですが、それは数値のみです。MooTools FX.Tweenも試してみましたが、どちらもうまくいきませんでした。

「Black or White」のマイケル・ジャクソンのビデオを考えてみてください。

ご指導いただきありがとうございます。

0 投票する
4 に答える
17211 参照

javascript - X、YからX1、Y1へのjavascriptスムーズアニメーション

画像 (または要素) を実際の X、Y の位置から X1、Y1 にゆっくりと移動したいと思います。

X と X1 の間の距離が Y と Y1 の間の距離と等しい場合、簡単です。しかし、X の差分が 100px で、Y の差分が 273px だとしたらどうでしょうか。

Javascript は初めてなので、車輪の再発明はしたくありません。その上、私は学んでいるので、jQueryなどを使いたくありません。純粋な JavaScript が必要です。

簡単なスクリプトを提供してください:-)

0 投票する
1 に答える
883 参照

jquery - JScrollPane-CrossBrowserスクロールバー-一貫性がなくクラッシュする

JQueryプラグインJScrollPaneを使用して、iPhoneのものに似たスタイルの一連のスクロール可能なdivを作成しました。

理論的にはすべて機能していますが、3つの根本的な問題があります。

  • プラグインは、特定のコンテンツをスクロールせず、それを錫メッキし、スクロール可能なパネルを壊して、ゆっくりと任意に動作しているように見えます。サンプルページhttp://www.golfbrowser.com/WebObjects/course-pack.htmlを参照してください

  • スクロールはぎくしゃくして静的で、スムーズではありません

  • また、サイトの性質上、ある程度の弾力性があります。他の2つとは異なりますが、これは主要な優先事項ではありません。

何か案は?

素晴らしい

0 投票する
1 に答える
551 参照

javascript - javascript を使用して加速スクロール効果を作成するにはどうすればよいですか?

私は JavaScript を初めて使用しますが、これは多くの人が知っていることであり、学んだすべてのことを実際に適用すると、うまくいかないことがわかります。コードを教えていただけても、おそらく役に立たないでしょう。ページのスクロールに関して、物事がどのように、そしてなぜ機能するのかを詳しく説明する必要があります。

アイデアは、1 ページ目から開始することです。そのため、1 ページ目から開始する関数が必要です。上下左右に矢印があります。それらをクリックすると、指定された方向にスムーズにスクロールします。

一度に1つの画面しか表示されないようにする方法ではありますが、スクロールによってナビゲートできる画面領域よりも大きなページを持つという考えは非常に単純です。

必要なもののアイデアはありますが、正確にはわかりません。

スクロールされるページの各部分のサイズを決定する必要があります。これで、スクロールする距離と方向を決定します。

次に、適切な方向にスクロールする実際の関数を作成する必要があります。

疑似コード

次に、どういうわけか機能を停止する必要があります。各矢印は onClick イベント ハンドラーを取得するため (これが適切な用語だと思います)、4 つの関数を作成できます。右、左などにスクロールし、適切な矢印で使用します。

しかし、どうすれば実際にそれを行うことができ、正しい軌道に乗っているのでしょうか?

0 投票する
1 に答える
2117 参照

c++ - C++/SDL/OpenGL でのスムーズ アニメーションに関する問題

私は C++/SDL/OpenGL で 2D プラットフォーマー ゲームのアニメーションに取り組んでおり、私のチームと私は、プレーヤーのすべてのアニメーション (ウォーキング、ランニングなど) に異なるフレームレートが必要であることを確立する必要があるところまで来ました。私たちのコンセプトではありますが、滑らかなアニメーションの例として Game Programming All In One をガイドラインとして使用し、本ではフレームの動きと変化を制限する変数を推奨しています。

意味を明確にするために、Sprite クラスに次のパラメーターがあります。

ベクトル delayMovementSprite には、さまざまなアニメーションのすべての値が含まれ、ベクトル delayMovementSprite に対応する値以上になるまでフレームごとに countX が増加します。

このようなもの:

フレームには、次の情報を処理するクラス Animation があります。

そして、アニメーション化する関数では、Sprite の MoveX と同じように、次のことを行います。

私はすべての作業を行っており、すべてがうまく実行されているように見えますが、ゲームのいくつかのポイントでは、他のポイントではアニメーションがスムーズに見えません。

「ゲームプレイ」のビデオを残して、誰もが私が何を意味するかを理解できるようにします.

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

私は現在、ゲームの実行中に 60 FPS の一般的なタイマーを使用しています。

さらに詳しい情報が必要な場合は、遠慮なく質問してください。

0 投票する
1 に答える
3518 参照

opengl-es - OpenGLで任意の幅の連続した曲線を描く

OpenGL で任意の幅の連続した曲線の線を描画しようとしています。私はタッチ スクリーン用に開発しており、古い X & Y 座標と新しい X & Y 座標の間に線を引くことで、目的の効果を既に達成しています。ユーザーが画面上で指をスワイプすると、指に沿って線が生成されます。線が滑らかであることを確認するために、次を使用しました。

ただし、これは本質的に、線の幅が常にデフォルトで 1 であるため、制御できないことを意味します。したがって、この効果を作成するには別の方法を考え出す必要があると結論付けました。