Learn JavaScript with p5.js: Coding for Visual Learners 书籍简介

CodingIsFun CodingIsFun 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 200+累计阅读 268平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄8年
关注
原创 最新推荐文章于 2026-05-06 09:54:04 发布 268 阅读 AI 写同款· GEO 优化 ›
p5.js 编程基础学习合集【1】 不知道你是否了解过 Processing 语言的家谱（如下图所示）。与人类语言一样，编程语言同样属于相关语言的家族。而今天，我要引出的，即其家族成员之一的 p5.js（官网）。 Introduction 简单来讲，p5.j​​s 是一个库配上许多工具，它让编程爱好者、艺术家、设计师们可以轻松使用 JavaScript 语言进行创意编程。 库是 JavaScript 库。 为什么选择... 阅读详情

作者：Engin Arslan

阅读时间：2019-01-21至2019-01-29

本书主要通过p5.js 介绍一些基本的编程知识。 使用p5.js 提供的一些函数可以很容易地绘制图形。对于初学者来说可以很直观的看到代码的显示效果，使编程学习变的有趣而简单。

一些例子可以在作者网站上看到：

https://www.codingforvisuallearners.com/examples

推荐编程或Javascript初学者看。原书英文版，网上暂未发现中文版。

 

 

 

收录于
Javascript

当前文章被收录于：

Javascript
20 篇文章 0 人学习
订阅专栏 查看详情
技术类书籍笔记

当前文章被收录于：

技术类书籍笔记
16 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
You Don't Know JS Yet (book series) - 2nd Edition by Kyle Simpson You Don’t Know JS Yet (book series) - 2nd Edition 全文阅读地址From https://github.com/getify/You-Dont-Know-JS 我的GitHub文件： https://github.com/Li-YangZhong/Kyle_Simpson_You_Don-t_Know_JS_Yet_-Get_Started.git... 阅读详情

相关推荐

Learn JavaScript with p5.js Coding for Visual Learners 无水印原版pdf

Learn JavaScript with p5.js Coding for Visual Learners 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络，如有侵权，请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书

代码画笔：从零开始的p5.js创意编程之旅

随着我们的程序变得越来越复杂，setup()和draw()函数里的代码可能会变得很长，难以阅读和维护。例如，要画一个复杂的机器人，可能需要几十行rect()和ellipse()代码 32。如果想画两个机器人，就需要复制粘贴这几十行代码，这既混乱又容易出错。为了解决这个问题，我们需要学会创建自己的函数。函数就像一个可重复使用的“配方”，我们可以把一系列相关的指令打包进去，并给它起一个有意义的名字。之后，我们只需要调用这个名字，就可以执行其中所有的指令 23。创建自定义函数是程序员掌握抽象化能力的第一步。

mnlm2077的博客 1129

两路半桥LLC谐振变换器软开关Simulink仿真（模拟谐振参数不同、分裂电容）

内容概要：本文介绍了“两路半桥LLC谐振变换器软开关Simulink仿真”资源包，重点在于基于Simulink平台对两路半桥LLC谐振变换器进行高精度建模与动态仿真，特别考虑了谐振参数不一致及分裂电容等非理想工况对系统性能的影响。该仿真模型不仅涵盖了主电路拓扑、软开关实现机制与谐振网络设计，还深入分析了不同参数配置下系统的启动特性、稳态效率、动态响应及软开关条件的满足情况。通过参数扫描与对比仿真，帮助用户掌握LLC变换器的关键设计要素与优化方法，具备较强的工程指导价值和科研教学意义。; 适合人群：电力电子、电气工程及其自动化等相关专业的高校师生，以及从事高频开关电源、新能源变换器、车载充电机等领域的研发工程师和技术人员。; 使用场景及目标：① 掌握两路并联半桥LLC谐振变换器的建模与仿真方法；② 理解软开关技术在提升变换器效率与降低EMI方面的关键作用；③ 分析谐振参数偏差与分裂电容结构对系统均流特性、增益曲线及软开关范围的影响；④ 支持科研项目中的拓扑验证、控制策略开发与故障工况分析； 阅读建议：建议结合Simulink仿真模型与配套说明文档进行学习，重点关注谐振腔参数设置、驱动时序设计及软开关波形观测；可通过调整谐振电感、电容值或引入参数失配，观察系统行为变化，深入理解LLC变换器的稳定边界与优化设计原则。

Processing.js和P5.js的功能简介和区别

什么是Processing Processing是关于数字艺术的编程语言，支持跨平台，语言本身是一个类Java语言，程序文件的后缀为.pde。通过编写processing程序，教师可以将复杂的物理、化学、数学原理形象的展示给学生。比如绘制各种曲线图，波线，粒子，绘制分子结构，当然在生理卫生课上还可以绘制一群小蝌蚪在游泳等动态的图形。具体介绍见：https://blog.csdn.net/liux...

赶路人儿 1万+

STM32----SPI+DMA高效读写外部Flash的配置与实战

本文详细介绍了STM32通过SPI+DMA高效读写外部Flash的配置与实战方法。针对大量数据传输场景，使用DMA技术可显著提升系统效率，释放CPU资源。文章包含完整的代码实现、常见问题调试技巧以及性能优化建议，帮助开发者快速掌握这一关键技术。

pea55的博客 1032

大模型系统构建的“三驾马车”——Prompt、Context与Harness工程

在LLM应用开发的早期阶段，我们热衷于比拼“提示词”的精妙程度。那时，一个精心构造的思维链CoT就能让模型的表现提升10%以上。随着大模型从“玩具”走向“生产系统”，我们逐渐意识到：单一的 Prompt 只是起点，而非终点。 真正的工业级应用，需要构建一套三层递进的工程体系——Prompt Engineering、Context Engineering 和 Harness Engineering。

西木风落 604

Javascript>> onmouseover用法

<!DOCTYPE html> <html> <head> <title>Window Title</title> </head> <body> <p>Test your mouse on me!</p> <script> const p = document.quer...

CodingIsFun 4570

iOS In-App Purchase 自动续订订阅完整实现指南

本文摘要： 自动续订订阅是iOS应用变现的核心模式，适用于流媒体、云存储等持续服务场景。文章系统讲解了从配置到实现的完整流程：首先对比各类订阅模式特点，解析订阅生命周期和关键术语；然后详细说明App Store Connect中的订阅组创建、产品配置和服务器通知设置；最后展示客户端StoreKit实现方案，包括产品标识符定义、订阅管理器封装和支付队列观察机制。全文提供可落地的代码示例和技术细节，帮助开发者掌握自动续订订阅的全链路实现。

Sheffi 1764

用Javascript显示一个电子时钟

<!DOCTYPE html> <html> <head> <style type="text/css" media="screen"> body { background: black; } #txt { position: absolute; top: 50%; left: 50%; transf...

CodingIsFun 2260

STM32+OpenCV云台PID调参实战：从震荡到丝滑跟踪的进阶之路

本文详细介绍了基于STM32和OpenCV的跟踪云台PID调参实战经验。从硬件搭建、PID控制原理到调参技巧，系统讲解了如何通过调整比例、积分和微分参数解决系统震荡问题，实现从震荡到丝滑跟踪的进阶过程，特别适合电赛和嵌入式视觉控制开发者参考。

tgb3456789的博客 717

保姆级教程：在S32K312上配置C40驱动，实现Flash读写（基于RTD 4.4.2）

本文详细介绍了在S32K312微控制器上配置C40驱动实现Flash读写的全流程，基于RTD 4.4.2库。内容涵盖环境搭建、外设配置、Flash操作实战代码及高级应用场景，特别针对LLD驱动和FLS存储操作中的常见问题提供了解决方案，帮助开发者快速掌握嵌入式Flash存储技术。

weixin_28684757的博客 259

p5.js: 通过上下左右键控制方块的位置

&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.min.js"&gt;&lt;/script&gt; &lt;style&gt; body { padding: 0;

CodingIsFun 1420

Vivado实战：AXI转PCIe IP核配置全流程（含性能优化技巧）

本文详细介绍了在Vivado环境中配置AXI转PCIe IP核的全流程，包括工程准备、IP核参数设置、BAR空间配置、中断系统优化以及TLP传输效率提升等关键步骤。特别分享了经过验证的性能优化技巧，帮助开发者显著提升PCIe链路的吞吐量和稳定性，适用于视频采集、高速数据记录等应用场景。

weixin_30892037的博客 552

JavaScript Basics for Beginners by Mosh Hamedani

Javascript can be run inside a brower or Node which provides a runtime environment for Javascript. ECMAScript is a specification and Javascript is a programming language that confirms to this specifi...

CodingIsFun 949

[SDIO] SD card 初始化及常用命令解析（附波形，uboot代码）

目录 初始化 1.cmd 0 2.cmd8 3.cmd55 4.acmd41 5.cmd2 6.cmd3 7.cmd9 8.cmd13 9.cmd7 10.ACMD51 11.CMD6 12.CMD16 13.CMD17 14.CMD18 15.CMD12 tuning CMD19 DW_SDHCI的tuning流程 初始化 1.cmd 0 /* Reset the Card */ err = mmc_go_idle(mmc...

Lenz_s_law的开发记录本 2万+

鸿蒙应用发布实战：应用热更新的实现

在移动应用开发领域，应用更新是持续交付价值的关键环节。传统的应用更新方式需要用户手动下载完整安装包，不仅用户体验差，而且更新率往往不理想。热更新技术(也称为OTA更新)允许应用在不重新安装的情况下动态更新部分功能，极大提升了用户体验和迭代效率。本文专注于鸿蒙操作系统下的应用热更新实现方案，涵盖从原理到实践的完整知识体系。鸿蒙热更新的技术架构差分更新算法实现动态部署机制实际项目中的最佳实践安全与性能优化策略首先介绍鸿蒙热更新的背景和核心概念深入分析技术原理和算法实现。

操作系统内核探秘的博客 965

Learning JavaScript - JavaScript Essentials for Modern Application Development by Ethan Brown

Learning JavaScript JAVASCRIPT ESSENTIALS FOR MODERN APPLICATION DEVELOPMENT by Ethan Brown I certainly hold no animosity toward amateurs: everyone has to start somewhere, programming is a profitabl...

CodingIsFun 700

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

《Javascript & JQuery interactive front-end web development》 by Jon Duckette 读书笔记-未完待续

There are many inconsistencies between browsers that affect JavaScript developers. jQuery will help you deal with cross-browser inconsistencies (it is one of the major reasons why jQuery rapidly gaine...

CodingIsFun 610

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料，已经经过了本人的筛选和整理，希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助！

使用p5.js绘制一个“禁止通行”标志

效果图没有上传成功： 优快云对GoogleChrome的支持还不完善啊。发现了几个bug： 1. 添加个人分类标签时不能输入超过一个字符的标签 2. 不能通过复制粘贴方式上传图片（2019-01-24 17：00左右测试过） <html> <head> <script type="text/javascript" src="https://cdnj...

CodingIsFun 581

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等，可在创建的窗口进行控制

Learn Javascript Visually 读书笔记

Imperative programming In computer science, imperative programming, as opposed to declarative programming, is a programming paradigm that describes computation in terms of a program state and state...

CodingIsFun 551

Javascript代码学习01

/*列出1到100中既能被3,也能被5整除的数*/ for (let n = 1; n &lt;= 100; n++) { let output = ""; if (n % 3 == 0) output += "可以被3整除"; if (n % 5 == 0) output += "可以被5整除"; console.log(n+output); } /*输出长宽个数相等的一簇...

CodingIsFun 535

Javascript Programming in One Video by Mike Dane from Giraffe Academy

Exercise files uploaded tohttps://github.com/Li-YangZhong/Javascript-Programming-in-One-Video-by-Mike-Dane-from-Giraffe-Academy 视频链接（不保证永久有效）：https://www.bilibili.com/video/av42052671 ...

CodingIsFun 506

The Advanced Web Developer Bootcamp

Udemy课程链接：https://www.udemy.com/course/the-advanced-web-developer-bootcamp/ B站视频链接： https://www.bilibili.com/video/BV1T7411W7cR 我的GitHub文件： https://github.com/Li-YangZhong/The-Advanced-Web-Developer...

CodingIsFun 477

Vue JS Crash Course - 2019

视频教程播放地址：https://www.bilibili.com/video/BV1db41147T2 安装Vue CLI npm install -g @vue/cli 来自 https://cli.vuejs.org/guide/installation.html check version vue --version 使用powershell(不要使用gitbash) 执行下面的...

CodingIsFun 394

JavaScript面向对象教程（Object Oriented JavaScript Tutorial）

B站视频链接：https://www.bilibili.com/video/BV1Yt411e7RK GitHub file download link: https://github.com/iamshaunjp/object-oriented-js My GitHub files: https://github.com/Li-YangZhong/Object-Oriented-JavaSc...

CodingIsFun 336

Javascript tutorial- Full course for beginners freecodecamp instructor Beau Carnes

scrimba.com the character under the tilde ~ is called backtick `. Exercise files uploaded to https://github.com/Li-YangZhong/Javascript-Tutorial-Full-Course-for-Beginners

CodingIsFun 323
上一篇： p5.js: 通过上下左右键控制方块的位置
下一篇： How to Add Customized Fonts to A Webpage
点赞 0
评论 0
书签 书签 0
CodingIsFun
CodingIsFun
博客等级 码龄8年 37粉丝 240原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值