p5 js не требует установки. Библиотеки javascript могут быть загружены и доступны локально или могут быть извлечены из CDN.
В вопросе упоминается папка MacOSX, входящая в комплект источника. Вы можете игнорировать или даже удалить эту папку. Папка MacOSX содержит файл _DS_Store, который помогает операционным системам Ma c знать, как отображать содержимое папки. Для получения дополнительной информации см. Вики-статью DS_Store .
p5 js get-start содержит хорошее введение и несколько минимальных примеров.
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, и открыть в веб-браузере.
Следует отметить, что при написании более сложные эскизы, которые требуют ресурсов, таких как изображения или файлы данных, которые вам могут понадобиться для размещения ваших проектов на сервере. Это тоже очень просто сделать. Получите больше информации о простых веб-серверах здесь: local-server