Merge pull request #2 from gual/user-laser-opt

Added option to use as pointer

README.md

@@ -46,7 +46,13 @@ Reveal.initialize({
 			presentingCursor: "none", 
 
 			// true: cursor is always "none" except when spotlight is on. 
-			presentingCursorOnlyVisibleWhenSpotlightVisible: true
+			presentingCursorOnlyVisibleWhenSpotlightVisible: true,
+
+			// enable pointer mode
+			useAsPointer: true,
+
+			// pointer color (If pointer mode enabled)
+			pointerColor
 	},
 	keyboard: {	
 			// alternative to toggleSpotlightOnMouseDown: 
@@ -86,6 +92,15 @@ When you are in presentation mode the cursor is always "none" except when spotli
 `false`:
 Configuration item `presentingCursor` is always used as cursor value, when you are in presentation mode.
 
+#### useAsPointer
+Default: false
+
+Enables a mode where the screen is not dimmed and you can use the mouse as a pointer.
+
+#### pointerColor
+Default: `red`
+
+Defines the pointer color if configuration item `useAsPointer` is true.
 
 ### Methods
 

spotlight.js

@@ -5,6 +5,8 @@ var RevealSpotlight = window.RevealSpotlight || (function(){
 	var toggleOnMouseDown; 
 	var presentingCursor;
 	var presentingCursorOnlyVisibleWhenSpotlightVisible;
+	var useAsPointer;
+	var pointerColor;
 
 	var drawBoard;
 	var isSpotlightOn = true;
@@ -30,6 +32,8 @@ var RevealSpotlight = window.RevealSpotlight || (function(){
 		var config = Reveal.getConfig().spotlight || {};
 		spotlightSize = config.size || 60; 
 		presentingCursor = config.presentingCursor || "none"; 
+		useAsPointer = config.useAsPointer || false;
+		pointerColor = config.pointerColor || 'red';
 
 		if(config.hasOwnProperty("toggleSpotlightOnMouseDown")){
 			toggleOnMouseDown = config.toggleSpotlightOnMouseDown;
@@ -151,12 +155,20 @@ var RevealSpotlight = window.RevealSpotlight || (function(){
         maskCanvas.width = canvas.width;
         maskCanvas.height = canvas.height;
 
-        var maskCtx = maskCanvas.getContext('2d');
-        maskCtx.fillStyle = "#000000A8";
+				var maskCtx = maskCanvas.getContext('2d');
+
+				// If using as pointer draw a transparent background
+				var fillStyle = useAsPointer ? "rgba(0, 0, 0, 0)" : "#000000A8"
+
+				maskCtx.fillStyle = fillStyle;
         maskCtx.fillRect(0, 0, maskCanvas.width, maskCanvas.height);
         maskCtx.globalCompositeOperation = 'xor';
 
-        maskCtx.fillStyle = "#FFFFFFFF";
+
+				// If using as pointer draw specified color or default
+				var mouseFillStyle = useAsPointer ? pointerColor : "#FFFFFFFF"
+
+				maskCtx.fillStyle = mouseFillStyle;
         maskCtx.arc(mousePos.x, mousePos.y, spotlightSize, 0, 2 * Math.PI);
         maskCtx.fill();