标签:JavaScript

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) 7315浏览 0评论1个赞

Coding

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

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

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

Coding

学习p5.js – 第四章 操作符和变量

学习p5.js – 第四章 操作符和变量
在第一章和第二章我们学习了 JavaScript 中可以使用的变量和数学运算。本章中,我们将运用所学的知识。设置准备首先我们要创建几个图形随后使用。我们使用ellipse和rect函数来创建类似购物车的图形(示例4-1和图4-1)。示例4-1. 使用ellipse和rect函数创建购物车 function setup() ……继续阅读 »

Alan 5年前 (2019-01-30) 7591浏览 0评论5个赞

Coding

学习p5.js – 第三章 p5.js中的颜色

学习p5.js – 第三章 p5.js中的颜色
既然已经可以使用p5.js绘制各种图形了,就让我们来学习如何进行颜色的控制吧。我们已经在background函数中传入220, 220, 220来设置背景钯为浅灰色了。p5.js中的颜色函数默认情况下p5.js使用RGB色彩模式,其中R代表红色,G代表绿色,B代表蓝色。这表示我们需要向颜色函数中传入三个参数来设置指定颜色。每种色彩的值在0到255之间。也……继续阅读 »

Alan 5年前 (2019-01-30) 12535浏览 0评论7个赞

Coding

学习p5.js – 第二章 准备工作

学习p5.js – 第二章 准备工作
安装p5.js开使使用p5.js和JavaScript有好几种方式,其中一种是进入p5.js官网并在系统中下载p5.js的源代码(见图 2-1)。在写本教程时,下载页中有一个名为p5.js complete的链接,其中包含p5.js库以及一个示例项目。下载压缩包,可在其中看到一个empty-example文件夹。该文件夹中有两个文件:sketch.js文……继续阅读 »

Alan 5年前 (2019-01-26) 10943浏览 0评论5个赞

Coding

学习p5.js – 第一章 导学

学习p5.js – 第一章 导学
在我们生活的这个时代,编程是无价之宝。它具有提升就业、未来发展甚至是你的智力的超能力。计算机正在驱动人类历史最大的资本扩张之一,没有比现在学习编程的更好时机了。为何学习编程我与编程的第一次正面交锋是在大学时。我们要学习一门名为 C#(C Sharp)的编程语言,第一次考试我就挂科了,第二次补考也仅仅是勉强通过。带头内心的挫败感,很长时间我都和编程保持距离……继续阅读 »

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

Coding

【已完结】Learn JavaScript with p5.js中文版

【已完结】Learn JavaScript with p5.js中文版
视觉艺术行业或新媒体艺术行业相关人员想必对Processing和p5.js都不会陌生,前者是 Java 的语法结构,后者是 JavaScript 的语法结构。Alan 并不是新媒体艺术的直接从业者,仅在工作中也会部分的接触到。决定翻译这本书其实是非常偶然的,但生活就这样:有意栽花花不开,无心插柳柳成荫。想要学习Processing 的同学可移步至:从零开始……继续阅读 »

Alan 5年前 (2019-01-26) 12862浏览 0评论15个赞

HTML5&CSS3

JS实现放大镜效果

JS实现放大镜效果
电商网站中会经常出现图片的放大效果,在产品页面尤为常见,如淘宝、京东、一号店等网站都会采用悬浮鼠标在右侧出现图片放大效果。要实现这种效果可能过JS或jQuery等代码来实现,示例效果如下(通过将鼠标悬浮在下面的图片上进行查看):首先通过getElementById或其它方法来获取各个对象,然后通过onmouseover和onmouseout事件来显示和……继续阅读 »

Alan 10年前 (2014-09-13) 5197浏览 0评论0个赞

HTML5&CSS3

Firebug使用相关

Firebug使用相关
Firebug是网页浏览器Firefox下的一款开发类插件,集HTML查看和编辑、JavaScript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。在日常使用中常会同时安装其扩展Yslow来一并对网站进行调试。同时为了兼容其它浏览器,还开发有Firebug Lite,功能略弱于Firebug。 安装完后要开启……继续阅读 »

Alan 10年前 (2014-08-17) 4461浏览 0评论0个赞