标签:p5.js

Coding

学习p5.js – 写在最后

学习p5.js – 写在最后
完成本书后,我们应该熟悉了JavaScript和编程的基础知识,因为我们学习的概念在不同的编程语言中都适用。想一下学习自然语言如英语口语中的过去式。在英语和日语中构造过去式的句子的方式可能不同,但通过掌握过去式的概念,只要明白了它们之间对应关系,你可以轻易地将一种语言中所学的知识转换到另一种语言中。在本书中,我们使用JavaScript学习了编程语言中的……继续阅读 »

Alan 5年前 (2019-02-10) 10468浏览 0评论0个赞

Coding

学习p5.js – 第十三章 最终项目

学习p5.js – 第十三章 最终项目
本章中,我们将使用在全书中所学习的知识来创建一个游戏。同时我们还可以学习一些技巧。使用p5.js库来创建一个简单游戏非常惊艳并且表明了这个 JS 库的强大。游戏会非常简单。它是一个输入速度游戏,向玩家快速显示数字并期望他们输入与屏幕上相同的数字。如果在给定时间 内输入了正确的数字,玩家就会复仇。我们记录得分并在游戏结束时显示。展示的游戏视觉体验如果够强的话……继续阅读 »

Alan 5年前 (2019-02-08) 8176浏览 0评论4个赞

Coding

学习p5.js – 第十二章 p5.js扩展知识

学习p5.js – 第十二章 p5.js扩展知识
学到这里,我们基本上做好了最终项目的准备工作,这是一个使用JavaScript和p5.js创建的交互游戏。在下一章中进行讲解。在那之前,我想要演示p5.js中的一些其它有用的函数来扩展我们所能创建程序的领域。你是否注意到了用现有的知识我们可以在屏幕上画不同形状,但不是能进行沿图形中心旋转等转换?这对我们所创建的视觉效果是一个巨大的阻碍,所以本章中我们将学习……继续阅读 »

Alan 5年前 (2019-02-08) 8236浏览 0评论2个赞

Coding

学习p5.js – 第十一章 事件

学习p5.js – 第十一章 事件
在第六章中,我们学习了名为mouseIsPressed的p5.js变量,它在按下鼠标时值为true而其它情况下值为false。我们还了解到这并不是捕获用户输入很好的方式,因为draw函数的执行速度让这一变量的准确更新变得很困难。本章中我们会复习p5.js中处理用户输入的其它方式,即解决这一问题的事件。使用事件,我们可以在draw函数循环之外捕获用户输入。……继续阅读 »

Alan 5年前 (2019-02-08) 7594浏览 0评论1个赞

Coding

学习p5.js – 第十章 数组

学习p5.js – 第十章 数组
数组是JavaScript中另一种有用的数据结构。它们是带序号索引存储数据的序列集合,并基本对象,让某些运算更易于执行。本章中我们将使用push方法来向数组添加数据。还将学习余数运算符,通过它可获得在0和指定数据之间的序列值。使用push方法还记得我们是使用大括号有创建空对象吧。我们可以类似的方式通过中括号来创建空数组(示例10-1)。示例10-1.……继续阅读 »

Alan 5年前 (2019-02-05) 9580浏览 0评论1个赞

Coding

学习p5.js – 第九章 对象

学习p5.js – 第九章 对象
JavaScript中包含名为对象的数据结构。对象有助于组织代码并让其有某些情况下易于使用。有两种创建对象的方式:通过对象初始化程序或构造函数。本章中我们使用对象初始化程序来创建一个对象,而构造函数像一个蓝本,可以使用new关键词来创建很多个对象实例。使用对象初始化程序JavaScript使用称为对象的数据结构来帮助组织数据。在JavaScript中创建……继续阅读 »

Alan 5年前 (2019-02-04) 6719浏览 0评论1个赞

Coding

学习p5.js – 第八章 函数

学习p5.js – 第八章 函数
函数是JavaScript的主要组成部分。通过函数我们可以更有效地编写程序,也更利于扩展。函数通过一个执行名称包含和对运算分组来帮助我们管理复杂的代码。我们已经通过p5.js中内置的函数ellipse或background了解了如何调用函数。我们甚至还声明了自己的函数,因为p5.js强制我们将代码放在两个函数声明中:setup和draw。如果我们想要创建自己……继续阅读 »

Alan 5年前 (2019-02-03) 9263浏览 0评论3个赞

Coding

学习p5.js – 第七章 循环

学习p5.js – 第七章 循环
重复是计算机所擅长的事情之一。想象一下使用不同的参数在屏幕上画一千个图形。以当前的编程知识这将耗费我们大量的时间。对于这种以相同或带有变动的方式重复代码的情况,我们可以使用称之为循环的编程结构。循环让我们可以对一个代码块反复的执行。我们已有熟悉了p5.js中的循环概念。想一下,draw函数就是一个反复执行的循环,直到p5.js程序退出为止。在本章中,我们将……继续阅读 »

Alan 5年前 (2019-02-02) 8572浏览 0评论4个赞

Coding

学习p5.js – 第六章 p5.js中的更多变量

学习p5.js – 第六章 p5.js中的更多变量
在上一章中,我们学习了p5.js中的frameCount变量,用于表示draw函数调用的次数。p5.js中有很多非常有用的变量,本章中将继续学习一些其它的变量。mouseIsPressedmouseIsPressed是我们将学习的第一个用于在程序中交互的p5.js 变量。mouseIsPressed是一个p5.js变量,在鼠标点击画布区时值为true,否……继续阅读 »

Alan 5年前 (2019-02-02) 7288浏览 0评论1个赞

Coding

学习p5.js – 第五章 条件语句和比较运算符

学习p5.js – 第五章 条件语句和比较运算符
在上一章中,我们了解了p5.js中可以使用的一些变量。需要注意的是这些变量仅能在p5.js中的setup和draw函数内使用。如果在这两个函数外使用,我们会获得报错说变量未声明。本章中我们会来看p5.js中会用到的其它变量:frameCount。我们还会学习与帧相关的知识以及frameRate函数。frameCount, frameRate与帧还记得在……继续阅读 »

Alan 5年前 (2019-02-01) 8504浏览 0评论2个赞