标签:JavaScript

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

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

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

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

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

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

学习p5.js – 第一章 导学

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

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

视觉艺术行业或新媒体艺术行业相关人员想必对Processing和p5.js都不会陌生,前者是 Java 的语法结构,后者是 JavaScript 的语法结构。Alan 并不是新媒体艺术的直接从业者,仅在工作中也会部分的接触到。决定翻译这本书其实是非常偶然的,但生活就这样:有意栽花花不开,无心插柳柳成荫。关于 p5.js 市面上目前只看到两本书:Gettin……

React 全家桶+AntD搭建后台管理系统

基础知识React 特点Declarative 声明式编码Component-Based 组件化编码高效-高效的 DOM Diff算法,最小化页面重绘单向数据流Vue & React 生态Vue + Vue-Router + Vuex + Axios + Babel + WebpackReact + React-Router……

Firebug使用相关

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

JavaScript String对象的方法

String对象的方法和属性,字符串变量同样也可以使用。方法描述anchor()创建 HTML 锚。big()用大号字体显示字符串。blink()显示闪动字符串。bold()使用粗体显示字符串。charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码……

JavaScript event.keyCode大全

JavaScript event.keyCode大全keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_L……

HTML5绘制桌球

桌球(又称台球 ,撞球)源自英国,是一项在国际上广泛流行的高雅的室内体育运动,是一种用球杆在台上击球,依靠计算得分确定比赛胜负的室内娱乐体育项目。下图为通过HTML5的Canvas配合JS生成的仿桌球图片,右侧的小球采用随机函数显示不同颜色,每次刷新后将显示不同的组合颜色。 Your browser does not support the ca……