Introduction to Programming I

Javascript加载不出本地的图片文件等等

坑: Javascript加载不出本地的图片文件等等

什么时候会出现

当我在做Coursera上Sleuth作业的时候，需要加载本地的image，在用Chrome或者其他browsers打开这个JS文件夹内html的文件的时候，都会出现loading…

例如: loadImage( )

解决方法

在网上搜索了很久，答案少之又少，貌似这个是p5.js这个包特有的问题, 似乎这个包和我使用python时候把包下载到本地的原理不一样，好像这个只能联网使用？？？具体的原理我暂时也不太了解，即使在官网上下载完整的包，好像也只是一些examples

关键词：node.js 搭建本地服务器

链接: node.js 搭建本地服务器.

一共需要3步：

第一步 - 安装node.js

这个很简单在官网直接下载安装就可以了

第二步 - 安装http-server

用管理员模式打开CMD命令，然后输入:

npm install http-server -g

第三步 - 启动local-server

这里我当时一直不知道到底是什么意思，其实就是在浏览器里面直接访问电脑本地的程序

首先打开CMD命令，用cd: 进入自己project的文件夹，进入到哪个文件，等下浏览器就会访问到哪个文件夹。例如：

C:\Users\378\Desktop>http-server

这样子等下就会返还给你一个浏览器的地址

之后在Chrome里面复制输入这个CMD里面返还的地址 http://192.168.x.xx:xxxx就能够访问自己的文件夹了，这个x,xx,xxxx为数字

Week 3

3.1 RGB color

一个图像其实是由很多个pixel组成的，pixel可以理解成一个带有颜色的很小很小的正方形. RGB color: 就是用三原色来表示各种色彩，并且每种原色一共有256种(0-255).

例如

表示黑色: RGB为(0,0,0)
表示红色: RGB为(255,0,0)
RGB颜色可以排列的可能数为$$256\ast 256\ast 256=16777216\text{ 种可能}$$
这个推导简单，就是乘法法则公式，第一个坑有256种选择，第二个坑有256种选择，第三个坑有256种选择

3.3 Setup() and draw()

主要是说setup() 只会运行1次，但是draw()则会运行很多次，所以如果在这2个函数里面都写有fill (xxx)的话，draw() 会把前面setup()的结果盖过去