在Electron中设置p5.js



我正试图在电子桌面应用程序中使用p5.js。我尝试使用github中的模板,但不起作用。我尝试设置自己也不起作用。

这是我的索引.html代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Test</title>
<script src="p5.js" type="text/javascript" charset="utf-8"/>
<script src="sketch.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
</body>
</html>    

这是我的索引.js代码:

const {app, BrowserWindow} = require('electron');
app.on('ready', () => {
let window = new BrowserWindow({
width: 1000,
height: 500,
webPreferences: {
nodeIntegration: true,
},
})
window.loadFile('index.html');
})    

我想你可以从p5.js本身复制index.html,因为rn这两个文件中的任何地方似乎都没有引用实际的库。这应该是你需要的所有html:

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/addons/p5.sound.min.js"></script>
</head>

和:

<body>
<script src="sketch.js"></script>
</body>

相关内容

  • 没有找到相关文章

最新更新