問題タブ [visual-artifacts]

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 に答える
652 参照

c# - WPFでこの視覚的なアーティファクトを取り除くにはどうすればよいですか?

検証ルールを含むWPFページがあります。このページには2つのグリッドがあります。1つはデフォルトで表示され、もう1つはアニメーションで表示するように切り替えることができます(ボタンを押すと、2番目のグリッドの高さがアニメーション化されて1番目のグリッドの上に表示され、1番目のグリッドは無効)。

私の問題はこれです:最初のグリッドに検証ルールがあり、そのうちの1つが失敗すると、コントロールの周りに赤い境界線が表示されます(必要に応じて)。ただし、2番目のグリッドが最初のグリッドの上にオーバーレイされている場合、最初のグリッドの[表示]を[非表示]に設定しても、最初のグリッドから赤い境界線が表示されます。

両方にPanel.ZIndexプロパティを設定して、2番目のグリッドが最初のグリッドの前に表示されるようにしました。何か案は?!

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

opengl - OpenGLテクスチャアーティファクトの削除

私は明らかにいくつかの3Dオブジェクトとテクスチャを含む単純なopenglアプリケーションを作成しています。ただし、私の問題は、すべてのテクスチャにアーティファクトが表示されることです。これらは、エッジに沿って三角形の形で提供されます。

視点をテクスチャに近づけるとすぐに消えてしまうことに気づきました。したがって、mipmappingまたはz-bufferのいずれかと関係があるのではないかと疑っています。すべてのテクスチャ座標は.3dsファイルからロードされ、すべてが0-1の範囲内にあることが確認されていることに注意してください。

これが私の問題の写真です:

写真1

テクスチャは次のようにロードされます。

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

wpf - WinForms MDIアプリ内でWPFユーザーコントロールをホストするときに視覚的なアーティファクトを回避するにはどうすればよいですか?

WinForms MDIアプリ内でWPFユーザーコントロールをホストする場合、複数のフォームが互いにオーバーラップしていると、描画の問題が発生し、非常に明確な視覚的アーティファクトが発生します。これらのアーティファクトは、WPFコンテンツをホストする別の子フォームの上にドラッグした後、または子フォームの端をメインのMDI親がドラッグしたときにクリップできるようにすることで、ほとんど表示されます。子フォームのドラッグアンドドロップが完了した後、アーティファクトは通常は残りますが、フォーカスを別のアプリケーションのウィンドウに設定してから、アプリケーションウィンドウに再度フォーカスを戻すと、再描画され、子が表示されるまですべてが正常になります。フォームがもう一度移動されます。問題を示す下の画像を参照してください。

説明されているアーティファクトのスクリーンショット

Microsoftの関係者は、WinForms MDIはすでにMDIの十分なソリューションであり、WPFで再発明する必要はないと主張していますが、明らかな欠点があるため、この方法でWPFアプリを作成しようとしたとは信じられません。

更新:私が省略したいくつかの追加の注意事項は、MdiParentを設定せずにこれらのフォームを作成すると、通常のフォームとして作成され、この問題は発生しないということです。この問題は、WinFormsMDIシナリオに固有のようです。また、私は現在Windows 7 Enterpriseで実行しており、結果がWindows XPでかなり異なる可能性があることを認識していますが、これをテストすることはできませんでした。

更新:私が共有すべきだと思ったこの問題に関する他のいくつかの関連リソースを見つけました。

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

android - androidおよびvisual-artifactsのEclipseでのwyswigxmlレイアウトのnullpointerexception

私は現在、カスタムメイドのタブを使用する必要があるAndroid用のアプリケーションを開発しています。私は2つの問題に遭遇しました:

私は私の最初の問題から始めます:

Eclipseでテキストモードからwyswigモードに切り替えたいときに、この例外が発生します。これは私にそのエラーを与える実際のxmlコードです:

次に、2番目の問題はグラフィックアーティファクトです。 http://img529.imageshack.us/img529/8216/99725485.png

どうすれば問題を解決できますか?

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

android - ビットマップに描画されるテキストからアーティファクトを削除する方法

必要に応じて背景ビットマップがあり、フォントを使用して別のビットマップを背景ビットマップに描画しています。互いの上に描画され、必要なレベルにズームインすると、アーティファクトなしで完全に表示され、まさに希望どおりに表示されます。しかし、私の目的のために、フォントのビットマップを背景のビットマップにマージして、基本的に 1 つのアイテムにする必要があります。私は明らかに実行時にそれを行う必要があり、私が使用している解決策はこれです....

必要なレベルにズームインすると、フォントにアーティファクトが発生します。私はグラフィックスにかなり慣れていないため、同様の問題に関するいくつかの記事と質問を読みました。ペイントでディザリングを試し、null の代わりに canvas2.drawBitmap で使用してみましたが、何も役に立たないようです。私はこれに出くわしました...

これは、アプリケーションがメモリ内ビットマップを内部的に作成し、後で画面に表示するために何かを描画する場合には当てはまりません。プラットフォームは、描画時にそのようなビットマップをオンザフライで自動スケーリングします。このような場合のその他の副作用として、オフスクリーン ビットマップが最終的にディスプレイにレンダリングされるときに、そのようなビットマップで描画されたフォントがビットマップ レベルでスケーリングされ、結果としてスケーリング アーティファクトが発生することがあります。

リンクテキスト

それは私の問題かもしれませんが、どうすれば解決できますか? どんな助けでも大歓迎です。

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

javascript - タッチスクリーン用の Web インターフェイスの最適化 (不要なマウスドラッグの処理など)

7 インチのタッチスクリーンで使用する小さな Web ベースのキオスク インターフェイスを構築しています。システム自体の詳細については触れませんが、タッチスクリーンのブラウザーは、Ubuntu で動作する常時フルスクリーンの Firefox です。

タッチスクリーンが動作するようになった後、大きなボタンがたくさんある簡単なテスト ページを作成しました。タッチスクリーンで試してみると、多くの素早いタッチ操作がマウスのドラッグとして解釈されることにすぐに気付きました。そのため、テキストが強調表示されたり、ゴースト画像がドラッグされたり、Web ページをランダムにクリックしてドラッグしたときに発生するその他すべてのことが起こりました。

これらの不要なビジュアルをすべて削除し、ボタンが押されたものとしてページに登録し、発生するドラッグを無視したいと考えています。私はすでにマウスカーソル自体を削除し、少しのCSSでページ上のテキスト選択を防ぎました:

しかし、多くのファンキーなことがまだ起こっています。デモンストレーションのために短いビデオを撮りました: http://www.youtube.com/watch?v=4tjZ5aIG41E

そのビデオのテスト ページは次のとおりです

タッチスクリーンを使用するときにページをより洗練させるのに役立つヒントはありますか? 私は、HTML/CSS ソリューション、Javascript ソリューション、および Firefox の構成/アドオンに対してオープンです。

編集-私が使用しているタッチスクリーンドライバーはeGalaxTouchであり、Ubuntuにインストールされていることに言及すると役立つ場合があります。

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

java - jscrollpaneには末尾の画像があります

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

JScrollPane内にJPanelがあり、スクロールしようとするとそれが実行されます。助けてください!これを修正するにはどうすればよいですか?

編集

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

iphone - OpenGLES 2.0: 3D タイルのビジュアル アーティファクト

ゲーム エンジンで 3D タイル オブジェクト間の継ぎ目をより適切に処理する方法を見つけるのに苦労しています。カメラがこのように十分な角度で下に傾けられた場合にのみ、それらが表示されます...テクスチャの問題またはテクスチャレンダリングの問題ではないと思います(ただし、間違っている可能性があります)。

以下に 2 つのスクリーンショットを示します。最初のスクリーンショットは問題を示し、2 番目のスクリーンショットは Blender でタイルに使用している UV ラッピングです。小さいミップマップでテクスチャをオーバードローする必要がある場合でも、うまくいくように、UV にオーバーラップのための余地を用意しています。次のテクスチャ パラメータを使用してテクスチャをロードしています。

3D タイルの側面がわずかに描かれているように見えます。特に、この角度から適用されている照明角度 (指向性) によるアーティファクトに気付きます。

この影響を排除するためにチェックできるトリックやものはありますか? 「レイヤー」でレンダリングしていますが、カメラの距離に基づいてそれらのレイヤー内でレンダリングしています(最初に遠い)。これらのオブジェクトはすべて同じレイヤーにあります。どんなアイデアでも大歓迎です!

役に立ったら、これは OpenGLES2.0 を使用した iPhone/iPad 用のプロジェクトです。コード スニペットがあれば喜んで提供します。開始するのに適した場所を教えてください。

低角度でのタイル間の継ぎ目を示すエンジンのスクリーンショット

Blender からの UV

頂点/ピクセル シェーダーとモデル頂点による更新

現在、私は PowerVR の POD 形式を使用して、Blender からエクスポートされたモデル データを保存しています (Collada を介して、次に PowerVR による Collada2Pod コンバーターを介して)。GL_SHORT 頂点座標 (モデル空間) は次のとおりです。

64 -64 32
64 64 32
-64 64 32
-64 -64 32
64 -64 -32
-64 -64 -32
-64 64 -32
64 64 -32
64 -64 32
64 -64 -32
64 64 -32
64 64 32
64 64 32
64 64 -32
-64 64 -32
-64 64 32
-64 64 32
-64 64 -32
-64 -64 -32
-64 -64 32
64 -64 -32
64 -64 32
-64 -64 32
-64 -64 -32

したがって、すべてが完全に平らになるはずです。シェーダーは次のとおりです。

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

wpf - WPF 3D クローズ アイテムが「ぐらつく」ように見える

WPF で 3D グローブ コントロールを作成しています。

ほとんどの場合うまく機能しますが、近すぎる (たとえば 10 メートル以下) から山を見ると、「ぐらつき」ます (つまり、カメラのすべての小さな動きが山のモデルの頂点を変更するため、そのように見えます)。ゼリーのように。)

近平面と遠平面で 0.001 から 5 の範囲を指定して、遠平面で 100 から 1000000 と正の無限大を指定してみましたが、役に立ちませんでした。

また、モデルをそのサイズの 1/10 から 10 倍にスケーリングし、ECEF に対する Lat/Long/Alt の結果をセンチメートル、メートル、および 10 メートルの単位に丸めることも試みました。

何も役に立たず、まだぐらついているように見えます (ただし、10 メートル単位に丸めると役に立ちます。この場合、ぐらつきは非常にまれですが、モデルが大きく変形して使用できなくなります)。

これは主に精度の問題だと思います。精度を上げる方法や、それを修正する方法についての他のアイデアはありますか?

イタイ。

更新:アーティファクトを示すビデオ を追加しました。

解決済み World Wing でのモデルの構築にも同じ問題があることがわかりました。ここで質問して回答しました。

私が疑ったように、一般的に問題は精度の問題でした。それを解決する方法は、実際のカメラを原点 (0,0,0) に保ちながら回転させ、すべてのタイルを反対方向に移動することでした。

各タイルを生成するとき、タイルの各頂点からタイルの XYZ 中心を引くので、最終的なタイルは (0,0,0) の周りに構築されます。

タイルGeometryModel3Dで平行移動変換を設定して、正しい位置に配置します。