irpas技术客

cocoscreator web端游戏界面去除信息和全屏居中显示_springleaf2的专栏

网络投稿 7997

1:构建web-desktop版本后,会有一个index.html和styple.css文件

2:打开index.html, 注释掉div前面的h1字段和后面的p字段

3:在id为GameDiv的div外面封装多一层div

<div id="OutDiv"> <div id="GameDiv" style="width:1024px; height: 576px;"> <canvas id="GameCanvas" width="1024" height="576"></canvas> <div id="splash"> <div class="progress-bar stripes"> <span style="width: 0%"></span> </div> </div> </div>

4:修改styple.css文件,添加新增的div样式

#OutDiv { width: 100%; height: 100%; position: absolute; }

? 修改GameDiv样式

#GameDiv { width: 800px; height: 450px; margin: 0 auto; background: black; /*position: relative;*/ border: 3px solid black; border-radius: 6px; box-shadow: 0 5px 40px #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #cocosCreator