Publish to Web Platforms

    Cocos Creator provides page templates for two kinds of Web platforms. From the pop up menu of Platform, you can choose Web Mobile or Web Desktop. The major difference is that in Web Mobile, the image will cover the whole browser window by default, while in Web Desktop, you are allowed to designate the resolution of image, which doesn’t change when you zoom on the browser window.

    For some general build options of platforms, please refer to the General Build Options documentation.

    OptionExplanationField Name
    Resource Server AddressThe server address used to download remote resources, see for details.remoteServerAddress
    OrientationDevice orientation, including Auto, Landscape, Portrait.
    PolyfillsIn Creator 3.0, the Build supports some new feature of polyfills, mainly when the script is packaged, and the corresponding processing will be done. This option currently supports Async Functions and coreJs, the developer can choose according to their needs.polyfills
    VConsoleWhether to use vConsole. vConsole is similar to the mini version of DevTools and is used to aid debugging.
    Preview QRCodeFor scanning previews, see the description below for details.-
    Preview URLThe link for the preview, see the description below for details.-

    • Preview URL

      preview-url

    After configuring the build options, click the Build button, then a progress bar will appear on the top of the panel. When the progress bar reaches 100%, the build is finished.

    The image above shows the preview of Web Mobile, you can see that the game view covers the whole browser window, while the game view of Web Desktop is fixed resolution and does not cover the screen.

    Browsers tested on mobile devices include: Safari (iOS), Chrome (Android), QQ browser (Android) and UC browser (Android).

    You can use view.enableRetina(true) to set the high resolution in the script, and the Retina display will be turned on by default when you build to the Web platform. Refer to the API enableRetina for details.

    Click the folder icon button in the bottom left corner of the build task window,

    If you want to release or share your games on the Internet, click the folder icon button in the bottom left corner of the Build Task window. After opening the release path, according to the current build task name, copy the entire contents of the corresponding folder generated by the build to your Web server. Then you can see the game later there.

    For information on setting up a Web server, please search for solutions, such as: Apache, Nginx, IIS and Express.