When using ebiten framework to display Chinese characters, I will find that the text becomes fuzzy. How to solve this problem？

[xtrn143]

When using ebiten framework to display Chinese characters, I will find that the text becomes fuzzy. How to solve this problem？

[hajimehoshi]

Please write a code example to reproduce the case. Thanks,

[hajimehoshi]

Please use coding style with ```

[hajimehoshi]

Also please provide a complete program to reproduce the case. For example, I couldn't find your Layout definition

[xtrn143]

I rewrote a DEMO, I really like EBITEN, and even though I've only been around it for a while, I was really frustrated by the lack of clarity in the text

package main

import (
	_ "embed"
	"github.com/hajimehoshi/bitmapfont/v2"
	"github.com/hajimehoshi/ebiten/v2"
	text2 "github.com/hajimehoshi/ebiten/v2/text"
	"golang.org/x/image/font"
	"golang.org/x/image/font/basicfont"
	"golang.org/x/image/font/opentype"
	"image/color"
	"log"
)

//go:embed SourceHanSansCN-Normal.otf
var SourcehansanscnnormalOtf []byte

var SourceHanSansCNNormalFont font.Face

func init() {
	tt, err := opentype.Parse(SourcehansanscnnormalOtf)
	if err != nil {
		log.Fatal(err)
	}

	const dpi = 72
	SourceHanSansCNNormalFont, err = opentype.NewFace(tt, &opentype.FaceOptions{
		Size:    16,
		DPI:     dpi,
		Hinting: font.HintingNone,
	})
	if err != nil {
		log.Fatal(err)
	}
}

type Game struct {
}

func (g Game) Update() error {
	return nil
}

func (g Game) Draw(screen *ebiten.Image) {
	screen.Fill(color.White)
	text2.Draw(screen, "abc123", basicfont.Face7x13, 100, 50, color.Black)
	text2.Draw(screen, "abc123", bitmapfont.Face, 100, 100, color.Black)
	text2.Draw(screen, "abc123", bitmapfont.FaceEA, 100, 150, color.Black)

	// my custom font is fuzzy
	text2.Draw(screen, "中文测试ABCabc123！@#", SourceHanSansCNNormalFont, 100, 200, color.Black)
}

func (g Game) Layout(outsideWidth, outsideHeight int) (screenWidth, screenHeight int) {
	return 800, 600
}

func main() {
	ebiten.SetWindowSize(800, 600)
	ebiten.RunGame(&Game{})
}

[hajimehoshi]

I'm not sure how fuzzy the text is. A screenshot would be helpful. Would this work?

func (g Game) Layout(outsideWidth, outsideHeight int) (screenWidth, screenHeight int) {
	s := ebiten.DeviceScaleFactor()
	return int(800*s), int(600*s)
}

If s is more than 1, the text would be small (so you would have to use a bigger size) but this would render texts in high resolution.

See also https://github.com/hajimehoshi/ebiten/blob/main/examples/highdpi/main.go

[xtrn143]

Yes,when I multiplying device-independent pixels by the device scale factor，the text is clear。maybe I used the ECS framework named mizu,it couldnt overwrite the method named Layout。Anyway ebiten is fine.thx