一、preload()函数与图片上传
preload()函数是一个特殊的函数，它同setup()类似，只在程序开始时运行一次，但顺序在setup()之前。
一般我们会将媒体文件（图片、声音）加载的语句放在preload()中，因为preload()有一个特性就是不加载完毕，程序就不会开始，保证了程序运行时不会出错。
在加载图片之前，我们需要先将图片文件上传。
方法是：
①点击编辑器左上角的小三角展开文件目录。
②点击文件目录右上角小三角，展开菜单后Add File。
③可以直接将图片文件拖到框里，会自动上传，传完后关闭即可，jpg和png格式均支持。
二、加载图片
接着，添加代码如下：
var img;
function preload(){
//加载图片文件
img=loadImage("HearthStone.png");
}
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
//坐标原点设为图片中心
imageMode(CENTER);
//绘制图片
image(img,200,200);
}
其中有两个函数：
imageMode()：设置图片中心，常用的有CENTER、CORNER，CENTER为中心，CORNER为左上角
image()：绘制图片，image("图片地址",x,y)
效果图：
三、图片染色与拉伸
p5.js还提供了一些方便的功能，如染色与拉伸，代码如下：
var img;
function preload(){
//加载图片文件
img=loadImage("HearthStone.png");
}
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
//坐标原点设为图片中心
imageMode(CENTER);
//图片染色
tint(0,255,255);
//绘制图片，后两个参数调整长宽
image(img,200,200,150,150);
}
tint()：图片染色，括号内填入颜色，格式同fill()
image()：第四、五个参数为图片长与宽，若不填的话则使用原图片长宽
效果图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。