本文へ移動

Wakusei Planets惑星

太陽・惑星・衛星を、線画、陰影つきの絵、表面の地図で描きます。実際の大きさ・傾き・自転つきで、任意の日時の衛星の位置も分かります。

「惑星」(わくせい) は、太陽のまわりを回る大きな星のことです。 名前について（英語）

目次

リファレンス · データ・線画・位置

portraitCode関数

リファレンスの説明と例は英語です。見出しと目次は日本語です。

The text that puts a portrait scene in a page, for each way a page is made, as embedCode does for a single body. The bodies' own entry points are loaded only for the bodies in the scene (all of them when there are more than six kinds), and none for the line look.

インポート

import { portraitCode } from "@johnmorrisdotca/wakusei-planets";

定義

function portraitCode(options: PortraitEmbed, kind?: EmbedKind, settings?: EmbedSettings): string

引数

名前型説明
optionsPortraitEmbed

The scene and the width.

kind (省略可)"html" | "iframe" | "module" | "react" | "vue" | "angular" | "svelte"

The way the page is made; html by default.

settings (省略可)EmbedSettings

The CDN and the demo's address, when they are not the package's own.

戻り値

string

The text to paste into the page's source.

例

import { portraitCode } from "@johnmorrisdotca/wakusei-planets";

console.log(portraitCode({ scene: "look:painted~jupiter_0_0_0.3_0~io_0_0_0.1_0" }, "vue"));
<script setup lang="ts">
import { onMounted } from "vue";

onMounted(() => {
  void import("@johnmorrisdotca/wakusei-planets/portrait");
  void import("@johnmorrisdotca/wakusei-planets/jupiter");
  void import("@johnmorrisdotca/wakusei-planets/moons-jupiter");
});
</script>

<template>
  <wakusei-portrait scene="look:painted~jupiter_0_0_0.3_0~io_0_0_0.1_0"></wakusei-portrait>
</template>

出力（このページを作ったときに実行した結果）

ソースを見るGitHub で編集@johnmorrisdotca/wakusei-planets 0.24.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。