p5.js - 如何在 Windows 上安装 P5js?
问题描述
我已经在我的 Windows 电脑上下载了 p5js 文件,但找不到安装它的方法 你在你的电脑上安装了 p5js 如果是,请帮助我
这是一个 zip 文件,所以我使用 Winrar 将其解压缩,但在解压缩的文件中有一个名为 MacOSX 的文件,我想这是为 Mac 用户准备的,即使我在官方网站上单击了 Windows 的下载按钮
解决方案
p5js 不需要安装。javascript 库可以在本地下载和访问,也可以从 CDN 中拉入。
该问题提到了源代码中包含的 MacOSX 文件夹。您可以忽略甚至删除此文件夹。MacOSX 文件夹包含一个 _DS_Store 文件,可帮助 Mac 操作系统了解如何显示文件夹内容。有关详细信息,请参阅DS_Store wiki 文章。
p5js 入门有一个很好的介绍和一些最小的例子。
function setup() {
}
function draw() {
ellipse(50, 50, 80, 80);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.min.js"></script>
如果您下载了 p5.js 的副本,则示例的完整 HTML 可能如下所示
<html>
<body>
<script src='p5.js'></script>
<script>
function setup(){}
function draw(){
ellipse(50,50,80,80);
}
</script>
</body>
</html>
像上面这样的草图可以简单地使用 html 扩展名保存在与 p5.js 文件相同的文件夹中,并使用 Web 浏览器打开。
需要注意的一点是,当您编写需要图像或数据文件等资源的更复杂的草图时,您可能需要在服务器上托管您的项目。这也很简单。在此处获取有关简单 Web 服务器的更多信息:local-server