> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/main/jp/tasuku/light.md).

# ライト

***

### 指向性ライト

<figure><img src="/files/af9bdef1efa6a144fe22062ec8834e9b6bcb8963" alt=""><figcaption></figcaption></figure>

### ポイントライト

<figure><img src="/files/d371757b7664ac054fb44c69c7ecd3fa04320f0e" alt=""><figcaption></figcaption></figure>

***

## インタラクティブチュートリアル

{% hint style="info" icon="language" %}
**チュートリアルの言語を変更する方法**\
チュートリアルは既定で英語で表示されます。別の言語でこのチュートリアルを見るには、右上にカーソルを合わせて、 <i class="fa-language">:language:</i> **言語**.
{% endhint %}

{% @arcade/embed flowId="nDknQ4kQysDz3YFAVnOh" url="<https://app.arcade.software/share/nDknQ4kQysDz3YFAVnOh>" %}

{% @arcade/embed flowId="qntgD825V4JIWwctus3i" url="<https://app.arcade.software/share/qntgD825V4JIWwctus3i>" %}

***

## 使い方

{% tabs %}
{% tab title="方向" %}

## 指向性ライト

Directional Light は、シーン全体のグローバルなライティングを調整します。

{% hint style="info" %}
ライトタスクはライトを「追加」するもので、シーンのライティング自体は変更しません。
{% endhint %}

{% stepper %}
{% step %}

#### 「Light」を選択

左側のタスクメニューで、 <kbd><mark style="color:$primary;">**ライティング**<mark style="color:$primary;"></kbd>.

これにより、現在のシーンの Light ワークスペースが開きます。
{% endstep %}

{% step %}

#### 商品画像をアップロード

商品画像は前景要素として使用されます。

画像は次の方法でアップロードできます。

* 次を選択する <kbd><mark style="color:$primary;">**画像をアップロード**<mark style="color:$primary;"></kbd> シーン内で
* パソコン上のフォルダから画像をドラッグ＆ドロップする
* 画面左下のライブラリパネルから画像をドラッグ＆ドロップする

アップロードすると、商品がシーンに表示されます。
{% endstep %}

{% step %}

#### Directional light を選択

Directional light はデフォルトで選択されています。\
シーン上部で、 <kbd><mark style="color:$primary;">**方向**<mark style="color:$primary;"></kbd> タブを選択します。
{% endstep %}

{% step %}

#### ライトの方向を調整

シーンの端に配置されたポイント、または右側の Light 設定パネルから、ライトの方向を選択できます。

**シーンから選択:**

1. シーンの四隅にある白いポイントにカーソルを合わせます。
2. 希望のライト方向を選択します。
3. ライトのインジケーターに、選択した方向が表示されます。

**Light 設定パネルから選択:**

1. 方向のドロップダウンリストを開きます。
2. 以下の方向のいずれかを選択します:
   * <kbd><mark style="color:$primary;">**左下**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**左中央**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**左上**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**上中央**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**右上**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**右中央**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**右下**<mark style="color:$primary;"></kbd>
   * <kbd><mark style="color:$primary;">**下中央**<mark style="color:$primary;"></kbd>
3. ライトのインジケーターに、選択した方向が表示されます。
   {% endstep %}

{% step %}

#### オプション: 背景色を選択

画像の背景が透明な場合、シーン内に生成する背景色を選べます。右側の Light 設定パネルで:

1. 次の <kbd><mark style="color:$primary;">**背景（商品用）**<mark style="color:$primary;"></kbd> ドロップダウンメニュー。
2. 以下のいずれかから色を選択します:
   * ニュートラルトーンの一覧から選択
   * カラーパレットから選択
   * 以下を使って色を選択します： <i class="fa-eye-dropper" style="color:$primary;">:eye-dropper:</i> カラーピッカーツール
   * テキスト入力欄にHEXカラー値を入力します
     {% endstep %}

{% step %}

#### 任意：テキストプロンプトを追加

右側の Light 設定パネルで、全体の方向に関するテキストプロンプトを追加できます。\
テキストプロンプト欄で:

1. テキストプロンプト欄に直接入力します。
2. 選択し、 <kbd><mark style="color:$primary;">**ライブラリ**<mark style="color:$primary;"></kbd> 以前保存したプロンプトを再利用するために
3. 次の <i class="fa-cloud-arrow-up" style="color:$primary;">:cloud-arrow-up:</i> アイコンから画像をアップロードすると、Beachside が説明文を生成して、そのテキストをプロンプト欄に配置します。
   {% endstep %}

{% step %}

#### 出力数を選択する

右側の Light 設定パネルで:

* 生成するバリエーション数を選択します。
* 一度に最大4シーンまで生成できます。
  {% endstep %}

{% step %}

#### 生成

すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

生成されたシーンはPlaygroundに表示されます。
{% endstep %}
{% endstepper %}
{% endtab %}

{% tab title="点光源" %}

## ポイントライト

Point Light を使うと、シーン内に局所的なライティングを配置できます。ライトソースの位置とサイズをキャンバス上で直接指定します。

{% hint style="info" %}
ライトタスクはライトを「追加」するもので、シーンのライティング自体は変更しません。
{% endhint %}

{% stepper %}
{% step %}

#### 「Light」を選択

左側のタスクメニューで、 <kbd><mark style="color:$primary;">**ライティング**<mark style="color:$primary;"></kbd>.

これにより、現在のシーンの Light ワークスペースが開きます。
{% endstep %}

{% step %}

#### 商品画像をアップロード

商品画像は前景要素として使用されます。

画像は次の方法でアップロードできます。

* 次を選択する <kbd><mark style="color:$primary;">**画像をアップロード**<mark style="color:$primary;"></kbd> シーン内で
* パソコン上のフォルダから画像をドラッグ＆ドロップする
* 画面左下のライブラリパネルから画像をドラッグ＆ドロップする

アップロードすると、商品がシーンに表示されます。
{% endstep %}

{% step %}

#### Point light を選択

Directional light がデフォルトで選択されています。モードを変更してください。

シーン上部で、 <kbd><mark style="color:$primary;">**点光源**<mark style="color:$primary;"></kbd> タブを選択します。
{% endstep %}

{% step %}

#### ライトの位置とサイズを調整

中心点は、ライトの発生位置を示します。

円形の境界は、ライトがシーン内でどこまで広がるかを示します。

**キャンバス上で:**

* 青い中心点を選択してドラッグし、ライトソースの位置を変更します。
* 外側の円形境界をドラッグして、ライトの半径を広げたり狭めたりします。
  {% endstep %}

{% step %}

#### 任意：テキストプロンプトを追加

右側の Light 設定パネルで、全体の方向に関するテキストプロンプトを追加できます。\
テキストプロンプト欄で:

1. テキストプロンプト欄に直接入力します。
2. 選択し、 <kbd><mark style="color:$primary;">**ライブラリ**<mark style="color:$primary;"></kbd> 以前保存したプロンプトを再利用するために
3. 次の <i class="fa-cloud-arrow-up" style="color:$primary;">:cloud-arrow-up:</i> アイコンから画像をアップロードすると、Beachside が説明文を生成して、そのテキストをプロンプト欄に配置します。
   {% endstep %}

{% step %}

#### 出力数を選択する

右側の Light 設定パネルで:

* 生成するバリエーション数を選択します。
* 一度に最大4シーンまで生成できます。
  {% endstep %}

{% step %}

#### 生成

すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

生成されたシーンはPlaygroundに表示されます。
{% endstep %}
{% endstepper %}
{% endtab %}
{% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.theseaai.com/main/jp/tasuku/light.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.