Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

pointerdown not working on text

See original GitHub issue

The alert below never gets called, I have tried registering the pointer event using both the text object and its bounds.

<html>
<head>
	<title>MelonJS Text pointerdown not working</title>
	<script src="https://cdn.jsdelivr.net/npm/melonjs@7.1.1/dist/melonjs.js"></script>
	<script>
		let menu=me.Stage.extend({
			init:function(){
				this._super(me.Stage,'init');
			},
			onResetEvent:function(){
				this.text=new me.Text(me.game.viewport.getWidth()/2,me.game.viewport.getHeight()/2,{
					font:'sans-serif',
					size:72,
					text:'test',
					anchorPoint:new me.Vector2d(0.5,0.5),
					fillStyle:'#ffffff',
					strokeStyle:'#ffffff'
				});
				me.input.registerPointerEvent('pointerdown',this.text,function(){alert('pointerdown')});
				me.input.registerPointerEvent('pointerdown',this.text.getBounds(),function(){alert('pointerdown')});
				me.game.world.addChild(this.text);
			}
		});
		me.device.onReady(function(){
			me.video.init(document.body.clientWidth,document.body.clientHeight,{
				wrapper:'screen',
				scale:'auto',
				scaleMethod:'flex'
			});
			me.loader.preload([],function(){
				me.state.set(me.state.MENU,new menu());
				me.state.change(me.state.MENU);
			});
		});
	</script>
	<style>
		#screen{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
		}
	</style>
</head>
<body>
<div id="screen"></div>
</div>
</body>
</html>

Issue Analytics

State:
Created 3 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

customautosyscommented, May 5, 2020

Yup! Text click working. Thanks for attending to my queries!

0reactions

obiotcommented, May 5, 2020

sure, good idea ! so it’s working ?

by the way I’m still working on your example, I’m in the process of rewriting some of the canvas resizing related function of melonJS to be more robust, testing and using your example along to debug it 😃