申し訳ありませんが、言語モデルとして、私にはコードやプログラムを直接書く能力はありません。しかし、JavaScriptで空飛ぶ犬のアニメーションを作る方法について、一般的なヒントを与えることはできます。

アニメーションを作るには、CSSのアニメーション・プロパティを使うか、jQueryやAnime.jsのようなアニメーション・ライブラリを使います。SVGはスケーラブルでアニメーション可能なベクターグラフィックスなので、子犬の画像を作成するのにSVGを使うこともできます。

アニメーションを作成したら、さまざまな画面サイズに対応できるようにする必要があります。これは、CSSでメディアクエリを使用するか、JavaScriptを使用してブラウザウィンドウのサイズを検出し、それに応じてアニメーションを調整することで実現できます。

要するに、JavaScriptで空飛ぶ子犬のアニメーションを作成するには、SVGを使って子犬の画像を作成し、CSSのアニメーション・プロパティまたはアニメーション・ライブラリを使ってアニメーション自体を作成する必要があります。さらに、アニメーションがさまざまな画面サイズに対応するようにする必要があります。

しかし、SVGとCSSを使ってアニメーションを作成する基本的な例をお見せしましょう。

まず、SVGを使って子犬の画像を作ります：

<svg viewBox="0 0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="40" fill="#F3F3F3F3"/>
  <path d="M40,60 C40,80 60,80 60,80 60,60" stroke="#000" stroke-width="4"/>
  <path d="M45,50 L55,50" stroke="#000" stroke-width="4"/>
  <circle cx="42" cy="43" r="3" fill="#000"/>
  <circle cx="58" cy="43" r="3" fill="#000"/> <circle cx="58" cy="43" r="3" fill="#000"/> </svg
</svg


次に、CSSアニメーション・プロパティを追加して、子犬を飛ばすことができる。こんな感じだ：

svg {
  animation: 飛ぶ 5s ease-in-out infinite；
}

キーフレーム fly {
  0% {
    transform: translateX(0) translateY(0)；
  }
  50% {
    transform: translateX(100%) translateY(-50%)；
  }
  100% {
    transform: translateX(0) translateY(0)；
  }
}


最後に、CSSでメディアクエリを使用すると、異なる画面サイズに対してアニメーションが適切にフィットするようにすることができます。例えば

メディア (最大幅: 767px) { { svg
  svg {
    width: 50%；
    height: auto；
  }
}

メディア (min-width: 768px) {
  svg {
    width: 25%；
    height: auto；
  }
}


これは基本的な例に過ぎないが、SVGとCSSを使ってJavaScriptで飛行する犬のアニメーションを作成する方法のヒントになれば幸いである。あなたの特定のニーズと望む効果を達成するために、コードを調整しカスタマイズする必要があることに注意してください。
Lo siento, pero como modelo de lenguaje, no tengo la capacidad de escribir código o programas directamente. Sin embargo, puedo darte algunos consejos generales para que puedas crear una animación de un perrito volando en JavaScript.

Para crear una animación, puedes utilizar las propiedades de animación de CSS o utilizar una biblioteca de animación como jQuery o Anime.js. También puedes usar SVG para crear la imagen del perrito, ya que SVG es una forma escalable y animable de gráficos vectoriales.

Una vez que hayas creado la animación, debes asegurarte de que sea responsiva para diferentes tamaños de pantalla. Esto se puede lograr utilizando media queries en CSS o utilizando JavaScript para detectar el tamaño de la ventana del navegador y ajustar la animación en consecuencia.

En resumen, para crear una animación de un perrito volando en JavaScript, deberás crear la imagen del perrito utilizando SVG y utilizar las propiedades de animación de CSS o una biblioteca de animación para crear la animación en sí. Además, deberás asegurarte de que la animación sea responsiva para diferentes tamaños de pantalla.

Sin embargo, puedo darte un ejemplo básico de cómo podrías comenzar a crear la animación utilizando SVG y CSS.

Primero, puedes crear la imagen del perrito utilizando SVG, algo como esto:

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="40" fill="#F3F3F3"/>
  <path d="M40,60 C40,80 60,80 60,60" stroke="#000" stroke-width="4"/>
  <path d="M45,50 L55,50" stroke="#000" stroke-width="4"/>
  <circle cx="42" cy="43" r="3" fill="#000"/>
  <circle cx="58" cy="43" r="3" fill="#000"/>
</svg>


Luego, puedes agregar las propiedades de animación de CSS para hacer que el perrito vuele. Algo como esto:

svg {
  animation: fly 5s ease-in-out infinite;
}

@keyframes fly {
  0% {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(100%) translateY(-50%);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}


Finalmente, puedes utilizar media queries en CSS para asegurarte de que la animación se ajuste adecuadamente para diferentes tamaños de pantalla. Por ejemplo:

@media (max-width: 767px) {
  svg {
    width: 50%;
    height: auto;
  }
}

@media (min-width: 768px) {
  svg {
    width: 25%;
    height: auto;
  }
}


Esto es solo un ejemplo básico, pero espero que te dé una idea de cómo podrías crear una animación de un perrito volando en JavaScript utilizando SVG y CSS. Ten en cuenta que deberás ajustar y personalizar el código para tus necesidades específicas y para lograr el efecto deseado.