MSX Graphic Viewer(Web版)

1994年にDOS版、1996年にWindows95版を公開した「MSXCG」、2004年にWindows98版を公開した「MSX VIEWer」バージョン1.10に搭載されたBSAVE形式画像表示機能をWebアプリケーション化しました。

Windows版はこちら

表示例1

別のウィンドウ(またはタブ)で開く

このBSAVE画像表示機能は、2016年に「MSX VIEWer」のBASICプログラム表示機能をWebアプリケーションiOSアプリAndroidアプリ化したときに取り残された形になっていましたが、このMSX Graphic ViewerによりWebアプリケーション化が完了しました。

このアプリは、MSX BASICで次のプログラムを実行した時の動作を再現します。

  • <backgroundcolor>は背景色のカラーコードで、0〜15です。
  • <screenmode>はBASICのスクリーンモード番号で、2〜12(9を除く)です。
  • <filename>はファイル名です。

Windows版バージョン1.10の画像表示機能との主な違い

  • 背景色(MSXの用語では周辺色)に対応
    • カラーコード0の部分を指定された背景色で描画します。
  • COPY命令で保存された画像ファイルの読み込みに対応

表示例2

URLパラメータの指定により、タイトルバーなどを非表示にし、画像のみを表示させることも可能です。

使い方

https://www.minagi.jp/apps/mgv/にアクセスします。

ファイルの読み込み

ローカルファイルシステム上のファイルを読み込む場合は「この端末のファイルを読み込む」(Load from this device)を押すとその環境のファイル選択画面が開くのでファイルを選択してください。

また、ドラッグ&ドロップが行える環境では、読み込みたいファイルを本アプリにドロップすることでも読み込めます。

Web上のファイルを読み込む場合、またはData URIを指定して読み込む場合は「URLを指定して読み込む」(Load by specify URL)を押すとURL入力ダイアログボックスが表示されるので、画像ファイルのURL(またはData URI)を入力してOKボタンを押してください。

画像が読み込まれると画面に表示されます。

クリップボードへのコピー

読み込み後、「クリップボードにコピーする」(Copy to clipboard)を押すと、読み込まれた画像のPNG形式のData URIがクリップボードにコピーされます。別途ブラウザを起動し、クリップボードにコピーされたData URIをURL欄に貼り付けることで読み込み後の画像を表示できます。スマートフォンなど、本アプリに表示された画像を直接クリップボードにコピーできない環境では、この方法で読み込み後の画像をダウンロードすることができます。

読み込み動作の設定

画面モードや背景色、ファイル形式を指定することができます。読み込み後に変更することもできます。変更はただちに反映されます。

画面モード

画面モードを選択します。スクリーンモードの番号・名称はMSX BASICのものとVDP(TMS9918、V9938、V9958)のものを併記しています。

「自動判別」(Auto detect)を有効にすると、ファイル名の拡張子をもとに、下記の条件でスクリーンモードを自動で判定します。

拡張子 スクリーンモード
最後の1文字が「2」 SCREEN 2 / GRAPHIC 2
最後の1文字が「3」 SCREEN 3 / MULTI COLOR
最後の1文字が「4」 SCREEN 4 / GRAPHIC 3
最後の1文字が「5」 SCREEN 5 / GRAPHIC 4
最後の1文字が「6」 SCREEN 6 / GRAPHIC 5
最後の1文字が「7」 SCREEN 7 / GRAPHIC 6
最後の1文字が「8」 SCREEN 8 / GRAPHIC 7
最後の1文字が「A」
または最後の2文字が「10」
SCREEN 10 / GRAPHIC 7
最後の1文字が「B」
または最後の2文字が「11」
SCREEN 11 / GRAPHIC 7
最後の1文字が「C」かつ最後の3文字が「PIC」でない
または最後の2文字が「12」

SCREEN 12 / GRAPHIC 7

 

上記のいずれにも当てはまらない場合は、指定された画面モードで処理します。

背景色(周辺色)

背景色をカラーピッカーから選択します。これはMSX BASICのCOLOR命令の第3パラメータ(周辺色)に当たるもので、読み込んだ画像のうち、カラーコード0のドットはここで選択した色で表示されます。

画面モードがSCREEN 2〜7、10、11の場合、パレット情報を持つファイルを読み込んだ後はカラーピッカーにもそのパレット情報が反映されます。画面モードがSCREEN 8の場合はカラーコード0〜15の固定の色にが設定されます。

ファイル形式

ファイル形式を選択します。本アプリではBSAVE形式にくわえ、COPY命令で保存された画像ファイルの読み込みにも対応しています。「BSAVE形式」はMSX BASICのBSAVE命令で、「COPY形式」はCOPY命令で保存されたファイルとして読み込みます。

情報

画面右上の「i」のアイコンを押すと、読み込んだファイルの詳細な情報と、本アプリのバージョン情報などが表示されます。また、「設定を消去」(Erase settings)を押すと、画面モード、背景色、ファイル形式の設定情報が消去されます。

URLパラメータによる設定

MSX Graphic ViewerはURLでパラメータを受け取ることができます。

URLパラメータが指定された場合、保存されている設定よりもURLパラメータが優先されます。

項目説明
platform=ルック・アンド・フィールを指定します。「ios」(iOS風)、「android」(Android風)を指定できます。指定しない場合は自動で判別します。
language=表示言語を指定します。「ja」(日本語)、「en」(英語)を指定できます。指定しない場合は自動で判別します。
graphic_url=開きたい画像のファイルをURLで指定します。
graphic_screenmode=【画面モード】を指定します。2〜8、10〜12を指定できます。
graphic_screenmode_autodetect=【自動判別】を指定します。「yes」(自動判別する)、「no」(自動判別しない)を指定できます。
graphic_fileformat=【ファイル形式】を指定します。「bsave」(BSAVE形式)、「copy」(COPY形式)を指定できます。
backgroundcolor=【背景色】を指定します。MSX標準パレット(カラーコード0~15)から選択できます。
titlebar=タイトルバーを表示するかを指定します。「yes」(表示)、「no」(非表示)を指定できます。
「no」を指定した場合、ユーザーによる操作ができなくなるため、「graphic_url=」パラメータと併用する必要があります。
debug=デバッグモードを指定します。「on」(デバッグモード有効)、「off」(デバッグモード無効)を指定できます。
デバッグモードを有効にした場合、ブラウザのコンソールにデバッグ情報が出力されます。

呼び出しURL作成ツール

上記のパラメータを指定し、呼び出し用URLを生成するツールです。

設定項目設定値
実行
呼び出しURL

結果表示

リリース履歴

バージョン iOS Android Web 備考
1.0.0 ビルド 201912291240 201912291240 Web版、Android版初回リリース
UI 1.0.0 1.0.0
Core 1.0.0 1.0.0
リリース日 2020年1月1日 2019年12月30日
1.0.3 ビルド 1.0.3.202001051715 1.0.3.202001051715 iOS版初回リリース。iOS用Safariにおいてローカルファイルを開く際、カメラやフォトライブラリを表示させず直接ファイルブラウザを表示するように修正。
UI 1.0.1 1.0.1
Core 1.0.0 1.0.0
リリース日

2020年1月6日

2020年1月5日
1.0.4 ビルド 1.0.4.202001170100 1.0.4.202001170100 1.0.4.202001170100 起動時に画面モードの説明テキストが正しく表示されないことがある不具合を修正。
UI 1.0.2 1.0.2 1.0.2
Core 1.0.0 1.0.0 1.0.0
リリース日

2020年1月20日

2020年1月17日 2020年1月17日

rpls Viewer for Webをアップデートしました(1.1.1)

rpls Viewer for Web説明)をバージョン1.1.1にアップデートしました。変更点は、以下の通りです。

  • 「特殊記号のエスケープ:する」の場合もARIB追加漢字はそのまま表示するように変更
  • 「特殊記号のエスケープ:する」の場合の代替文字列への置き換え対象に「!!」(93区78点)、「!?」(93区79点)を追加(エンコードがJISの場合のみ)
  • 「特殊記号のエスケープ:する」の場合でも、U+2160〜U+216B,U+2460〜U+2473の各文字は代替文字列に置き換えず、そのまま使用するように変更(エンコードがUTF-8の場合のみ)
  • HTMLの構文不備を修正

rpls Viewer for Webをバージョンアップしました(1.1.0)

rpls Viewer for Web説明)をバージョンアップしました。変更点は、以下の通りです。

  • 特殊文字を代替文字列に置き換えずにそのまま表示するように変更
  • UTF-8でエンコードされている文字列への対応
  • ARIB追加漢字への対応
  • 複数のファイルをドロップした時の読み込み処理の改善
“rpls Viewer for Webをバージョンアップしました(1.1.0)” の続きを読む

rpls Viewer Web 版

2011年にFlashアプリケーション、2013年にWindowsアプリケーションとして公開した「rpls Viewer」をウェブアプリケーション化しました。

表示例

別のウィンドウ(タブ)で開く

“rpls Viewer Web 版” の続きを読む