链接到代码以供参考:
嗨!所以我一直试图在p5.js上做一个Java OOP概念的回顾游戏,但是我开始有点不知所措,因为这是我的第一个p5.js项目。游戏的工作原理是,屏幕上有一个问题,它周围漂浮着气泡,上面应该有单词关联。如果正确的气泡被点击,那么它将变成绿色,如果它是不正确的,它将变成红色。当所有正确的气泡被点击时,圆形就结束了。
我的第一个问题是我不能使文字出现在气泡上。我尝试这样做(以正确的数组为例),但它导致了我的气泡和文本之一,屏幕变得非常混乱,更不用说,文本从未出现。
textAlign(CENTER, CENTER);
for (let i = 0; i < c
使用setInterval,array.push(),对于循环,我希望每3秒就有一个气泡出现,直到数组气泡的长度变成10。
然而,当我执行我的代码时,10个气泡同时出现,console.log(array.length)显示长度正在增长,尽管我将其设置为小于10。我认为我排列代码的方式有问题,有人能帮忙吗?
let bubbles = [];
var n = 10;
function setup() {
createCanvas(600, 400);
}
function addBubbles() {
for (let i = 0; i < n; i++) {
根据c3js文档,没有气泡图选项。一种解决方法是设置散点图并指定点半径,但所有气泡的高度都相同。
point = {
r: function(d) {
var num = d.value;
return num
},
在r中添加轴的值解决了这个问题,但现在的问题是如何设置非常高或非常低的值?例如,如果有1,000,000值,则整个图表将被着色。有什么简单的解决方法吗?