如何解决在p5.js程序中将图像画布,0、0放在哪里?
我阅读了有关image()函数的官方文档,但没有有关此函数方面的信息。 我的程序的基本结构如下:
function setup() {
createCanvas(400,400);
sec = createGraphics(400,400);
}
function draw() {
sec.background(255)
background(0)
image(sec,0)
}
对于将主画布和辅助画布的背景功能以及image(sec,0,0)功能放置在哪里感到困惑。
我要实现的目的是使辅助画布透明且位于主画布上方。这两个画布都应该可见。
解决方法
我认为您正在寻找的是tint()函数:
设置用于显示图像的填充值。可以将图像着色为指定的颜色,也可以通过添加alpha值使其透明。
在this codepen中,我重用了您的代码,但是将背景的颜色更改为红色和绿色,以便能够看到显示的是哪个,并且我使用了tint()
来更改了第二个画布的透明度。
let tintAlpha = 0;
function draw() {
tintAlpha++;
sec.background(0,255,0) // sec background is green
background(255,0) // primary background is red
tint(255,tintAlpha) // when alpha rises the secondary background is less and less transparent
image(sec,0)
}
我认为它会产生您想要获得的结果。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。