clickとmousedownの違い

clickとmousedownの違い

イベント名	内容
mousedown	マウスダウンでイベント発生
mouseup	マウスアップでイベント発生
click	マウスダウンとマウスアップがあるとイベント発生

各イベントの違いがわからなかったので調べた。

例えばゲームなどで、マウスダウン中にゲージがたまり、離すと弾を発射という動作を考える。この場合はclickイベントだと、ゲージがたまるという動作を判定できない。だからmousedownとmouseupを使う必要がある。

ちなみにスマホだと動作が遅いので、タッチ操作専用のTouchstartなどのイベントを使用すると良い。

よくわからないインデントの問題

particleMaterial = new THREE.PaticleCanvasMaterial({
		color: 0x000000,
		program:function(context){
			context.beginPath();
			context.arc(0,0,1,0,PI2,true);
			context.fill();
		}
	});

この状態だとエラーが出てしまった。

TypeError: undefined is not a function

正しく書き直すと、

particleMaterial = new THREE.ParticleCanvasMaterial( {

		color: 0x000000,
			 program: function ( context ) {

				 context.beginPath();
				 context.arc( 0, 0, 1, 0, PI2, true );
				 context.fill();

			 }

	} );

全く違いが分からない。インデントの仕方に問題があるのかな。