Binding mouseDragged to function

BSiemens · November 15, 2019, 8:14pm

I’m binding mouse events to functions and they all work fine apart from:

cnv.mouseDragged(mDragged);

Anyone have any idea why?

GoToLoop · November 15, 2019, 10:07pm

I dunno what you mean by binding!
Notice though that mouseDragged() doesn’t exist in p5.Element:
reference | p5.js
It’s a p5 callback only:
reference | p5.js

processing/p5.js/blob/0.10.2/src/events/mouse.js#L604-L628


      
          p5.prototype._onmousemove = function(e) {
            const context = this._isGlobal ? window : this;
            let executeDefault;
            this._updateNextMouseCoords(e);
            if (!this.mouseIsPressed) {
              if (typeof context.mouseMoved === 'function') {
                executeDefault = context.mouseMoved(e);
                if (executeDefault === false) {
                  e.preventDefault();
                }
              }
            } else {
              if (typeof context.mouseDragged === 'function') {
                executeDefault = context.mouseDragged(e);
                if (executeDefault === false) {
                  e.preventDefault();
                }
              } else if (typeof context.touchMoved === 'function') {
                executeDefault = context.touchMoved(e);
                if (executeDefault === false) {

This file has been truncated. show original

dan850 · November 15, 2019, 11:48pm

@BSiemens what do you mean by “Binding”? Do you have any sample code to demonstrate the issue?

GoToLoop · November 16, 2019, 12:28am

The sketch below emulates p5::mouseDragged() inside a p5.Element::mouseDragged() callback by checking p5::mouseIsPressed:

gist.github.com

https://gist.github.com/GoSubRoutine/a117ecb16a8b0f939a190f87d3a13267#file-sketch-js-L70-L79

.block

height: 400

index.html

<script async src=https://cdn.JsDelivr.net/npm/p5></script>
<script defer src=sketch.js></script>

sketch.js

/*****************************************************************
 * Rotating Cube (v1.0.5)
 * PeterCollingridge.AppSpot.com/3D-tutorial
 * Mod: GoToLoop (2017-Apr-19)
 *
 * Forum.Processing.org/two/discussion/22047/
 * draw-static-rect-filling-the-screen-infront-of-peasycam#Item_4
 *
 * Bl.ocks.org/GoSubRoutine/a117ecb16a8b0f939a190f87d3a13267
 * OpenProcessing.org/sketch/421281

This file has been truncated. show original

BSiemens · November 16, 2019, 1:55am

Literally this:

cnv=createCanvas(windowWidth, windowHeight);

//  Bind events to functions

*Changed:
     cnv.mouseDragged(mouseDragged);

*To:
     cnv.mouseDragged(dragged);

cnv.mouseMoved(moved);
cnv.mousePressed(pressed);
cnv.mouseClicked(clicked);
cnv.doubleClicked(dClicked);
cnv.mouseReleased(released);
cnv.mouseOut(out);
cnv.mouseOver(over);

They all work except for mouseDrag. I suspect the answer is below but I’ll investigate.

*Does the editor have strikeThrough capability?

BSiemens · November 16, 2019, 1:58am

Thanks. I actually know Peter.

jeremydouglass · November 17, 2019, 7:06pm

If you mean the forum post editor:

~~No it doesn’t…~~ Yes it does! It is Markdown, which passes through some HTML, meaning you can type <strike> and </strike> tags around any text you wish to strike.

GoToLoop · November 17, 2019, 9:18pm

[s]text[/s] is a much easier & faster typing shortcut for strike.
And [u]text[/u] for underline.

BSiemens · November 18, 2019, 1:18am

~~Cool~~ Thank you very much.

Topic		Replies	Views
Possible to restrict mouseDragged to canvas in instance mode? Coding Questions	5	157	November 7, 2022
Working with mouseDragged() and other mouse events inside a class Coding Questions	5	2510	August 22, 2018
Callback function arguments Beginners	2	274	June 17, 2022
mousePressed() callback function inside object Coding Questions	4	552	February 12, 2021
How could I have acces to DOM elements p5.js Beginners	4	812	June 22, 2021

Binding mouseDragged to function

Related topics