問題タブ [distortion]

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

algorithm - 画像歪みアルゴリズム

ここの例のような画像を歪める方法を考え出そうとしています: http://tinypic.com/r/16gn60o/7

アイデアは、元のイメージのハード ラインを削除することです。元の画像が「ほぼ同じ」であって、一部のスクリーンセーバーなどで見られる激しい渦巻き効果ではないことを望みます.

どんな指針やアイデアも素晴らしいでしょう!

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

iphone - iPhone アプリに PhotoBoot Mac 機能が必要

次のアプリケーションを見てください

http://itunes.apple.com/us/app/fatbooth/id372268904?mt=8

PhotoBooth MAC と同じ機能を使用していると思います。

iphoneアプリケーションを構築できるように、APIまたはその他の可能な解決策を提案してください

ありがとう

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

iphone - OpenGL を使用して iPhone で画像をワープする

私はプログラミングにかなり慣れていませんが、現時点では、自分自身を教育し、楽しむためだけにプログラミングを行っています。

このすばらしい記事をここで読んだにもかかわらず、いくつかの OpenGL の内容を理解するのに苦労しています。また、スプライトに .png 画像を使用するアップル開発者サイトの例をダウンロードして試してみました。最終的には画像を使用したいと思います。

私がやりたいのは、画像を取得して、それをワープして、4 つの角が、提供した 4 つの異なる x、y 座標になるようにすることだけです。これは一種のタイマー (CADisplayLink?) で行われ、これらのポイントの 1 つ以上が各時点で変化します。これらの動的ポイント間でストレッチしたいだけです。

これがどのように機能するかを正確に理解するのに苦労しています。開発者センターでいくつかのサンプル コードを理解したので、次を使用できます。

spriteVertices は次のようなものです。

問題は、数字が実際に何を意味するのか、なぜいくつかの数字の前にマイナスがあるのか​​、そして四隅を得るためにどこから数えているのかを理解していないことです. これにプラグインするために取得した通常のx、y座標をどのように変更する必要がありますか? (x、yの数値は、1と0の間の数値のようには見えませんか?ピクセルごとの精度に似たものが欲しいです。

より多くの資料へのリンクであっても、どんな助けも大歓迎です。初心者向けのリソースを見つけるのに苦労しています。

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

distortion - 弾力性のあるレイアウトの問題

誰かが助けてくれるなら、私はそれを大いに感謝します!

emsを使用して弾力性のあるWebサイトを構築しましたが、何らかの理由で、ユーザーがブラウザーをズームインまたはズームアウトすると、完全に歪んでしまいます。

私が参照しているウェブサイトへのリンクはwww.newstylesignsusa.comです。そして、これがテンプレートのcssです。残りのページのcssには、emsのすべての測定値も含まれています。私はこれで私が得ることができるどんな助けにも本当に感謝します。ありがとうございました!

CSS:

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

opengl - 各水平ペアがスワップされて描画された OpenGL ピクセル

私は OpenGL にやや慣れていませんが、私の問題は使用されているピクセル形式、またはテクスチャの生成方法にあると確信しています...

この段階ではアルファを使用していませんが、16 ビット RGB5_A1 ピクセル フォーマットを使用して、フラットな 2D クワッドにテクスチャを描画しています。私が抱えている問題は、水平ピクセル値の各ペアが交換されていることです。

つまり...ピクセル位置がこの順序でなければならない場合(8x2画像を想定)

代わりに次のように描画されます

または、この画像(下)からより明確に。左は私が得たものです...右は私が得たものです。

.

問題は...どうやってこれになってしまったのですか? ピクセル形式に何か問題がありますか? 色はすべて正しいように見えるのでありそうになく、エンディアンネスにかかっているとしたら、あらゆる種類の厄介なものになると思います。提案は大歓迎です。

更新: 問題は私のソース レンダラーにあることがわかりました。興味深いことに、私は 32 ビット テクスチャを使用することでこの問題を完全に回避しました (この時点では 24 ビットは試していません)。

0 投票する
3 に答える
12597 参照

java - FishEye Picture Effect(Barrel Distortion)アルゴリズム(Javaを使用)?

通常の写真から魚眼レンズ(樽型歪み)をシミュレートするアルゴリズム(ビットマップピクセル操作)を探しています。これまでのところ、OpenCV、OpenGL、jhlabsなどの外部ライブラリを含む実装を見つけました。私はデジタル画像処理のクラスを受講していて、コース評価プロジェクトを作成しているので、外部ライブラリを使用することで良い成績が得られるかどうかはわかりません。それで、誰かが私にそのようなアルゴリズムへの参照を与えるでしょうか?

追伸 Javaで実装するように求められますが、どの言語の例でもかまいません。

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

webgl - WebGLの歪み/水

私は比較的 WebGL と OpenGL に慣れていませんが、最近は小さなゲームを書くことにほとんどの時間を費やしています。しかし、熱波のようなものを実装したいとき、または何らかの種類の歪みを実装したいとき、私は行き詰まったままになりました.

これで、フラグメント シェーダーを使用してテクスチャ リップルを作成できますが、オブジェクトの背後にあるコンテンツを歪めるとなると、何かが足りないように感じます。フラグメント シェーダー内で既にレンダリングされているピクセルの色を取得する方法はありますか?

テクスチャにレンダリングしてから、オブジェクトのテクスチャをそのようにしようとしましたが、シーンをテクスチャにレンダリングすることを選択すると、画面にもレンダリングできないようです。さらに、テクスチャにレンダリングしたい場合、そのテクスチャは 2 の累乗でなければなりません (多くの画面解像度はこれに完全に適合しません)。

どんな助けでも大歓迎です。

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

windows - ワープ Windows デスクトップ

いくつかのスレッドを読んだことがありますが、ビデオを歪ませるのは簡単だとわかっています。Windows デスクトップをワープしたいのですが、手順は次のとおりです。 1. デスクトップ画面をキャプチャする 2. デスクトップ画面をベジエ サーフェス メッシュのテクスチャとして使用する歪んでいるので、無限ループがあります。誰でも私にいくつかの提案をすることができますか? 前もって感謝します!

0 投票する
6 に答える
108643 参照

css - 歪まない領域内に収まるようにCSS画像スケーリング

CSSまたはその他の方法で画像を領域内に収める方法はありますか?サイズの異なる複数の画像があり、それらすべてを150pxx100pxのdiv内に収めたいとします。画像を拡大縮小したくないのですが、高いものと狭いものがあるので、残りを非表示にしてこの領域に収めたいだけです。

使うことを考えましoverflow:hiddenたが、IE6では隠されていないようです。

何か案は?

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

android - 高速画像歪みアルゴリズムを探しています

shpereディストーションフィルターを使用するアプリケーションを実装しようとしています。ここから、getPixel()メソッドとsetpixel()メソッドによってピクセルの位置を変更するアルゴリズムを使用しています。私の問題は、Androidデバイスには遅すぎることと、同じ球体(およびその他)のフィルターを私のアプローチよりもはるかに高速に実装するアプリケーションがあることです。(たとえば、Picsay Proアプリ)高速歪みアルゴリズムを見つけたり実装したりするための指示を共有または提供できる人はいますか。

アルゴリズムを実装する実際のフィルター:

計算されたピクセルの位置を置き換えるコード。