关于横屏,似乎体现不是太好。尝试过旋转CSS样式,但canvas画布严重变形,也不适合。
不过2023版导出webgl后,在手机浏览器中访问时,点击图标即可全屏化。
但在微信内置浏览器中若不开启横屏,则永远无法横屏显示。
此外,微信浏览器访问webgl后,如果变成横屏显示,上面的标题会占据许多内容,显示并不友好,因此仍是推荐引导用户在手机浏览器中访问较佳。
导出webgl后,打开html,在script中发现一行代码:
unityInstance.SetFullscreen(1);
点击上面图标后,执行此代码则全屏化,若Unity发布时设置的是横屏,则H5页面会转为横屏。
于是把这句话直接写在script里,发现并不能自动全屏化:
script.onload = () => {
createUnityInstance(canvas, config, (progress) => {
progressBarFull.style.width = 100 * progress + "%";
}).then((unityInstance) => {
loadingBar.style.display =