EbitengineでGUIツール作ってみた

1. 簡潔に自己紹介
2. Odoriの紹介
3. ebiten.Imageを使ってGIFアニメを作成するには
4. 応用デモ

https://github.com/aethiopicuschan/odori

Transcript

1. Ebitengine ϓνConf #1 1/9 aethiopicuschan 2023/09/22 EbitengineͰGUIπʔϧ ࡞ͬͯΈͨ
2. Ebitengine ϓνConf #1 2/9 aethiopicuschan 2023/09/22 ؆ܿʹࣗݾ঺հ ීஈ͸ҩྍܥϕϯνϟʔͰαʔόαΠυΤϯδχΞΛ΍͍ͬͯ·͢ɻ ࢓ࣄͰ͸PythonΛ࢖͏͜ͱ͕ଟ͍Ͱ͕͢ɺϓϥΠϕʔτͩͱGolang͹͔ͬΓɻ X(Twitter)΍GitHubͳͲ͢΂ͯ aethiopicuschan ͱ͍͏໊લͰ΍͍ͬͯ·͢ɻ วྺ HSP -> ncurses -> Akashic Engine -> Ebitengine
3. Ebitengine ϓνConf #1 3/9 aethiopicuschan 2023/09/22 Odori
4. Ebitengine ϓνConf #1 4/9 aethiopicuschan 2023/09/22 Odori ύϥύϥອըͷΑ͏ͳܗͰγϯϓϧͳΞχϝʔγϣϯΛ࡞੒͢ΔGUIπʔϧɻ github.com/aethiopicuschan/odori ݟͤͨํ͕ૣ͍ͷͰσϞΛ͠·͢ɻ
5. Ebitengine ϓνConf #1 5/9 aethiopicuschan 2023/09/22 GIFग़ྗ GIFϑΝΠϧ͕ѻ͑Δ৭ͷ਺͸256৭·Ͱɻ ebiten.Image͔Βcolor.Paletteͱimage.PalettedΛ࡞Δඞཁ͕͋Δɻ ͍͍ײ͡ʹݮ৭͢Δ͔ɺimage/color/paletteʹ͋ΔPlan9/WebSafeΛ࢖͏ɻ OdoriͰ͸ github.com/soniakeys/quant Λར༻ɻ
6. Ebitengine ϓνConf #1 6/9 aethiopicuschan 2023/09/22 GIFग़ྗ img := ebiten.NewImage(100, 100) img.DrawImage(hoge, op) q := median.Quantizer(256) p := color.Palette{image.Transparent} p = append(p, q.Quantize(make(color.Palette, 0, 255), img)...) paletted := image.NewPaletted(img.Bounds(), p) draw.Draw(paletted, paletted.Rect, img, image.Point{0, 0}, draw.Src) ͱΓ͋͑ͣ image.Paletted Λ΍͍ͬͯ͘ɻ
7. Ebitengine ϓνConf #1 7/9 aethiopicuschan 2023/09/22 GIFग़ྗ outGif := &gif.GIF{} outGif.Image = append(outGif.Image, paletted) outGif.Delay = append(outGif.Delay, 100) outGif.Disposal = append(outGif.Disposal, gif.DisposalBackground) ࡞ͬͨ paletted Λ gif.GIF ʹ٧ΊΔɻ Delay͸ 1/100ඵͳͷͰɺ࣮ࡍʹ͸ TPS Λݩʹม׵ͨ͠Γ͢Δɻ Disposal͸ DisposalBackground ʹ͓͚ͯ͠͹ͱΓ͋͑ͣ҆৺Ͱ͖Δɻ
8. Ebitengine ϓνConf #1 8/9 aethiopicuschan 2023/09/22 GIFग़ྗ ͓·͚: Disposalൺֱ DisposalNone DisposalBackground
9. Ebitengine ϓνConf #1 9/9 aethiopicuschan 2023/09/22 GIFग़ྗ Ԡ༻ ebiten.ImageΛݩʹGIFΞχϝ͕࡞ΕΔ͜ͱ͕Θ͔ͬͨɻ = ήʔϜʹ࿥ըػೳΛ෇͚Δ͜ͱ͕Ͱ͖Δʂ (ߟ͑ͳ͚Ε͹͍͚ͳ͍͜ͱ͕͍ͩͿ૿͑Δ͕…) σϞΛ΍Γ·͢ɻ