在上一章中，我们学习了p5.js中的frameCount变量，用于表示draw函数调用的次数。p5.js中有很多非常有用的变量，本章中将继续学习一些其它的变量。mouseIsPressedmouseIsPressed是我们将学习的第一个用于在程序中交互的p5.js 变量。mouseIsPressed是一个p5.js变量，在鼠标点击画布区时值为true，否……继续阅读 » Alan 6年前 (2019-02-02) 7914浏览 0评论1个赞
在上一章中，我们了解了p5.js中可以使用的一些变量。需要注意的是这些变量仅能在p5.js中的setup和draw函数内使用。如果在这两个函数外使用，我们会获得报错说变量未声明。本章中我们会来看p5.js中会用到的其它变量：frameCount。我们还会学习与帧相关的知识以及frameRate函数。frameCount, frameRate与帧还记得在……继续阅读 » Alan 6年前 (2019-02-01) 9085浏览 0评论2个赞
在第一章和第二章我们学习了 JavaScript 中可以使用的变量和数学运算。本章中，我们将运用所学的知识。设置准备首先我们要创建几个图形随后使用。我们使用ellipse和rect函数来创建类似购物车的图形（示例4-1和图4-1）。示例4-1. 使用ellipse和rect函数创建购物车 function setup() ……继续阅读 » Alan 6年前 (2019-01-30) 8069浏览 0评论5个赞
既然已经可以使用p5.js绘制各种图形了，就让我们来学习如何进行颜色的控制吧。我们已经在background函数中传入220, 220, 220来设置背景钯为浅灰色了。p5.js中的颜色函数默认情况下p5.js使用RGB色彩模式，其中R代表红色，G代表绿色，B代表蓝色。这表示我们需要向颜色函数中传入三个参数来设置指定颜色。每种色彩的值在0到255之间。也……继续阅读 » Alan 6年前 (2019-01-30) 13524浏览 0评论7个赞
安装p5.js开使使用p5.js和JavaScript有好几种方式，其中一种是进入p5.js官网并在系统中下载p5.js的源代码(见图 2-1)。在写本教程时，下载页中有一个名为p5.js complete的链接，其中包含p5.js库以及一个示例项目。下载压缩包，可在其中看到一个empty-example文件夹。该文件夹中有两个文件：sketch.js文……继续阅读 » Alan 6年前 (2019-01-26) 11818浏览 0评论5个赞
在我们生活的这个时代，编程是无价之宝。它具有提升就业、未来发展甚至是你的智力的超能力。计算机正在驱动人类历史最大的资本扩张之一，没有比现在学习编程的更好时机了。为何学习编程我与编程的第一次正面交锋是在大学时。我们要学习一门名为 C#(C Sharp)的编程语言，第一次考试我就挂科了，第二次补考也仅仅是勉强通过。带头内心的挫败感，很长时间我都和编程保持距离……继续阅读 » Alan 6年前 (2019-01-26) 8376浏览 0评论2个赞
视觉艺术行业或新媒体艺术行业相关人员想必对Processing和p5.js都不会陌生，前者是 Java 的语法结构，后者是 JavaScript 的语法结构。Alan 并不是新媒体艺术的直接从业者，仅在工作中也会部分的接触到。决定翻译这本书其实是非常偶然的，但生活就这样：有意栽花花不开,无心插柳柳成荫。想要学习Processing 的同学可移步至：从零开始……继续阅读 » Alan 6年前 (2019-01-26) 14489浏览 0评论15个赞
基础知识React 特点Declarative 声明式编码Component-Based 组件化编码高效-高效的 DOM Diff算法，最小化页面重绘单向数据流Vue & React 生态Vue + Vue-Router + Vuex + Axios + Babel + WebpackReact + React-Router……继续阅读 » Alan 6年前 (2018-08-19) 10016浏览 0评论0个赞
电商网站中会经常出现图片的放大效果，在产品页面尤为常见，如淘宝、京东、一号店等网站都会采用悬浮鼠标在右侧出现图片放大效果。要实现这种效果可能过JS或jQuery等代码来实现，示例效果如下（通过将鼠标悬浮在下面的图片上进行查看）：首先通过getElementById或其它方法来获取各个对象，然后通过onmouseover和onmouseout事件来显示和……继续阅读 » Alan 10年前 (2014-09-13) 5710浏览 0评论0个赞
Firebug是网页浏览器Firefox下的一款开发类插件，集HTML查看和编辑、JavaScript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。在日常使用中常会同时安装其扩展Yslow来一并对网站进行调试。同时为了兼容其它浏览器，还开发有Firebug Lite，功能略弱于Firebug。 安装完后要开启……继续阅读 » Alan 10年前 (2014-08-17) 4853浏览 0评论0个赞
