2021/01/27(水) [n年前の日記]
#1 [love2d] love2dをWebブラウザ上で動かしたい
ふと、love2d用のスクリプトをWebブラウザで動かせないかなと思い立った。
love2d というのは、2Dゲームを作れるフレームワークというか、ゲームエンジンというか。スクリプトの記述はLua言語。無料で利用できる。Windows/Linux/Mac/Android/iOS上で動くらしい。
_LoVE - Free 2D Game Engine
ちなみに、「LoVE」の「o」が妙な文字になってるのが正式名称らしいけど、それだとググった時に都合が悪いので「love2d」と書くことが多い。
少しググってみたら、love.js なるものがあるそうで、ソレを使えば love2d を JavaScript に変換してWebブラウザ上で動かせるようになるらしい。
_Davidobot/love.js: LoVE ported to the web using Emscripten, updated to the latest Emscripten and LOVE (v11.3)
_TannerRogalsky/love.js: LoVE ported to the web using Emscripten
love2d 0.10.0 まで対応してる版と、11.3 に対応してる版がある模様。npm だか Node.js だかをインストールしないと利用できないっぽい。
※ 2021/01/28追記。11.3に対応してると思ったが勘違いで、0.11.0-rc3までの対応だった。
それとは別に、LoVE Web Builder なるサイトに遭遇。
_LoVE Web Builder - Home
Webブラウザ上で .love ファイルを渡してやると、Webサーバ上でビルドして HTML + JavaScript に変換してくれる。ただ、love2d 0.11.1 までしか対応してないらしい。
love2d というのは、2Dゲームを作れるフレームワークというか、ゲームエンジンというか。スクリプトの記述はLua言語。無料で利用できる。Windows/Linux/Mac/Android/iOS上で動くらしい。
_LoVE - Free 2D Game Engine
ちなみに、「LoVE」の「o」が妙な文字になってるのが正式名称らしいけど、それだとググった時に都合が悪いので「love2d」と書くことが多い。
少しググってみたら、love.js なるものがあるそうで、ソレを使えば love2d を JavaScript に変換してWebブラウザ上で動かせるようになるらしい。
_Davidobot/love.js: LoVE ported to the web using Emscripten, updated to the latest Emscripten and LOVE (v11.3)
_TannerRogalsky/love.js: LoVE ported to the web using Emscripten
love2d 0.10.0 まで対応してる版と、11.3 に対応してる版がある模様。npm だか Node.js だかをインストールしないと利用できないっぽい。
※ 2021/01/28追記。11.3に対応してると思ったが勘違いで、0.11.0-rc3までの対応だった。
それとは別に、LoVE Web Builder なるサイトに遭遇。
_LoVE Web Builder - Home
Webブラウザ上で .love ファイルを渡してやると、Webサーバ上でビルドして HTML + JavaScript に変換してくれる。ただ、love2d 0.11.1 までしか対応してないらしい。
◎ LoVE Web Builderを試用。 :
せっかくだから、LoVE Web Builder を利用して、HTML + JavaScript に変換できるか試してみる。
環境は、Windows10 x64 20H2 + Firefox 85.0 x64。
ちなみに、.love ファイルの作り方は、関連ファイル(conf.lua、main.lua 等々)を、まとめて1つの .zip ファイルに圧縮して、拡張子を .zip から .love にリネームするだけ。要するに、.love ファイルの実態は .zip ファイル。
そんなわけで、2つほど変換してみた。
_helloworld_like_tic80.html (カーソルキーで上下左右にキャラが動く)
_cubic_bezier.html (マウスの動きに合わせて触手が動く)
さて、動くだろうか…。一応、手元の環境、Windows10 x64 20H2 + Firefox 85.0 x64 では動いてるけど…。
環境は、Windows10 x64 20H2 + Firefox 85.0 x64。
- 公式サイトの「Package Your Game」というリンクをクリック。変換用のページが開く。
- 参照ボタンをクリックして、ローカルに保存されている .love ファイルを指定。
- タイトルやウインドウサイズ等を指定。
- 「Build Package」をクリックすればビルドされて、生成されたファイル群を zip ファイルの形でダウンロードできる。
ちなみに、.love ファイルの作り方は、関連ファイル(conf.lua、main.lua 等々)を、まとめて1つの .zip ファイルに圧縮して、拡張子を .zip から .love にリネームするだけ。要するに、.love ファイルの実態は .zip ファイル。
そんなわけで、2つほど変換してみた。
_helloworld_like_tic80.html (カーソルキーで上下左右にキャラが動く)
_cubic_bezier.html (マウスの動きに合わせて触手が動く)
さて、動くだろうか…。一応、手元の環境、Windows10 x64 20H2 + Firefox 85.0 x64 では動いてるけど…。
◎ ローカル環境で簡易Webサーバを起動して動作確認。 :
変換・生成されたファイル群は、Webサーバにアップロードしないと動作確認ができないらしい。ローカル環境で動作確認したい場合は、Python を利用して、一時的に簡易Webサーバを立ち上げて確認することができる。
_Python の http.server を使って簡単にWebサーバーを立てる - サーバーワークスエンジニアブログ
_pythonでローカルwebサーバを立ち上げる - Qiita
DOS窓を開いて、.html や .js が置いてあるフォルダをカレントディレクトリにして…。
簡易Webサーバが起動する際に、Windows10のファイアウォールが反応するけれど、「アクセスを許可する」を選んでしまってOK。
_Windows10/アプリごとのファイアウォール設定の変更 - Windowsと暮らす
_Python の http.server を使って簡単にWebサーバーを立てる - サーバーワークスエンジニアブログ
_pythonでローカルwebサーバを立ち上げる - Qiita
DOS窓を開いて、.html や .js が置いてあるフォルダをカレントディレクトリにして…。
- Python 3.x の場合 : python -m http.server 8000
- Python 2.x の場合 : python -m SimpleHTTPServer 8000
簡易Webサーバが起動する際に、Windows10のファイアウォールが反応するけれど、「アクセスを許可する」を選んでしまってOK。
_Windows10/アプリごとのファイアウォール設定の変更 - Windowsと暮らす
[ ツッコむ ]
#2 [nitijyou] 点灯管を購入
部屋のメイン照明に使ってる、30形 + 32形の丸型蛍光灯器具の点灯具合が怪しくて。一定間隔・数秒毎に、一瞬暗くなる。これは蛍光灯の寿命なのか、それとも点灯管なのか。はたまた安定器とやらなのか。
確認した感じでは、どうも32形のほうで症状が出ている気がする。30形だけ点けてる状態では症状が出ないし…。
とりあえず、ホーマックで点灯管だけ買ってきて交換してみた。Panasonic FG-5PL/X。「長寿命点灯管」「3倍長もち」と謳ってる品。ちなみに、今まで付けてた品は、表面に TOSHIBA FG-5P と書いてあった。
32形の丸型蛍光灯は、FG-5P が必要で、30形は FG-1E が必要らしい。
確認した感じでは、どうも32形のほうで症状が出ている気がする。30形だけ点けてる状態では症状が出ないし…。
とりあえず、ホーマックで点灯管だけ買ってきて交換してみた。Panasonic FG-5PL/X。「長寿命点灯管」「3倍長もち」と謳ってる品。ちなみに、今まで付けてた品は、表面に TOSHIBA FG-5P と書いてあった。
32形の丸型蛍光灯は、FG-5P が必要で、30形は FG-1E が必要らしい。
◎ 安定器が怪しい。 :
点灯管の交換後に気が付いたけど、器具から「ジー」という音が聞こえ続けていた。ググったところ、そういう音が鳴る時は安定器が寿命だそうで、フツーは器具ごと交換するのが妥当らしい。しかし、今時、店頭で蛍光灯用の器具なんて売ってないわけで。
LEDライトに交換するしかないのかな、とググってみたけど、引掛シーリングローゼット、なるものに固定する必要があるわけで…。部屋の天井には「角形引掛シーリング」がついてるけれど、そこにLEDライトを付けられるのかどうかがよく分からず。その手の画像には、えてして丸いシーリングが映ってるのだよな…。
_引掛シーリングの種類と取り付け方 【通販モノタロウ】
_引っ掛けシーリングの取付け方法
一応、角形引掛シーリングにも、LEDシーリングライトとやらを付けられなくもないのかな…。でも、重みで外れたりしないのだろうか。今現在ついている蛍光灯用の器具は、天井のフックから鎖でぶら下がってるのだけど。LEDペンダントライトなるものを眺めても、全部シーリングからぶら下がってるように見える。フック＋鎖でぶら下げるタイプは無いのだろうか。
LEDライトに交換するしかないのかな、とググってみたけど、引掛シーリングローゼット、なるものに固定する必要があるわけで…。部屋の天井には「角形引掛シーリング」がついてるけれど、そこにLEDライトを付けられるのかどうかがよく分からず。その手の画像には、えてして丸いシーリングが映ってるのだよな…。
_引掛シーリングの種類と取り付け方 【通販モノタロウ】
_引っ掛けシーリングの取付け方法
一応、角形引掛シーリングにも、LEDシーリングライトとやらを付けられなくもないのかな…。でも、重みで外れたりしないのだろうか。今現在ついている蛍光灯用の器具は、天井のフックから鎖でぶら下がってるのだけど。LEDペンダントライトなるものを眺めても、全部シーリングからぶら下がってるように見える。フック＋鎖でぶら下げるタイプは無いのだろうか。
[ ツッコむ ]
以上、1 日分です。