javascript - 将图像加载到Processingjs中的绘制循环中

标签 javascript processing

我的蜜蜂不会出现。在绘图循环中加载和显示图像的正确方法是什么?

/* @pjs preload="/static/uploaded_resources/p.8706/Flower-Ice-icon.png"; */
/* @pjs preload="/static/uploaded_resources/p.8706/bee.png"; */
void setup() {  // this is run once.   

    PImage img;
    PImage bee;
    // set the background color
    background(255);

    // canvas size (Variable aren't evaluated. Integers only, please.)
    size(256, 256); 

    img = loadImage("/static/uploaded_resources/p.8706/Flower-Ice-icon.png");
    bee = loadImage("/static/uploaded_resources/p.8706/bee.png");
    image(img, 0, 0);
} 
void draw() {  // this is run repeatedly.  
    image(bee, mouseX, mouseY);
}

这是草图的链接:http://studio.sketchpad.cc/sp/pad/view/VfC92Mrf5o/rev.119

最佳答案

Pjs 不支持使用多个预加载。相反,您需要用逗号分隔这两个图像作为单个预加载命令的参数。请参阅http://processingjs.org/reference/preload , “多个图像的语法”

关于javascript - 将图像加载到Processingjs中的绘制循环中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14699253/

相关文章:

java - 启动处理应用程序时计算机重新启动

javascript - 如何使用 phantomjs 浏览器在 capybara 中获取完整的 url 和哈希值

javascript - 用于 XMLHttpRequest 或 ActiveXObject 的 JavaScript 中 jQuery 的 .ajaxComplete() 替代方案

android - 尝试连接到模拟器时处理卡在 "Waiting for device"

java - 如何知道不同数组列表中的两个元素是否发生碰撞?

javascript - p5.j​​s map() 动态改变变量

python - 我可以从 Jupyter Notebook 运行Processing.org Python sketch 并传递数据吗?

javascript - javascript事件中的未定义参数

javascript - HTML5 Canvas 上的外部字体

javascript - JS/Jquery 中的类型安全和强制执行