悬停时的文字效果
Text effects on hover
我正在尝试在处理过程中创建鼠标悬停(或悬停)的简单效果。我只能在形状上实现这种效果,例如矩形、椭圆形等,但我不知道如何在文本对象上实现。
例如检测圆圈上的鼠标悬停:
if (sqrt(sq(x - mouseX) + sq(y - mouseX)) < diameter/2 ) {
return true;
} else {
return false;
}
效果将与更改文本颜色一样简单,以指示鼠标悬停在文本上。
感谢任何帮助,谢谢!
使用 边界框,它只是一个 "drawn" 围绕文本的矩形。 (该矩形通常不会实际绘制,调试除外。)
您可以使用 textWidth()
函数及其朋友获取文本的边界框,您可以在 the reference 中阅读有关内容。
然后,当您拥有该边界框时,您可以对已有的矩形使用碰撞检测代码。
以后,请尝试 post MCVE 而不是 post 断开连接的代码段。
我正在尝试在处理过程中创建鼠标悬停(或悬停)的简单效果。我只能在形状上实现这种效果,例如矩形、椭圆形等,但我不知道如何在文本对象上实现。
例如检测圆圈上的鼠标悬停:
if (sqrt(sq(x - mouseX) + sq(y - mouseX)) < diameter/2 ) {
return true;
} else {
return false;
}
效果将与更改文本颜色一样简单,以指示鼠标悬停在文本上。
感谢任何帮助,谢谢!
使用 边界框,它只是一个 "drawn" 围绕文本的矩形。 (该矩形通常不会实际绘制,调试除外。)
您可以使用 textWidth()
函数及其朋友获取文本的边界框,您可以在 the reference 中阅读有关内容。
然后,当您拥有该边界框时,您可以对已有的矩形使用碰撞检测代码。
以后,请尝试 post MCVE 而不是 post 断开连接的代码段。