JavaScript - ゲームの背景の動きの原理は何ですか?

たとえば、人が前に歩くと背景が後ろに移動し、キャンバスが切り替わります。

巴扎黑 2017-06-27 09:18:47 0  2  1054

正確なマウス座標を取得できない問題: ページのサイズを変更するときに HTML5 キャンバスを使用する

このピクセル効果をフロントエンドの専門家に作成してもらいたいと考えています。全画面キャンバスでピクセル効果全体を実現することはできますが、 constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//全画面の高さをキャンバスに設定します Canvas.width=window.innerWidth ;//キャンバスを全画面幅に設定すると、マウスの座標を取得しやすくなります constmouse={x:unknown,y:u

P粉752290033 2023-09-12 12:20:33 0  1  755

javascript - キャンバスの画像処理に関する問題

ユーザーがアップロードした画像を処理するにはキャンバスを使用する必要があります。ユーザーがアップロードしたサイズは非常に大きい可能性があります。たとえば、現在のブラウザ ウィンドウの幅と高さを超えるため、表示領域に比例して拡大縮小します。ブラウザの画像をキャンバス上に描画しますが、これはユーザーの絵を縮小することに相当します...

扔个三星炸死你 2017-06-10 09:49:16 0  3  1020

java - 入力ストリームはバイト配列に変換され、配列は範囲外です

public static byte[] readInputStream(InputStream inStream) throws Exception { {code...} } インターネット上での対処方法です 死ぬほど書き込むと境界を越える可能性があります。他に対処方法があるかどうかはわかりません。

巴扎黑 2017-05-17 10:03:02 0  2  800

JavaScript - ボディの高さがキャンバスの高さより 4 ピクセル大きいのはなぜですか?

css: {code...} html: {code...} javascript: {code...} 結果は次のようになります: 論理的には、キャンバスは本体と同じ高さであるべきではありませんか?なぜボディには 4 つの余分なピクセルがあるのですか?教えてください、ありがとう！

扔个三星炸死你 2017-07-05 10:48:24 0  1  704

JavaScript - キャンバス上の画像を変換するには?

たとえば、次のような画像があります。{code...} 画像の幅と高さは1280x600で、transform属性はtranslate(6px, 6px)scale(1.5)rotate(100deg);と教えてください。私が作成した画像は何ですか? 1280x600 のキャンバスに合わせるにはどうすればよいですか?

黄舟 2017-05-16 13:23:58 0  3  487

javascript - Base64 ビット文字列画像データを Java バックグラウンドにアップロードするのにご協力ください。

さて、会社のプロジェクトには、画像をアップロードする前に手動でモザイクを追加する機能をユーザーに提供するという要件があります。この部分の処理を完了するためにキャンバスを使用しますが、キャンバス処理後に得られるのは、base64 ビット文字列です。このbase64ビット文字列をポストリクエストを通じて直接送信することを考えています...

欧阳克 2017-06-12 09:19:31 0  3  904

JavaScript - キャンバスを使用して画像を変更すると、ちらつきの問題が発生します。

キャンバスを使ってちょっとしたゲームを作っていると、切り替えが必要な絵があってちらつきが発生するのですが、常に発生するわけではなく、発生しないときもあれば、発生しないときもあります。

阿神 2017-06-07 09:24:50 0  2  1045

javascript - キャンバスでのマウス座標の取得に関する問題

ウィンドウ付属のお絵かきボードの線画機能のような線画効果をマウスで作りたいと考えています。これにはマウスの座標を取得する必要があるのですが、キャンバスに線を引くといつもカーソルの下にはっきりと線が引かれず、座標が正確に取得できていない気がします...

过去多啦不再A梦 2017-05-19 10:29:32 0  1  613

確認コードに数字が 1 つしか表示されないのはなぜですか?

//このレッスンのコードは次のとおりです。何度か確認しましたが、エラーは見つかりませんでしたが、表示された確認コードには数字が 1 つしかありません...なぜこれが起こっているのですか?ガイダンスを教えてください<?php/ / 検証コードの背景ヘッダーを生成('Content-type:image/jpeg'); // 背景画像のサイズ $width=60;$height=15; // キャンバスを作成 $img=imagecreatetruecolor($幅、$高さ)

丫头 2018-04-21 11:01:31 1  5  3039

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  828

Vite React プロジェクトを保存するたびに、既存のキャンバス要素を置き換えるのではなく、新しいキャンバス要素がページ本文に追加されるのはなぜですか?

ThreeJs の学習を始めようとしています (JavaScript Web 開発も初めてです)。いくつかのチュートリアルを見た後、Vite と React から始め、次に基本的な回転立方体から始めました。この部分は機能します。しかし、vite について読んだところによると、作業中のファイルを保存するだけでページに再ロードできるはずです。しかし実際にはそうではありません。ページのコンテンツを確認したところ、ファイルを保存するたびに、(既存のキャンバス要素を置き換えるのではなく) 2 つの同じキャンバス要素がページ本文に追加されます。つまり、それを確認するにはページの一番下までスクロールする必要...

P粉186904731 2024-03-30 09:57:49 0  1  530

Phaser がタイル マップのロードに失敗し、画面に黒い画面だけが表示されました。

タイル マップ エディターで作成したタイル マップをロードしようとしています。これを json ファイルとしてエクスポートし、タイル セットとともにパブリック フォルダー内のアセット フォルダーに配置しました。キャンバスに現れるものはすべて黒です。カメラの位置を変えて変化がないか試してみましたが、効果はありませんでした。エラー メッセージは表示されず、[ネットワーク] タブでマップとタイルセットの読み込みが確認できます。この問題に対する答えが見つかりません。私の main.jsvarconfig={type:Phaser.CANVAS,wid

P粉832490510 2024-03-30 20:38:02 0  1  704

CSS連続アニメーション

次の CSS コードがあります。問題は、アニメーションが希望どおりに動作するのですが、10 秒が経過するとリセットされてしまい、見苦しいことです。理想的には、再起動する代わりに画像をラップし、画像の左側がキャンバスから出たときに右側から戻ってくる無限アニメーションを実現したいと考えています。 @keyframesscrollRight{0%{背景の位置-x:30%;}100%{背景の位置-x:130%;}}.onrir{背景

P粉928591383 2024-03-20 12:30:42 0  1  493

javascript - ミニプログラム呼び出しインターフェイスのデータを配列に変換するにはどうすればよいですか?

json: {code...} JS code: onLoad:function(){ {code...} } //上記のように、json のコードを配列に変換するにはどうすればよいですか? data にコードを書くことができません[] 死ぬまで 。それ以外の場合、前のビューでは多くの重複が出力されるため、1 日探し続けましたが、まだ答えが見つかりません。よろしくお願いします。

習慣沉默 2017-05-19 10:13:22 0  2  456

2 つの fill.Rect 関数間の衝突を検出します。

1 人のプレイヤーが矢印キーで制御され、もう 1 人のプレイヤーが WSAD キーで制御されるゲームがあります。 600x600 のキャンバスにマップを設定しており、ゲームの塗りつぶしに 2 人のプレイヤー間の衝突を追加したいと考えています。2 人のプレイヤーが特定の半径内にいるとき、プログラムを終了するか、「ゲーム終了」のようなテキストを表示します。これが私の js です。 、HTML および CSS コード (コード スニペットを表示するには、「全画面表示」に移動する必要があります): //Canvasmycan.style.display="block&quo

P粉145543872 2023-09-15 13:26:06 0  1  852

React.StrictModeとfabric.jsのCanvasインスタンスを使用した再レンダリング

選択可能な形状をインスタンス化するファブリック キャンバスとボタンを作成しています。次の状況でコンポーネントが 2 回再レンダリングされる理由がわかりません。そのため、生地の形状をお選びいただくことができません。ただし、index.tsx ファイルから削除すると、レンダリングは 1 回だけ行われ、形状が選択可能になります。削除することもできますが、それが最善の解決策とは思えません。これはデモです: const{Fragment,StrictMode,useEffect,useRef}=React;const{cr

P粉659378577 2023-09-21 23:48:52 0  1  876

公開された記事を見知らぬ人だけが閲覧できるようにするにはどうすればよいですか?

公開した記事を見知らぬ人だけが閲覧できるようにするにはどうすればよいですか?ページ分割された記事リストを作成したいです。全員が公開した記事は同じページに表示されますが、全員が公開した記事には公開権限を設定できます。一部の記事は友人のみに表示され、一部の記事は全員に表示され、一部の記事は表示されません。見知らぬ人にのみ表示されます。表示可能です。たとえば、A と B は私の友達ですが、C は友達ではありません。友達のみに表示される記事を公開しました。すると、A と B がページに入ると記事を見ることができます。C は表示できません見てください。友達にのみ表示される記事を公開しました。見知らぬ人に...

Nine 2022-05-12 22:45:26 0  2  1177

私の彼氏はPHPプログラマーです

私のボーイフレンドは PHP 開発を専門とするプログラマーなので、私の PHP の旅はゆっくりと始まりました。難しかったですが、美しいものでした。物語は 4 年前に遡ります。 4年前、高校を卒業したばかりの私は、英語の夢を叶えるために故郷を離れ、一人で北京に来ましたが、見知らぬ街で一人でしたが、大学生活への憧れと英語への探求がより一層強くなりました。私は毎日とても充実していて幸せに暮らしています。月日が経ち、3年後に卒業、20数年ぶりに大学を「巣立った」私は、喜びと不安でいっぱいでした。でも、人生には必ず「初めて」がありますよね？私

天蓬老师 2017-11-03 09:51:13 4  13  2512

コードが Web スクレイピングの反復をスキップすることは可能ですか? IndexError: ポップアップ インデックスが範囲外です

そこで、（これまでのところ）14 ページから鉱物の名前と価格を削除し、それを .txt ファイルに保存するコードを作成しました。最初は Page1 のみを使用してみましたが、その後、より多くのデータを取得するためにさらにページを追加したいと考えました。しかし、その後、コードは、ランダムな名前/文字列など、本来あるべきではないものを取得します。私はそれがそれを獲得するとは期待していませんでしたが、それは獲得し、これに間違った価格を割り当てました。これは、鉱物に「予期せぬ名前」が付けられ、リストの残り全体の価格が間違った後に発生します。下の図を参照してください。つまり、この文字列は他の文字列とは異...

P粉846294303 2024-02-21 19:40:15 0  2  433