To check overlapping for sprite vs group or group vs group, you must first enable physics for the placed objects.
Code:
"use strict"; "use strict"; window.OverlapGroup.state.menu = { create: function() { //create all objects and enable mouse drag on the box this.grass = mt.create("grass"); this.box = mt.create("box_simple"); this.box.inputEnabled = true; this.box.input.enableDrag(); this.text = mt.create("Text"); }, update: function() { //set text to blank this.text.setText(''); //if the box overlaps any of the grass sprites, callback function sets different text this.game.physics.arcade.overlap(this.box, this.grass.self, function(box, grass) { this.text.setText('Yay!'); }, null, this); } };
Mouse drag the box over any of the grass sprites.
Full sample available here.
I just wanted to coemmnt and say that I really enjoyed reading your blog post here. It was very informative and I also digg the way you write! Keep it up and I’ll be back to read more in the future