[教程][Headless] 使用 NodeJs 运行无渲染的Cocos项目

18581391615 · 2023年10月18日 02:29

性能这些指标有测试过没有，服务器压力大不大

geiwoyipiao · 2023年10月18日 02:29

可以了，感谢

2858626794 · 2023年10月18日 02:33

没有测过哦,我也就周末才弄出来的,建议运行试试肯定比没有渲染快吧然后实战看逻辑复杂不复杂我感觉还好

1809155707 · 2023年10月18日 02:46

mark！

geiwoyipiao · 2023年10月18日 03:07

预格式化文本将缩进 4 格    //这里替换HTML URL 地址 须 index.html 结尾

const express = require(“express”);
const app = express();

const runCocos = () => {
const URL = “http://127.0.0.1:3000/static/index.html”

const { JSDOM, ResourceLoader } = require('jsdom')
const fetch = (...args) => import('node-fetch').then(({ default: fetch }) => fetch(...args));

const WebGL = require('gl');
const WebGLRenderingContext = WebGL.WebGLRenderingContext;
WebGLRenderingContext.prototype.texSubImage2D = function () { };
const gl = WebGL(64, 64, { preserveDrawingBuffer: true });

const resourceLoader = new ResourceLoader({
    proxy: URL,
    strictSSL: false,
    userAgent: "Mellblomenator/9000",
});

fetch(URL).then(res => res.text()).then(html => {
    console.log("HTML Index 文件: ", html)
    global.window = (new JSDOM(html, {
        url: URL,
        referrer: URL,
        contentType: "text/html",
        resources: resourceLoader,
        storageQuota: 10000000,
        runScripts: "dangerously"
    })).window;

    let HGContext = window.HTMLCanvasElement.prototype.getContext;
    window.TextDecoder = global.TextDecoder;
    window.HTMLCanvasElement.prototype.getContext = function (type, data) {
        if (type == "2d") return HGContext.bind(this)(type, data);
        return gl;
    };
    window.requestAnimationFrame = global.requestAnimationFrame;
    window.fetch = fetch;
})

setTimeout(() => { }, 99999999);

}

app.use(’/static’, express.static(‘public’))
app.listen(3000, () => {
console.log(“服务启动”);
runCocos();
}); 改造了下加载服务端本地静态文件，静态文件cocos creator 打包的产物

developer4 · 2023年10月18日 06:03

感谢分享，我做了一些调整支持2.x版本，只测试了2.4.11
红色加粗部分为调整新增的内容：
global.document = window.document;
gl.canvas = document.getElementById(‘GameCanvas’);

2858626794 · 2023年10月18日 06:01

谢谢分享(^▽^)

1111775 · 2023年10月18日 08:59

我也测了下2.4.11版本的,但是一直没通过.

期待您能给点提示.

2858626794 · 2023年10月18日 10:01

可以给个http地址吗

1111775 · 2023年10月18日 10:05

我没有服务器,在本地测试的.3.8的很顺利就通过了,但是2.4.11不行.
下面是用来测试的文件.Headless.zip (395.1 KB)

index2.4.11.zip (909 字节)

2858626794 · 2023年10月18日 10:10

你试试打包不压缩然后调试模式

1111775 · 2023年10月18日 10:19

好的,谢谢

developer4 · 2023年10月18日 10:51

我的构建选项是这样的：

node版本是16.20.2
别的就没什么了，引擎本身没做任何修改

2858626794 · 2023年10月23日 02:57

在Headless中使用画布会导致 2D坐标出现 NaN 解决方法：去除画布中所有的Widget 将 Canvas 的 Align Canavs With Screen 勾选去除

avi9111 · 2023年10月23日 03:02

一开始看这个贴子以为是青铜，看了几天，发现原来是个王者

seems112 · 2023年10月23日 03:07

思路真的很不错。就看性能了。

2858626794 · 2023年10月23日 03:27

如果你在使用 axios 会发现Nodejs使用axios 响应体一直是 html/text 导致404 解决方法 nodejs 导入 axios 放在window 在Nodejs环境中使用nodejs的axios

2690628842 · 2023年10月23日 03:34

大受震撼大受震撼

cqzs19871202 · 2023年11月1日 15:25

有解决吗，遇到了同样的问题

cqzs19871202 · 2023年11月1日 15:45

大佬，能发下文件吗，用2.4.11会报
Error: Uncaught [TypeError: Cannot read properties of undefined (reading ‘RenderComponentHandle’)]
at reportException (/Users/chris/Downloads/headless/node_modules/_jsdom@22.1.0@jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
at Timeout.task [as _onTimeout] (/Users/chris/Downloads/headless/node_modules/_jsdom@22.1.0@jsdom/lib/jsdom/browser/Window.js:558:9)