WplaceWplace live ガイド
Wplace Wikiに戻る

Wplace Blue Marble：ピクセルアート制作を徹底強化するユーザースクリプト

Blue Marble は、Wplace.live 向けに設計された革新的なユーザースクリプトです。高度なテンプレートオーバーレイ、正確な座標系、視認性を高める各種ビジュアル補助により、協力型のピクセルアートを前例のない精度で制作できます。

🎨 Blue Marbleとは？

Blue Marble は、ピクセルアート制作にプロフェッショナル水準の機能を追加し、Wplace.liveの体験を強化する無料・オープンソースのユーザースクリプトです。複雑な作品づくり、コラボレーション、ドット配置の精度向上など、真剣に制作するWplace.liveアーティストに不可欠なツールです。

✨ 主な機能

  • 🖼️ テンプレート・オーバーレイ: PNG/WEBPのカスタムテンプレートをキャンバスに直接表示
  • 📍 高度な座標系: タイル座標/ピクセル座標を精密にトラッキング
  • 🎯 ピンによる精密指定: ピンツールで座標フィールドを自動入力
  • 🔧 豊富な設定: ワークフローに合わせた詳細なカスタマイズが可能
  • 📱 クロスプラットフォーム: デスクトップ/モバイルで動作
  • 🌐 複数ブラウザ対応: Chrome・Edge・Firefoxをサポート

🚀 Wplace.liveでBlue Marbleを使う理由

ピクセルアート制作を強化

Blue Marble はWplace.liveを単なるドットキャンバスから“プロのピクセルアートスタジオ”へと進化させます。テンプレート・オーバーレイにより、次のことが可能です。

  • 複雑なアート制作: 精緻なデザイン用テンプレートを重ねて表示
  • 効率的なコラボ: テンプレート座標をチームで共有
  • 一貫した品質維持: 大規模プロジェクトでも正確な配置を担保
  • 時間短縮: 手作業のカウントや配置ミスを削減

プロ品質のツール群

一般的なピクセルアートツールとは異なり、Blue Marble は次を提供します：

  • 透明ピクセル対応: 特殊色 #deface によるWplace.liveの「透明色」扱い
  • リアルタイム座標表示: タイル/ピクセル位置を即時確認
  • テンプレート整合: 左上基準の正確なアラインメント
  • 視覚オーバーレイ管理: 必要に応じてオン/オフ切替

📥 インストールガイド

事前準備

  • ブラウザ: Chrome / Microsoft Edge / Firefox
  • 拡張機能: TamperMonkey（ユーザースクリプト管理）
  • プラットフォーム: Windows / Mac / Linux / モバイル

ステップ別インストール手順

Chromeの場合

  1. TamperMonkeyをインストール

  2. TamperMonkeyの設定

    • TamperMonkeyアイコンを右クリック
    • 「拡張機能を管理」を選択
    • 「デベロッパーモード」を有効化
    • 「ユーザースクリプトを許可」を有効化

  3. Blue Marbleを入手

  4. スクリプトをインストール

    • TamperMonkeyダッシュボードを開く
    • BlueMarble.user.js をドラッグ&ドロップ
    • 「インストール」をクリック
    • ダッシュボードでBlue Marbleを有効化

  5. Wplace.liveで有効化

    • Wplace.live へアクセス
    • ページを再読み込みしてBlue Marbleを起動

Microsoft Edgeの場合

  1. TamperMonkeyをインストール

  2. 以降はChrome同様

    • 拡張機能設定でデベロッパーモードを有効化
    • BlueMarble.user.js をダウンロードしてインストール
    • Wplace.live上で有効化

Firefoxの場合

  1. TamperMonkeyをインストール

  2. Blue Marbleをインストール

    • Releasesから BlueMarble.user.js をダウンロード
    • TamperMonkeyダッシュボードからインストール
    • Wplace.liveを更新して起動

注意: 一部のFirefoxバージョンでは互換性の問題が発生する場合があります。Blue Marbleは主にChrome/Edge向けに最適化されています。

🛠️ Blue Marbleの使い方

テンプレートの準備

  1. テンプレートを用意

    • PNGまたはWEBP形式
    • 実ピクセルサイズで表示（例：500x300の画像＝キャンバスでも500x300ピクセル）
    • 無視したい領域は透明ピクセルを使用
    • Wplace.liveの「透明色」は #deface を使用

  2. 座標を設定

    • キャンバス上の基準（左上）位置を決める
    • 該当ピクセルをクリックしてタイル/ピクセル座標を確認
    • 「ピン」アイコンで座標フィールドを自動入力
    • Tl X / Tl Y / Px X / Px Y に値を入力

  3. アップロードして有効化

    • テンプレート画像をアップロード
    • 「Enable」をクリックしてオーバーレイを有効化
    • キャンバスにテンプレートが表示されます

座標系の理解

Wplace.live は独自のタイルベース座標系を採用しています：

  • タイル座標: 大きなグリッド（Tl X / Tl Y）
  • ピクセル座標: タイル内の個別ピクセル（Px X / Px Y）
  • テンプレート整合: 常に左上を基準として整列

この方式により、巨大なWplace.liveキャンバスでも精密な配置が可能になります。

便利な機能

透明ピクセルの扱い

  • 透明ピクセル: オーバーレイ時に無視されます
  • #deface のピクセル: Wplace.liveの「透明色」として解釈
  • 色マッピング: 用途に応じたカスタムカラー定義

スクリプト設定

Blue Marble は多彩なカスタマイズに対応：

  • オーバーレイ不透明度: テンプレートの透過を調整
  • 座標表示: 情報の表示/非表示を切替
  • 視覚補助: 各種ヘルパーツールの有効/無効
  • パフォーマンス: 端末に合わせて最適化

🔧 トラブルシューティング

よくある質問

Q: Blue Marble は安全ですか？ A: 安全です。Blue Marbleはオープンソースで、リポジトリにすべてのコードが公開されています。src/ フォルダでソースを確認でき、build/ のツールで自分でビルドすることも可能です。

Q: 自動でピクセルを配置できますか？ A: いいえ。Blue Marbleは自動配置をサポートしません。視覚的な補助と調整のためのツールであり、操作は手動が前提です。

Q: オーバーレイを非表示にするには？ A: TamperMonkeyで当該ユーザースクリプトをオフにし、Wplace.liveページを再読み込みしてください。

Q: なぜゲーム内通知がオーバーレイより前面に出ますか？ A: ゲーム通知は即時性が高いため優先表示されます。オーバーレイは通常インフォメーション目的のため後面になります。

ブラウザ対応

  • ✅ Chrome: 完全対応（推奨）
  • ✅ Microsoft Edge: 完全対応
  • ⚠️ Firefox: 一部サポート（バージョンにより非対応の可能性）
  • ✅ モバイルブラウザ: 動作確認済み

🌟 Wplace.liveでBlue Marbleを選ぶ理由

コミュニティ主導の開発

Blue Marble はコミュニティにより活発にメンテナンスされ、定期的にアップデートと新機能が追加されています。セマンティックバージョニングに従い、信頼性の高い更新が行われます。

プロフェッショナルな機能

  • テンプレート・オーバーレイ による複雑な作品制作
  • 正確な座標トラッキング でチーム制作を支援
  • クロスプラットフォーム であらゆるデバイスに対応
  • オープンソース による透明性と信頼性

Wplace.live体験をアップグレード

Wplace.liveでの体験を、カジュアルなドット配置からプロ品質のピクセルアート制作へ。用途はさまざま：

  • 🎨 精細なアート制作
  • 👥 チームでのコラボレーション
  • 🏆 ピクセルアート競技への参加
  • 📚 技術学習・練習

Blue Marble が成功のためのツール一式を提供します。

🔗 さっそく始めましょう

Wplace.liveの制作体験を強化しましょう。

  1. ⭐ リポジトリにStar: GitHub で応援
  2. 📥 Blue Marbleを入手: releases から最新版をダウンロード
  3. 🚀 制作を開始: Wplace.live にアクセスして強化された制作を体験

Blue Marbleへの貢献

コントリビュートに興味がありますか？プロジェクトドキュメントの CONTRIBUTING.md をご確認ください。

Blue Marble は Mozilla Public License Version 2.0（MPL-2.0）の下でライセンスされています。Blue Marbleの画像はNASA提供で、Creative Commons 0 1.0 Universal（CC0 1.0）ライセンスに基づきます。

Blue MarbleでWplace.liveの体験を今すぐアップグレード。ピクセルアート愛好家のための究極のユーザースクリプトです！ 🎨✨

おすすめツール
他の記事を見る
お読みいただきありがとうございます！