CocosCreator 去除或更改默认启动页（Web端）

原创

已于 2023-06-06 16:38:52 修改 · 2.3k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #cocos2d #游戏引擎 #web #js

于 2023-06-06 15:55:51 首次发布

文章详细介绍了如何在CocosCreator的Web项目中更改或移除默认启动页，涉及index.html、main.js、splash.png和style-mobile.css四个关键文件的修改，包括启动页图片、进度条样式和JavaScript代码的调整。

CocosCreator 去除或更改默认启动页（Web端）

正常CC工程目录如下
Web构建后默认名字为 'web-mobile'，在工程目录'build'文件夹内。
打开后如下图红框内就是我们要更改的文件。
1:*index.html* 的更改
2:*main.js* 的更改
3:*splash.png*
4:*style-mobile.css* 的更改
保存所更改的这四个文件

正常CC工程目录如下

在这里插入图片描述

Web构建后默认名字为 ‘web-mobile’，在工程目录’build’文件夹内。

在这里插入图片描述

打开后如下图红框内就是我们要更改的文件。

1:index.html 的更改

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
	<!-- title 标签可更改为自己想要的名字 -->
  <title> YiChen </title>
  ......
  ......
  <link rel="stylesheet" type="text/css" href="style-mobile.css"/>
</head>
<body>
  <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
  
  <!-- ↓ 为启动页默认显示部分，如果不想展示默认启动页，直接剔除此段代码即可 ↓ -->
  
  <div id="splash"> <!-- 'div splash 利用 div 的 background 属性来展示图片' -->
	<div class="progress-bar stripes">	<!-- '此部分为进度条展示' -->
	  <span style="width: 0%"></span>
	</div>								<!-- '此部分为进度条展示' --

最低0.47元/天解锁文章