ブラウザウディタ:DL機能(GET/UTF8およびバイナリのみ)の追加

はじめに

こんにちは、ruka です

今回ダウンロード機能(GET/UTF8のみ)を実装したので、先行テスト分として公開します

前回からの差分は以下のとおりです

• ver 0.4.0.4p [2024/09/15]
  ダウンロードしたテキストファイルの末尾にゴミが入る問題に対策

• ver 0.4.0.3p [2024/09/14]
  タッチのキャンセル処理がうまく行っていなかったので修正

• ver 0.4.0.2p [2024/09/10]
  ダウンロード後のファイル書き込みがまだ狂っていたので修正

• ver 0.4.0.1p [2024/09/10]
  ダウンロード後のファイル書き込みが狂っていたので修正

• ver 0.4.0.0p [2024/09/10]
  ダウンロード機能(GET/UTF8のみ)を実装

• ver 0.3.1.3p [2024/09/09]
  複数タッチの終了処理が正常でなかったため修正

• ver 0.3.1.2p [2024/09/04]
  広告ありサイトなどでデザインが崩れる問題に少し対策

• ver 0.3.1.1p [2024/09/04]
  設定ボタンが効かない環境があったので対応

• ver 0.3.1.0p [2024/09/04]
  描画フレームレート上限設定ボタンを実装

一般公開版(Pro機能なし)

https://frostyhowl.com/browser-woditor/

先行テスト版

先行テスト版は下記の支援者様向けリンクから

加えて、月額課金が厳しいという方向けに買い切りで更新される 先行テスト版も Boothに用意しています
https://rikkalab.booth.pm/items/6012874

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

開発状況

※配布用外部サイトを用意しました(本体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タグを使うつもりだったのですが、分かりにくいので #ブラウザウディタ に変更します

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

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

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

お詫びと再起動

はじめに、ごめんなさい。

一方的に連絡を絶ってしまったまま、二年以上が過ぎていました。

更新が全く途絶えていたにも関わらず、新規のフォロワーさんがしばしば増え続けていて、期待されていたことの自覚と、期待に応えられず逃げたことへの後悔が日に日に募り、復帰を決意するに至りました。

やらかしを正当化できるとは思っていませんが、返せなかった分の期待を少しでも返せるように、再度ウディタのブラウザ実行化に挑戦します。

およそ最悪からの遅すぎる再スタートに賛否あるかもしれません。見守って頂けると幸いです。

以下、前回のつまづいた所の振り返りや今後の展望など、少し技術的な部分を交えた話をします。

初めに手をつけたのは2022年の春でした。ここでの記事にもある通り、ほぼ完動するサンプルゲームをアツマールさんのところにアップさせて頂き、色んな方から好評を得ることができました。

実際にプレイされた方は覚えていらっしゃると思いますが、この時点でmidiを含む音源、フォント、描画処理の殆どがサンプルゲームの範囲では真っ当に動く状態でした。

なぜこの状態から頓挫してしまったのか。

自分でも情けないのですが、当時の(というか今も大して変わらない)ゲームを実行するための実行環境・コード群が、あまりにも汚くとっ散らかった状態であったため、こんなものを世に出していいものかと躊躇してしまった部分が大きかった……のです。

自分で設定する分にはなんとか動かせたのですが、手順のドキュメント化が進んでおらず、補助ツールを作ってみるもその使い方すら複雑になってしまい、自信が失われていく一方でした。

具体的に言えば、ウディタGame部分を魔改造により強○的にWeb向けビルドできるようにしたC++コード、ウディタが使っているDxLibのコア機能をそのまま使えるように改変したWeb向けDxLib、midi演奏用のrustライブラリを流用したJavaScript、ファイル周りの操作などをブラウザに適合するようC++に埋め込んだJavaScript、ゲーム画面になんとかなってるhtmlなど、とても綺麗とは言えない複雑なコード群から成っています。

今思えば、それでも使ってくれる方々を信じて公開すべきだったのかもしれません。

二年前に一度投げ出した後、2023年の夏にも一度、本格的に再挑戦しています。コードの複雑さは変わりませんが、このときはよほど大規模な作品でもない限り、スマホでも十分動く可能性がある。くらいのところまでは改善が進みました。

ただ欲張りすぎて、色んなスマホにも対応したい。一般的なスマホでも大規模な作品が動くようにしたい。と思い追求するうちに、力尽きてしまいました。

この当時の知見は記録に残している(もちろんソースコードも)ので、再始動は比較的楽に出来ます。

ただこの一年でブラウザの対応状況が変わっていたり、開発環境に微妙な変更が入っていたり、前回は捕捉できていなかった不明なエラーが出てしまうパターンも確認しており、メンテできる形ものを今すぐ出すのは難しい状況にあります。

出来れば最新のウディタの仕様にも追従したく、現在試行錯誤しているところです。

最後に、有料プランは廃止しました。頂いた分の支援は、今後の活動で返却するしかないと思っています。

来週辺りにまた記事を書く予定です。

以上、よろしくお願いします。

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

地道に進んでいます

こんにちは、rikkaです。

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

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

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

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

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

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

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

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

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

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

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

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

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

支援について

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

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

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

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

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

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