Tips for implementing mousePressed in ProcessingJS

Question

Tips for implementing mousePressed in ProcessingJS

I've been attempting to access the mousePressed property within a ProcessingJS snippet, but it keeps returning as undefined.

Here's my current approach:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="http://cloud.github.com/downloads/processing-js/processing-js/processing-1.4.1.min.js"></script>
<script>
$(document).ready(function() {  
    $('body').append($('<canvas id="preview"><p>Your browser does not support the canvas tag.</p></canvas>'));
    function onPJS(p) {
        p.setup = function(){
            console.log(p.mousePressed);//returns undefined
            try{
                console.log(p.mousePressed());
            }catch(e){
                console.log(e.name,e.message);//displays TypeError Property 'mousePressed' of object [object Object] is not a function
            }
        }
    }
    new Processing(document.getElementById("preview"), onPJS);  
});
</script>

Can anyone provide insight into what mistake I might be making or what I'm missing?

javascript processing processing.js

Answer 1

Answer №1

I provided a response to this issue in your previous question. Here is the information again:

According to GoToLoop on GitHub, the problem with the function mousepressed is due to the need to prevent naming conflicts in JavaScript. In JS, the boolean mousepressed is actually named __mousePressed. It is recommended to write your code using Java syntax and then have it automatically converted to JS to avoid encountering these types of issues.

Answer 2

I provided a response to this issue in your previous question. Here is the information again:

According to GoToLoop on GitHub, the problem with the function mousepressed is due to the need to prevent naming conflicts in JavaScript. In JS, the boolean mousepressed is actually named __mousePressed. It is recommended to write your code using Java syntax and then have it automatically converted to JS to avoid encountering these types of issues.

Answer 3

Answer №2

If you're trying to access internal variables within a sketch, remember that only functions can be accessed. You'll need to create a specific function to retrieve the desired information.

boolean getMousePressValue() { return mousePressed; }

However, consider this alternative approach: instead of trying to access sketch-internal variables, you can simply add event listeners for click, mousedown, and mouseup directly to the canvas using pure JavaScript. This way, you can obtain the same information without needing to delve into the sketch itself:

pjsCanvas.addEventListener("mousedown",function(){...},false);
pjsCanvas.addEventListener("mouseup",function(){...},false);

By following these steps, you eliminate the need to reach into the sketch for this particular piece of information.

Answer 4

If you're trying to access internal variables within a sketch, remember that only functions can be accessed. You'll need to create a specific function to retrieve the desired information.

boolean getMousePressValue() { return mousePressed; }

However, consider this alternative approach: instead of trying to access sketch-internal variables, you can simply add event listeners for click, mousedown, and mouseup directly to the canvas using pure JavaScript. This way, you can obtain the same information without needing to delve into the sketch itself:

pjsCanvas.addEventListener("mousedown",function(){...},false);
pjsCanvas.addEventListener("mouseup",function(){...},false);

By following these steps, you eliminate the need to reach into the sketch for this particular piece of information.

Tips for implementing mousePressed in ProcessingJS

Answer №1

Answer №2

Similar questions

Retrieving every single .json file present in a specific folder

When I submit a form with an empty date input field, the Datepicker is sending a 0000-00-00 date

$.ajax and $.getJSON are proving to be ineffective in retrieving responses from a 3rd party server when dealing with json and jsonp formats

AngularJS - Filter for selecting multiple options

Is there a way to transfer a JSON map object from Flask and then utilize it as a JavaScript object?

The return false statement is failing to execute properly within this particular JavaScript function

Data not being saved when using the Post method in a Web API

Unlock the secrets of creating a pop-up with qtip

Tips for altering the appearance of the material-ui slider thumb design when it is in a disabled state

How can I access a nested FormArray in Angular?

Capturing a part of the screen using JavaScript for screen recording

show information on a separate screen following the selection of a choice

Creating a versatile function to verify the presence of empty values

Is there a way to dynamically insert objects into an array from an ajax json request, in order to iterate through them later on?

One Versatile Ajax Function for Accessing Various PHP Pages

Insufficient Resources Error (net::ERR_INSUFFICIENT_RESOURCES) encountered while executing jQuery script with multiple ajax requests for 2 minutes

Formatting issue with chords and lyrics

Updating state within a loop of properties in a React ComponentDidUpdate function

Insert new data while appending to the existing array

Array elements for Firebase authentication rules