ブラウザウディタ:プロトタイプ版を公開

開発状況

※配布用外部サイトを用意しました(本体ver0.1.19.4以降)
https://frostyhowl.com/browser-woditor/

はじめに

こんにちは、rikkaです

プロトタイプ版のデモとファイルセット、間に合いました！

実際にブラウザ上でサンプルゲームの動くデモを itch.io で公開しています
(Ci-enさんでitch.ioへのリンク貼って大丈夫なのか……？怒られたら自サイト用意します)

今回はあくまでもプロトタイプ版であり、本番向けの製品クオリティに達していないこと、今後改善されていくという点をご確認の上でご利用ください

ブラウザで動くサンプルゲーム(外部サイト)

(基本的に最新のChromeでの動作を想定しています)

https://rikka-gamedev.itch.io/woditor-in-browser

ひとつ注意なのですが、すみません！iOSが特定バージョンのiPhone(iPad含む)環境でBGMがガビガビに崩れるバグを踏んでしまい、直せていません！

どうやらブラウザ自体が問題を抱えているらしく、ちょっとやそっとじゃどうにもならないと判断しました

なので、今回はiPhone/iPadに関しては厳重注意という形でお届けさせて頂きます

iOSを最新版(iOS17.6)に更新すると問題が消えるという報告もあがっていますが、検証が難しい状態です

実はこのために実機を取り寄せたのですが(数万円ほどの出費……！)、取り寄せた実機は最新版に更新されてしまっていて不具合が再現できず、開発用シミュレータ上でも問題が起きず、対策できておりません。申し訳ありません

他の環境の全体の動作感としては

• WindowsPC ⇒ 良好
• 近年のAndroidスマホ/タブレット ⇒ およそ良好
• 近年のiPhone/iPad ⇒ 最近の最新でないバージョンのiOSで音が壊れる
• MacOS ⇒ 8年くらい前の機種で一応動きました
• その他 ⇒ 未検証です

といったところです

ブラウザ環境に関しては基本的に最新のChromeを想定していて、その他の環境では「古いまま更新できていないと動かない可能性がそこそこある」という感じです

特に2020年以降のバージョンに更新できていないiOS、iPhonel/iPadなどはブラウザに必要な特定機能が備わっておらず、動かないと思います

あとはゲーム部分の実装について、サンプルゲームの範囲では分からない程度の未実装・非対応な部分、既知の不具合もそれなりにあるので挙げておきます

未実装

• 非暗号化ファイルの再生
  今回はData.wolf丸ごと暗号化のみの動作を対象としています。非暗号化状態を動かす方法も用意してはいるのですが、検証しきれておらず、一応説明には動くかも？な方法を書いていますが期待しないで下さい

• 動画再生
  機能自体は代替できそうなのですが、今回は間に合いませんでした

• ネットワーク機能
  基本的な機能の代替は出来るのですが、実装が追いついていません。積極的に利用する人も少ないかなと思い先延ばしにしているところがあるので、需要があるようでしたらお伝え頂ければ優先度は上がります

• マウス操作
  前回対応していたんですが、部分的な作り直しの発生とともに使えなくなっているようです。しばらくお待ち下さい。=> 0.1.12で対応しました

• MP3再生
  ver 0.1.12以前で無効になってしまっていました。=>0.1.13で対応
  数分の楽曲などは初回読み込み時にラグが発生します
  oggの方がラグが発生しにくいはずなので楽曲はoggを推奨します

非対応

• スマホの低消費モード/マナーモードで音が鳴らない
  スマホ側の仕様なので対処できません
  各自注意をお願いします

• WindowsのOS機能に依存した機能
  ウディタにはメモリ容量の取得などの機能があるのですが、この辺りは軒並動かないと思ってください。代替手段が見つかれば実装は出来ますがあまり期待しないでもらえればと

• フォルダ走査系の処理
  httpサーバ上で動作する関係上、フォルダ内のファイルを列挙して見ていくという操作ができません
  ただし暗号化ファイル内は擬似的なフォルダ構造を再現しているので、
  Data.wolf内だけで完結するような処理は上手く走ると思います
  将来的にフォルダ内容を保存するような設定ツールを提供する可能性があります

既知の不具合

• MidiのBGMが時々鳴らない
  ちょっと特定できていないのでいつ直せるか未定です

• iOS(iPhone/iPad)
  ↑でも書きましたが、BGMがガビガビになる問題に対処しきれていません
  最近の、かつ最新でないiOSのバージョン(iOS17.5.1等)でのみ発生する不具合のようで、
  最新版(iOS17.6)では発生しないという報告も上がっています

ブラウザウディタを自分で使ってみたい方へ

現時点のブラウザウディタはプロトタイプ段階です

同意の上でご利用願います

また初期プロトタイプ版(0.1.11)からの主な変更点として

マウス対応/MP3対応/UI自動調整/更新ファイルのみDL
Saveフォルダをダウンロードしに行かない/500万エラーを抑制
動作設定ファイルが必要に(BasicDataに同梱するだけでok)
などの変更があります(詳細は同梱のCHANGELOG.txtで)

※ver 0.1.19.4 以降、配布用の外部サイトを用意したのでそちらでご覧ください
https://frostyhowl.com/browser-woditor/

おわりに

新たな不具合が見つかったり色々あるでしょうけれど、今後対応はしていく予定なのでよろしくお願いします

報告した方が良いような不具合などありましたらここのコメント欄にでも投稿して頂いて大丈夫です。そのうち本格的な報告掲示板を用意するかもしれませんが、今回間に合いませんでした

チップなども歓迎。Ci-en機能の他、上記itch.ioからもサポートが投げられるようになっている(はず)です

今回は以上です。よろしくお願いします

旧verについて

動作が不安定な部分が多かったので0.1.17以前の配布は取り辞めます
ご了承ください

最新版が動いていない場合などはご一報いただければ修正いたします

ブラウザウディタ:デモ版公開に向けての準備

はじめに/お知らせ

こんにちは、rikkaです

今週もブラウザウディタの開発は順調に進んでおり、いくつかの不具合解消と性能向上に成功しました

体感としては、サンプルゲームが格安スマホくらいの携帯機でも起動はする。くらいの感触です

互換性では前回挑戦分の魔改造を上回り、性能面でもほぼ追いつきました

※音量注意

そしていきなりですが現在、ブラウザウディタのデモ版配布に向けて準備中です

まず動作デモとして、ウディタの最近のバージョン(ver3.36)に対応したサンプルゲームを適当なホスティングサイトにアップロードして、動作確認できるようにする予定です

時期としては来週の記事か、今行っている改修が少し手間取りそうなので、再来週くらいになるかもしれません

そして次回はそれだけでなく！

Data.wolf差し替えで自分でも好きなゲームを動かせる！(かも？)、な動作キットも個別にダウンロード出来るようにします！

繰り返しますが来週以降の話です

実は初回にアツマールさんのところにUPさせて頂いていたデモ版も、技術に明るい人が適切なファイルをダウンロードすれば流用できる形にはなっていました

しかし、説明もなしにブラウザからファイル抜けと言っても分からないですよね

今回は必要なファイルをzipでまとめて配布し、サンプルのData.wolfを自前のもので置き換えれば動く(かも)という状態目指します

以降、事前に確認しておいて頂きたい注意事項です

開発版配布に向けての事前注意

配布にはまだ早いですが、事前に注意事項を書き留めておきます

自分としては、ブラウザウディタはまだまだ実験段階で自前での検証が必要です

しかし前回の何も成果物を残せず頓挫してしまった経緯もあり、成果物が出せる内に出しておいた方が良いと判断しました。

実験段階のものが遊べる、くらいの感覚で使ってもらえればと思います

本番環境(ゲーム配信サイトなど)での利用は、するなとは言いませんが、まだ想定していません

ブラウザ上での動作ですのでPCがクラッシュするような事にはならないと思いますが、ページが読み込めなくなったりする可能性もないとはまだ言い切れません

もちろんそのような事にならないよう対策しており、していくのですが、利用にあたっても注意して頂くことになります

またスマホ等での動作はまだ期待しないでください

現在も少し大きな問題(思ったより音声処理が重い)が発覚していて、対策中です

詳細は後日ということで

おわりに

前回の記事に投げ銭(チップ)して頂いた方へ、返信の仕方がよく分からないのでここでお礼を述べさせて頂きます

前回も支援して頂いた方でした。ありがとうございます。お待たせして申し訳ないです

加えて、過去の挑戦ではW2Playerという仮称でTwitterタグを使うつもりだったのですが、分かりにくいので #ブラウザウディタ に変更します

感想や将来的にバグ報告などがある時に気軽に投げてもらえればと

開発版公開に向けて、バグ報告ができる場所も用意出来ればと考えていますが、未定です。来週の記事でお知らせします

今回は以上です。よろしくお願いします

「ウディタをブラウザで動かすやつ」進捗2

地道に進んでいます

こんにちは、rikkaです。

まず前回の進捗から時間を開けてしまったことをお詫び申し上げます。

もしかしたら一部の方に「計画は頓挫してしまったのか！？」と心配おかけしてしまったかもしれませんが、大丈夫です。開発は続行しています。

前回のデモ発表に比べるとあまりにも地味な進捗しか無かったので、報告の機会を見失っていました。

まず先日お話ししていた、Web配布用のファイル群を変換生成する補助ツールですが、ほぼ完成しました。実際に、自分のPC環境以外でも動くことを確認できている段階です。

Webブラウザで動かす機能自体も、この補助ツールも、ほぼ必要な機能は実装できてはいるのです。しかし細部の詰めの部分について、当初思っていたよりも時間がかかってしまいそうな気配がしており、サクっと一般配布して試してもらおうという段階まで持っていけていないというのが現状です。

最初に「そんな何ヶ月もかからないと思うぜー！」と言ってしまった手前、お待たせしている皆様には大変申し訳なく思っております。

補助ツールの使い方ちら見せ

一般配布はまだ先になるのですが、今回製作していた補助ツールがどういうものかをちら見せしておきます。

ちょっと色々入力項目がありますが、基本的には「通常配布用のGame.exeを選択してボタンポチるだけ」で必要なファイルを含むフォルダが出来あがります。

本来、Webブラウザ上で動くWebAssesmbly(ツールで利用している技術のひとつです)製のアプリケーションは通常ファイルとして開くだけでは再生できず、Webサーバを必要とするのですが、この補助ツールには簡易なサーバをローカル環境に立てる機能を持たせてあるので、別途ソフトを導入することなく動作テストが可能です。

またゲームのセーブデータは、Web用に格納形式を変更しているのですが、読み込むだけなら互換性があるので、通常のGame.exeで用意したセーブデータをWeb用フォルダにつっこめばWebブラウザ上でもセーブした箇所からテストが可能となっております。

↑頂いたシルドラ0のテストデータをセーブデータごと読み込んでいる様子。

細かい説明は一般配布する際にドキュメントファイルに記述しますのでお楽しみに。

支援について

しばらく更新を空けてしまっていたにもかかわらず、殆んどの方には支援を継続していただけており、大変ありがたく思っています。

チップを投げて下さる方も居て感謝しきりです(個別返答の仕方がよくわからないのでこの場で御礼申し上げます)…。

当初口にしておりましたように、正式版の一般公開が確定した時点で支援して頂けた方へ追加課金なしでフル機能を利用案内させて頂く計画は変わらず継続しております。

ただ、今回のように細かな調整に梃摺って当初の予定より長びく可能性は出てきてしまいました。

有償支援して頂けている方へのご利用案内は、基本的に「正式版が一般公開された時点で有償支援者向けメッセージが届く方」となりますので、動きが少ない内はプランのグレードを下げるなどして頂いても全く問題はありません(もちろん頂ける側としては多い方が助かるのですが…)。

ご利用は無理のない範囲でお願いします。
今回は以上です。ありがとうございます。

「ウディタをブラウザで動かすやつ」進捗1

経過報告

気付けば件のデモ公開から早くも一週間が過ぎていました。
特別大きな動きがあったわけではないのですが、経過報告として
今現在行っている内容と直近の予定を公開しておきます。

現在進めていること

現在、実際にツールの利用者の方に当ツールを利用していただく準備として、
Web上にアップロードする前段階の設定やファイル配置を簡単に行なうためのサブツール制作およびドキュメント化を進行中です。

例えば、アツマールさんのところで配信するための実際の流れですが

・ウディタのEditor.exeでゲームを出力(必要なwolf化もここで済ませる)
・出力フォルダを丸ごとサブツールで選択し、パッケージ化を実行
・改めてWeb投稿用のフォルダが作られるので確認
・Web投稿用のフォルダをzip化して投稿

という形にできそうです。仮想キー入力の有無などはパッケージ化の段階で指定できるようにしています。

内部的には、適切な場所にファイルをコピー、または最初にダウンロードするファイルのリストにwolfファイルを登録などといった作業が必要なのですが、パッケージ化の際のサブツールがこれを自動で処理します。

他にも細々とした注意はありますが、実際のツール配布の際にまたご紹介させて頂きます。

直近の予定

今月中には、SmokingWOLF様の伝手を頼り、何名かのゲーム開発者様に内々にテストして頂く期間を設ける事が出来るよう調整中です。更にその次の段階として、公募的な試験配布も考えておりますが、それを支援者限定で行うか、はじめから一般に公募するかなどはまだ未定となっております。

既に最上位のプランにも複数名の方が登録して下さっており、また記事に対してチップなども頂けている状態で、大変有り難く感じています(コメント付きチップへの返信方法がわからなかったのでこの場で改めて感謝を。ありがとうございます！)。

支援のおかげもあり、多数の方に興味を持っていただけていることを再確認できたことも励みとなり、開発のためにPCに向かう時間は十分確保できているかと思います。当初の予定通りか、それ以上の開発ペースが保てています。

大きな動きが出来そうなとき、出来なさそうな時は極力事前に通知しますので、それに応じたプランの変更などはお任せします。Ci-enの支援プランは月単位の締切ですので、想定していない継続などが発生しないよう注意はして下さいね。

今後ともよろしくお願いします。

追記

アツマール運営さんとしてはウディタ参入を歓迎してくれる模様。やったぜ。

https://twitter.com/nico_indiesgame/status/1503667939337465857

「ウディタをブラウザで動かすやつ」仕様ざっくり紹介

「ウディタをブラウザで動かすやつ」デモについて

「ウディタをブラウザで動かすやつ」デモを先日公開したわけですが、その中でも

・暗号化ファイルの扱いどうなってるの？
・アツマールでしか動かないの？どういう環境で動くの？
・midiの音が変わっている？事前に変換しているの？

などといった疑問の声を複数拝見したので、その辺りの紹介をちょっとしておこうと思います。

暗号化ファイルの扱いどうなってるの？

ウディタで暗号化した暗号化ファイル(wolf)、そのまま読み込めます。安易にファイルそのものを露出したくない素材などは暗号化状態で配信可能です(本家より特別な解析対策を取っているわけではないので悪しからず)。

これはSmokingWOLF様より許可を頂いてウディタのソースコードを拝見し、そのまま移植しているため成立している処理となります。

またDxライブラリの機能をHTML上で動かすためのプログラムをGithubで公開している方が居らっしゃいまして、その恩恵を受けてDxライブラリの暗号化機能もそのまま使えています。この場で改めて感謝とともに紹介させて頂きます。

nokotan(かめのこにょこにょこ)様
https://github.com/nokotan/DxLibForHTML5

アツマールでしか動かないの？どういう環境で動くの？

当ツールはWebAssemblyという規格を利用しています。これはざっくり紹介すると、非ブラウザ向けで通常のPCでアプリケーションとして動作させるようなプログラムをブラウザ上で動かすための仕組みとなります。

このWebAssemblyの仕様により、当ツールはWebサーバからの配信を前提としています。単純にファイルをコンピュータやスマホに落として開いてもそのままでは動きません。ただし、

・アツマールのようなWebアプリを配信できるサイトで配信
・あるいは単純に個人のサイト上にファイルを設置

することでブラウザから起動できるようになります。ローカルにサーバーを立ててテストすることももちろん可能です。

現在はゲームアツマールの場を借りてテストしていますが、原理的にはその他のプラットフォーム上でもファイルをアップロード&Webページとしてアクセスできる環境であれば動作します。

midiの音が変わっている？事前に変換しているの？

公開したデモにおいて、midi音楽ファイルは「midiファイルとしてそのまま演奏されています」。事前にoggに変換などの処理は施していませんし、ゲーム制作者様が事前にそのような手数をかける必要は基本的にありません。

ただし、OS標準の演奏用音源をそのまま利用するのが難しい(あるいはスマホなどではOS標準の演奏用音源が無い)ため、互換性のある演奏用音源を別途用意しており、「音の雰囲気がPC上で演奏した場合と若干異なる」という状態になります。

これをどうしても避けたい場合、あるいは滅多に無いとは思いますが「楽曲提供者様よりWindows標準以外の演奏音源でmidiファイルを演奏させることが明示的に拒否されている場合」には、事前にoggファイルに変換して頂く等の処理が必要ということになります。

その他

パッと目についた疑問の声はこれくらいだったのですが、なにかあればまた似たような記事にするかもしれません。

※ツール自体の配布までにはまだ少し日数がかかります。ご了承下さい。