問題タブ [visual-glitch]

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

jquery - jQuery でのグリッチ テキスト アニメーション

hoverCSS で色が変わり、jQuery で左にシフトするテキスト リンクがあります。

ほとんどの場合は問題なく動作しますが、たとえば、テキストが大文字の「A」で始まる場合、テキスト文字の後ろに奇妙な跡が残ります。これは Webkit ブラウザで発生します (Firefox では発生しません)。

このjsFiddleで実際に動作しているのを見ることができます

このグリッチを取り除く方法はありますか?

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

javascript - バックグラウンドでのAndroid WebViewの以前のコンテンツ

これが透明な背景の使用による問題かどうかはわかりませんが、Web ビューを使用してユーザーに Web ページを表示していますが、ユーザーがリンクから別の URL をロードしたり、JavaScript を使用して新しいコンテンツをページに動的に挿入したりすると、レンダリングに不具合があるようです。

グリッチとは、新しいコンテンツ/ページがフォアグラウンドで読み込まれている間、ページがバックグラウンドにとどまることを意味します。それらは重なり合ってしまい、すべてが非常に読みにくくなります。

透明な背景を有効にするために Web ビューでハードウェア アクセラレーションをオフにしていますが、それが問題の原因になっている可能性はありますか?

この質問Android Webview Content Overlapping While Using Transparent Backgroundに似ています。

どうもありがとう。

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

internet-explorer - サイドバー Div でメイン ナビゲーションを下に移動

私はこれを理解できないようです...私はオンラインで見つけたさまざまな「解決策」をたくさん試してきましたが、どれもそれをやっているようには見えません.

私は2つの部門を持っています。1 つは幅 200 ピクセル (サイドバー)、もう 1 つは幅 800 ピクセル (メイン コンテンツ) ですが、両方を左にフロートさせると、いくつかの悪いモジョが下がり、階段の不具合のように重なります...

また、木製の背景 div 全体もどこかで 200 ピクセルを超えています... :(

何か案は?

URLはこちら。

メインはhttp://www.glacierspringsadventures.com/httpdocs/ CSS は /css/style.css">http://www.glacierspringsadventures.com/httpdocs//css/style.css

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

objective-c - UIWebView グリッチ内の Png 画像

UIWebViews分離された(ローカルに保存された)いくつかのhtmlページの一部である一連の透明なpngがあります。各 webview は scrollview 内にあるため、それらの間をスライドできます。考えをできるだけ軽くするためにUIWebViews、スクロールビューを通過するときに動的にロードおよびアンロードします。(現在/前/次のみをメモリに保持し、残りはすべてアンロードします)。この時点で、これらの png のいくつかだけがロード時に (毎回ではありませんが) 不具合を起こすことがあります。

[これが最初の不具合です]

グリッチpng

これが発生する理由と、9 つのうち 2 つの png でのみ発生する理由を知りたいです。もちろん、その解決策があれば、とても助かります。

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

opengl - OpenGL - カメラが移動または回転するとオブジェクトが揺れる

あるシーンでカメラ オブジェクトを移動オブジェクト (車) にアタッチしました。カメラは、オブジェクトが向いている領域 (車のフロント ウィンドウ) を示します。

私の問題は、オブジェクト (カメラ付き) が移動または回転している間、画面上のオブジェクト (街灯、平行に移動する他の車) が揺れているように見えることです。つまり、元のオブジェクトの近くに、ソリッド オブジェクトと、同じオブジェクトのいくつかの小さな透明バージョンが表示されます。カメラがまっすぐ動いているときよりも向きを変えたときの方がよく見えます。真っ直ぐ進んでいる光は、観測者から遠くなると揺れ、ある距離で揺れが止まり、近づくと再び揺れ始めます。

OpenGL 自体が背景にモーション ブラーを作成するとは思いません。しかし、この問題の名前も見つからなかったため、出発点を見つけることができません。

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

flash - wmode opaque または transparent を使用する Flex アプリは、Windows 上の IE でグラフィックの不具合を引き起こす

その上に表示する必要があるいくつかの HTML 要素を持つ Flex アプリがあります。これを行うには、wmode を opaque (または transparent) に設定します。ただし、Windows の Internet Explorer では、mx:TextField 入力をタブで移動すると、グラフィックの不具合がよく見られます。問題は、ほぼアプリの幅にまたがる四角形で、TextField と同じ高さです。四角形は Flash コンテンツを「消去」し、それを通してサイトの背景を表示します。

ページを少しスクロールしたり、ブラウザをクリックしたり、Flash コンテンツを右クリックしたりすると、不具合が解消されます (Flash が再描画されたときだと思います)。

wmode を 'window' または 'direct' に設定すると問題は解決しますが、もちろん HTML 要素は Flex アプリの上に表示できなくなります。

SWFObject を使用してプレーヤーを埋め込みます。

誰かが同様の問題に遭遇しましたか? ありがとう!

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

android - アクティビティ移行時の視覚的な不具合

ABSを使用したアプリケーションに取り組んでいます。このカスタム アクティビティ アニメーションを使用すると、次のようになります。

overridePendingTransitionまたはgetWindow().setWindowAnimations() のいずれか

アクティビティがスライドしている間、アクティビティの上部にスペースがあり、通知バーが表示されます。

そして、このグリッチは ICS では発生しません。ABS に関連しているかどうかはわかりませんが、何か心当たりはありますか?

ありがとう。

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

c# - 横向きのWindowsPhone7のXNAで発生するグラフィックグリッチ

私は、WP7用のXNAフレームワークと、AndroidおよびiOS用のMonoに基づいて、クロスプラットフォームのフレームワーク/抽象化レイヤーに数か月間取り組んできました。機能の大部分がAndroidで機能するようになったので、最近、両方のプラットフォームで簡単なゲームを機能させるためにWP7に戻りました。

問題は、非常に奇妙なグラフィックエラーが発生したことです。このエラーは、WindowsベースのXNAゲームでは発生せず、方向が横向き(デフォルトまたは指定)の場合にのみWP7で発生します。グリッチはエミュレータに表示されますが、物理デバイスには表示されません。テストの目的で、赤い背景に1つの画像を表示しています。

Windows XNA

Windows http://www.genius-i.com/images/Windows.png

Windows Phone 7(ポートレート)

Portait http://www.genius-i.com/images/Portrait.png

Windows Phone 7(風景)

風景http://www.genius-i.com/images/Landscape.png

明らかに、風景画像は期待どおりに出ていません。すべて抽象化レイヤーを介して処理されますが、XNAプラットフォームファイルは同一であり、WindowsバージョンとWP7バージョンの唯一の違いはターゲットプラットフォーム/フレームワークです。

同様に、グラフィックスデバイスとレンダラーの呼び出しは同じです。

構築中(さまざまなクラスおよび関数から抽出)

初期化中(さまざまなクラスおよび関数から抽出)

描画中

私が説明したようなグラフィカルなグリッチを引き起こす可能性のあるものについて誰かが洞察を持っていますか?

あなたが提供するかもしれないどんな助けにも感謝します、そして数日の間に2番目の質問で侵入して申し訳ありません。

完全なコード

問題を特定するのに役立つように、実際のコードをたくさん紹介しています。少し長いので、もともと除外しました。クラスは、XNAのほとんどの機能の単純なラッパーです。

ゲームクラス

グラフィックスバックエンドクラス

グラフィックスバックエンド(XNA)クラスは、単純なラッパークラスです。これは、抽象的で機能を含まないGraphicsBackendクラスを拡張します。

レンダラー2DXNAクラス

Renderer 2D XNAクラスは、もう1つの単純なラッパーです。これは、コンテンツを描画するための多数の抽象メソッドを実装するRenderer2D基本クラスから継承します。最初に詳しく説明する非常に基本的な機能がいくつかありますが、すべての空白のメソッドを含める必要はありません。

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

directx - Sky Sphere を描画するときどきポリゴンが欠落している (遠方平面で)

3D ビューの背景として天球を描いています。時折、ビューをナビゲートしているときに、視覚的な不具合が発生することがあります。

青空の真ん中にある黒いポリゴンまたはポリゴンの欠落

グリッチの例: レンダリングが画面上にフラグメントを配置していないように見える黒い形状

  • 黒は、各フレームの開始時にデバイスがクリアされる色です。
  • 黒い領域の形状は毎回異なり、目に見えるほど多くのポリゴンになっている場合があります。それらは常に、通常は画面の中心近くにある共通点を中心にしています。
  • ナビゲーション (目の位置と外観) を変更せずに再描画してもグリッチは消えません。つまり、特定のナビゲーションに依存しているように見えます。
  • 航法を変えた瞬間、微量でも消えて空がベタベタ描く。絵の大部分は正しいです。最終的に動き回ると、別の不具合を発見します。
  • 球の半径を変更しても (たとえば、近距離/遠距離の 0.9 に)、グリッチが除去されないようです。
  • Z バッファの書き込みまたはエフェクト テクニックの Z テストを変更しても違いはありません
  • DX デバッグ出力はありません (デバッグ バージョンのランタイム、最大検証、およびシェーダー デバッグを有効にして実行した場合)。

これらの不具合の原因は何ですか?

SM3 にコンパイルされたシェーダーである Direct3D9 (2010 年 6 月 SDK) を使用していますが、Windows 7 および XP の ATI カードおよび VMWare Fusion 仮想カードでグリッチが確認されています。

サンプルコード

空は球体として描画されています (エラーチェックなどにより、以下のコードが削除されました)。

作成するには

半径を変更しても、グリッチの存在には影響しないようです。

頂点シェーダー

ピクセル シェーダー

単色を出力するものでもグリッチが発生します。

単色のピクセル シェーダーを使用した同じ画像

PS が問題の原因ではないことを確認するために、無地のピクセル シェーダーを使用した同じ画像

技術

など、深度に影響する状態設定を追加してみましたZWriteEnabled = false。どれも違いはありませんでした。

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

jquery - 選択された (chzn) 対 iPad 3: chzn 選択に触れると、短いページがちらつく/跳ねる

これは明確に説明するのが難しく、他の誰かがこの問題を抱えているのではないかと思います.

iPad3でこのプレビューをご覧ください。

1) CHZN ドロップダウンのいずれかをクリックします。(選択)

-- 画面がちらついたり、バウンスしたりします。名前は何でも構いません。

2)次に、「MORE PAGE」というボタンをクリックしてみます (テストのために、このボタンでフッターのパディング下部に 3000px を追加しました)。次に、CHZN ドロップダウンの 1 つをもう一度使用してみます。

-- ちらつきがなくなりました。ただのスムーズスクロールアニメーション。

そのため...ページが短く、CHZN コントロールの 1 つがフォーカスされるか、タッチされたときに表示されます。オブジェクトまでスクロールしたいようですが、オブジェクトがすでに上部近くにあり、「折りたたみ」の下に利用可能な垂直スクロールがない場合、オブジェクトは跳ね返ります! それは非常に醜く暴力的であり、chzn コントロールを備えた単純なホームページの滑らかさを破壊することは容易に想像できます。

これを解決する方法について何か考えはありますか?