高DPI画面では、CSS上の表示寸法とCanvas内部の描画寸法を分けて管理し、DotLCDの論理セルが物理ピクセル上でもできるだけ均一になるよう調整します。ただし、`devicePixelRatio`が整数とは限らないため、「CSSピクセル上の整数倍」と「物理ピクセル上の完全な整数倍」は別の条件です。

対応・安全性

WebGLコンテキスト消失への備え

WebGLコンテキストは、GPUやドライバ、メモリ、ブラウザ判断などにより実行中に失われる場合があります。DotLCD Cameraでは、コンテキスト消失時に描画を止め、状態を保持し、復旧後にGPU資源を作り直すか、Canvas 2Dへ切り替える設計が必要です。

対応・安全性

スマホの発熱と品質モード

スマートフォン向けのDotLCD Cameraでは、最大品質を常時維持するより、論理解像度、処理FPS、残像バッファ、高DPI倍率を段階的に下げられる品質モードを用意する方が安全です。ブラウザから端末温度を直接取得できる一般的なWeb APIは前提にせず、処理時間、FPS低下、ページ可視性、利用者の選択を判断材料にします。

対応・安全性

ブラウザ対応状況の調べ方

DotLCD Cameraの対応状況は、「サイトが開くか」ではなく、カメラ、画像入力、Canvas 2D、WebGL2、書き出し、Worker、PWAなどの機能単位で調べます。互換表だけで対応済みと判断せず、機能検出と実機試験を組み合わせます。

比較・注意点

写真の権利と加工画像の公開

DotLCD Cameraで写真を4階調化しても、元写真や被写体に関する権利が自動的に消えるわけではありません。公開前に、写真を利用する権利、写っている人物、著作物、商標、施設ルールなどを確認します。

比較・注意点

特定製品の完全再現を避ける理由

DotLCD Cameraは、低解像度、4階調、均一セル、時間応答という一般的な表現要素を研究・実装するツールとして設計し、特定製品の名称、外観、UI、配色、ロゴ、独自挙動を一体として完全再現することは避けます。

比較・注意点

CRT表現とLCD表現を混同しない

DotLCD Cameraでは、CRTに見られる走査線、発光のにじみ、サブピクセルマスク、画面湾曲を中心にせず、LCDの均一セル、少ない階調、色付きパネル、応答遅れ、固定欠陥を中心に設計します。

比較・注意点

変換前後比較を設計する

変換前後比較は、元画像とDotLCD出力を同じ構図、同じ表示領域、同じ拡大率で見比べられるよう設計します。単なる見栄えの演出ではなく、論理解像度、4階調、パレット、残像が何を変えたかを確認する検証機能です。

比較・注意点

DotLCD Cameraの使い方ガイド

DotLCD Cameraは、カメラまたは画像ファイルを、低解像度、4階調、均一な液晶セル、限定的な時間応答へ変換する端末内処理型のWebツールです。最初は画像ファイルとClean Four-Toneプリセットから試し、その後にカメラ、残像、露出、故障表現、書き出しへ進むと違いを理解しやすくなります。

このメディアの読み方

変換ツールの説明と実装ガイドを分けています。画像の取り扱い、ブラウザの権限、対応状況を確認してから利用してください。