問題タブ [curve]

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 投票する
2 に答える
1962 参照

iphone - iOS - 曲線パスに沿ってオブジェクトをドラッグする

非常に簡単な問題のように見えるものを理解しようとして、私は髪を引き裂いています。このようなことの多くが接線的に話されていることは知っているので、これが十分にカバーされた地面を踏んでいる場合は申し訳ありませんが、私の解決策に固有のものは何も見つかりません (信じてください、私は見ました)。

基本的に、事前定義された曲線パスに沿ってオブジェクト/スプライトをドラッグしたい(移動するだけでなく、ドラッグする)。iPhone の「スライドしてロックを解除する」ことを考えてみてください。ただし、スライダーを左から右にドラッグするだけでなく、パスを円弧または波線にします。

私の基本的な考え方は次のとおりでした。

  • ベジエ パスを定義し、開始点にオブジェクトを設定します。
  • オブジェクトがタッチされた場合は、touchesMoved (または同様の関数) のベジエ パスでヒット検出を確認します。タッチがパス上にとどまる場合、パスが終了するまで (この場合、タスクは終了します)、またはユーザーの指がパスから外れる (この場合、オブジェクトは最初に戻る必要があります) まで、パスに沿ってスプライトを進めます。

これはどれも些細なことではありません (少なくとも、そう思われます)。例えば:

  • ベジエ パスでヒット検出を行うのは、実際には塗りつぶし部分ではなく、ストローク部分で行う必要があるため、大変な作業です。それでも、任意の幅のパスでそれを行う方法を見つけることができないようです-ベジエの1ポイント幅のパスでのみ。
  • オブジェクトをパスに沿って部分的に移動することは不可能に思えます: すべてのアニメーション メソッドはスプライトをパス全体に沿って移動します。また、これを行うには、ユーザーのタッチに最も近いパス上のポイントを見つける必要があります。これを調べたことがある場合、これには驚くほど複雑な計算が必要です。
  • 剛体を使用してパスを除くすべてのスペースを占有することを考えたので、オブジェクトはパス内でのみ移動できます。ただし、これには湾曲した剛体の定義が必要であり、その一部は凹型でなければなりません。デッドエンド。

私はこれを難しくしすぎていますか?それほど複雑ではないようです。全体的な解決策は必要ありません。これについて考えて正しい方向に進むための新しい方法が必要なだけです。どんな助けでも本当に感謝しています。

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

android - Androidで動的な曲線を描く方法は?

Androidアプリケーションにバイトバッファがあり、それをベクトルと見なします。バッファ内のデータは動的に変更されます(バッファを更新するための別のスレッドがあります)。これらのデータを動的に描画したいと思います。

すべてのデータはビュー内のポイントのY座標を表し、連続するポイントを接続して曲線を形成します。バッファは定期的に更新されるため、曲線はスムーズに前進しているように見えます。

まず、ViewのonDraw(Canvascanvas)メソッドで線を引くことで実装しますが、効果がありません。invalidateメソッドを頻繁に呼び出すと、CPUの消費量が非常に多くなります。

そこで、SurfaceViewを使用するように変更し、別のスレッドで動的曲線を描画しますが、それでも満足のいくものではありません。

これを達成するための良い方法があるかどうか知りたいのですが、OpenGL ESを選択できるかどうか?

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

android - Andgengine(ゲーム用のAndroidフレームワーク)でキャンバスを使用してペイントすることは可能ですか


基本的には、ユーザーがタッチしたときに曲線パスを描画したい (飛行制御アプリのようなもの)。ペイント API を使用すると、Canvas に描画できます (フィンガー ペイントの例)。しかし、andengine ビューを描画できません。

andengine ライブラリを使用して Android で曲線を描く方法に関する提案はありますか? ありがとう

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

javascript - CSS3で作成された境界半径に一致する曲線上の点を計算するにはどうすればよいですか?幾何学の天才?

css3の境界線半径(画像部分)で作成された湾曲したdivがあります。その横に、曲線から20px程度の位置に配置したいテキスト行があります(画像を投稿できない、古いログインを思い出せない):

ここに画像の説明を入力してください

秘訣は、ウィンドウサイズに応じて曲線が変化することです。そのため、テキストをオフセットする曲線上のポイントを計算して、基本的に手動のテキストラップを作成できるようにしたいと思います。

最終的には、javascriptを使用して計算および更新できる必要があります。

(以下のコメントごとに追加するように編集):デモンストレーション用の曲線cssはborder-bottom-left-radius:316px 698px; ただし、これはスクリプトによるページサイズに基づいて計算されます。また、IEやFireFoxをサポートする必要はまったくなく、Webkit(スタンドアロンキオスクアプリケーション)だけです。

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

python - 開いた曲線を順序付けられたピクセルのリストに変換する: numpy を使用した Python テスト コード

numpy 配列に開いた曲線のイメージがあり、曲線上の位置に従って順序付けられたポイント座標のリストを作成する必要があります。numpy と mahotas を使用してドラフト スクリプトを作成しました。最適ではない場合があります。

私は、OpenCV が閉じた曲線に対してこれを行うことができることを知っています。OpenCVは開いた曲線で同じ(より速い)ことができますか?

たとえば、元のカーブが次の場合:

を使用しnp.where(myarray==1)て、ピクセルのインデックスを取得できます。

しかし、これは私が必要とするものではありません。私のスクリプトは、曲線上のピクセルの順序を考慮してインデックスを生成します。

スクリプトを最適化したい。何か案は?

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

c# - SQL データから 2 つの曲線の交点を見つける

Microsoft SQL Server に統計データがあり、テーブルからクエリした (x,y) データから 2 つの曲線の交点を見つけたいと考えています。これを Excel で行うことに関連する記事をいくつか見つけましたが、SQL での進め方がわかりません。T-SQL または C# コードでこれを行うにはどうすればよいですか?

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

android - Android 2D アーク衝突検出

Android 2D グラフィックスを使用して回転した円弧を描画しています

ゲームの実行中にアークが回転します。

他のゲーム オブジェクト (長方形、円) が衝突しているかどうかを検出する方法を知りたいですか??

ゲームを書くのはこれが初めてです:)

http://hakim.se/experiments/html5/core/01/でこのようなものを見ました

前もって感謝します

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

curve - トーンカーブ-Lightroom

Lightroom 3.4のトーンカーブツールが特許を取得しているかどうか誰かが知っていますか?同様の機能を画像処理ソフトウェアに実装したいと思います。

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

r - Rのプロットからのピークに適合する曲線を追加しますか?

2つのベクトルとそのプロットが与えられた場合にピークに適合する曲線を追加する関数はありますか?たとえば、私は次のようにしています。

x = c(0:20)

x [1] 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

y [1] 19.4 17.9 8.1 11.3 7.8 8.0 5.0 1.7 3.9 5.4 7.5 5.4 4.7 5.0 4.9 3.5 2.9 2.4 1.4 1.7

plot(x、y、xlim = range(x)、ylim = range(y))

最高、ななみ