これは体験版です。設定を自由にさわって、どんな光り方が作れるか試せます。作ったものを記事に貼るコードの取得は、購入者特典版でできます。

✨ 発光ドット工房（体験版）使い方

光る玉で文字や図形を描きます。マウスを近づけると、近くの玉だけが光り、ほかの玉が影を落とします。右の見本は、購入者特典版で貼るコードをそのまま動かしたものです。

見本から始める

見本

見本の中にマウスを入れて動きを確かめる（スマホは指でなぞる）

📋 出力（購入者特典版でコピーできます）

購入者特典版では、ここで作った見た目のまま、カスタムHTMLブロックに貼るコードをコピーできます。
体験版のため、コピーはできません
体験版のため、コードは表示されません。購入者特典版で実際のコードを確認・コピーできます。

📍 貼る場所

  1. 記事の編集画面で「＋」を押し、カスタムHTML ブロックを入れる
  2. 「コードをコピー」したものを、そのまま貼る
  3. プレビューで、玉が光るか・マウスを近づけて影が出るかを確かめる
1つの記事に何個置いても動きます。光の計算は、画面に見えている間だけ行います。古いブラウザでは、光の計算を使わない簡単な表示になります。