diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..1ff0c42 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,63 @@ +############################################################################### +# Set default behavior to automatically normalize line endings. +############################################################################### +* text=auto + +############################################################################### +# Set default behavior for command prompt diff. +# +# This is need for earlier builds of msysgit that does not have it on by +# default for csharp files. +# Note: This is only used by command line +############################################################################### +#*.cs diff=csharp + +############################################################################### +# Set the merge driver for project and solution files +# +# Merging from the command prompt will add diff markers to the files if there +# are conflicts (Merging from VS is not affected by the settings below, in VS +# the diff markers are never inserted). Diff markers may cause the following +# file extensions to fail to load in VS. An alternative would be to treat +# these files as binary and thus will always conflict and require user +# intervention with every merge. To do so, just uncomment the entries below +############################################################################### +#*.sln merge=binary +#*.csproj merge=binary +#*.vbproj merge=binary +#*.vcxproj merge=binary +#*.vcproj merge=binary +#*.dbproj merge=binary +#*.fsproj merge=binary +#*.lsproj merge=binary +#*.wixproj merge=binary +#*.modelproj merge=binary +#*.sqlproj merge=binary +#*.wwaproj merge=binary + +############################################################################### +# behavior for image files +# +# image files are treated as binary by default. +############################################################################### +#*.jpg binary +#*.png binary +#*.gif binary + +############################################################################### +# diff behavior for common document formats +# +# Convert binary document formats to text before diffing them. This feature +# is only available from the command line. Turn it on by uncommenting the +# entries below. +############################################################################### +#*.doc diff=astextplain +#*.DOC diff=astextplain +#*.docx diff=astextplain +#*.DOCX diff=astextplain +#*.dot diff=astextplain +#*.DOT diff=astextplain +#*.pdf diff=astextplain +#*.PDF diff=astextplain +#*.rtf diff=astextplain +#*.RTF diff=astextplain diff --git a/README.md b/README.md index 64e4d42..f715ee3 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,3 @@ # Bridge.VirtualJoystick -A Bridge.Net definition library for https://github.com/viewar/virtualjoystick.js. + +A Bridge.Net definition library for https://github.com/viewar/virtualjoystick.js which was [started](https://github.com/jeromeetienne/virtualjoystick.js) by [Jerome Etienne](https://github.com/jeromeetienne). \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick.sln b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick.sln new file mode 100644 index 0000000..a9dce82 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick.sln @@ -0,0 +1,31 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio 15 +VisualStudioVersion = 15.0.27019.1 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Bridge.VirtualJoystick", "Bridge.VirtualJoystick\Bridge.VirtualJoystick.csproj", "{B476097A-B3F4-49E0-AB36-A7BD7F2C59D7}" +EndProject +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Example", "Example\Example.csproj", "{50438438-512E-4BA8-B465-9645136E262E}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {B476097A-B3F4-49E0-AB36-A7BD7F2C59D7}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {B476097A-B3F4-49E0-AB36-A7BD7F2C59D7}.Debug|Any CPU.Build.0 = Debug|Any CPU + {B476097A-B3F4-49E0-AB36-A7BD7F2C59D7}.Release|Any CPU.ActiveCfg = Release|Any CPU + {B476097A-B3F4-49E0-AB36-A7BD7F2C59D7}.Release|Any CPU.Build.0 = Release|Any CPU + {50438438-512E-4BA8-B465-9645136E262E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {50438438-512E-4BA8-B465-9645136E262E}.Debug|Any CPU.Build.0 = Debug|Any CPU + {50438438-512E-4BA8-B465-9645136E262E}.Release|Any CPU.ActiveCfg = Release|Any CPU + {50438438-512E-4BA8-B465-9645136E262E}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {D141EDAE-6AFC-4559-B423-C2CFB59E72FE} + EndGlobalSection +EndGlobal diff --git a/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Bridge.VirtualJoystick.csproj b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Bridge.VirtualJoystick.csproj new file mode 100644 index 0000000..8bce214 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Bridge.VirtualJoystick.csproj @@ -0,0 +1,67 @@ + + + + + true + + + + + Debug + AnyCPU + 2.0 + {B476097A-B3F4-49E0-AB36-A7BD7F2C59D7} + Library + Properties + Bridge.VirtualJoystick + Bridge.VirtualJoystick + v4.6.1 + 512 + + + true + full + false + bin\Debug\ + DEBUG;TRACE + prompt + 4 + + + pdbonly + true + bin\Release\ + TRACE + prompt + 4 + + + + + + + + + + + + + + ..\packages\Bridge.Core.16.5.0\lib\net40\Bridge.dll + + + ..\packages\Bridge.Html5.16.5.0\lib\net40\Bridge.Html5.dll + + + ..\packages\Bridge.Newtonsoft.Json.1.3.0\lib\net40\Newtonsoft.Json.dll + + + + + + + This project references NuGet package(s) that are missing on this computer. Use NuGet Package Restore to download them. For more information, see http://go.microsoft.com/fwlink/?LinkID=322105. The missing file is {0}. + + + + \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Bridge.VirtualJoystick.nuspec b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Bridge.VirtualJoystick.nuspec new file mode 100644 index 0000000..b2e1370 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Bridge.VirtualJoystick.nuspec @@ -0,0 +1,15 @@ + + + + $id$ + 1.0.0 + A Virtual Joystick Bridge.Net definition library. + Ethan Lemke + Ethan Lemke + https://github.com/lemke-ethan/Bridge.VirtualJoystick/blob/master/LICENSE + https://github.com/lemke-ethan/Bridge.VirtualJoystick + true + A Bridge.Net definition library for viewar's fork of Jerome Etienne's Virtual Joystick(https://github.com/jeromeetienne/virtualjoystick.js). + Bridge.Net C# VitualJoystick Bridge JavaScript + + \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Models/VirtualJoystickOptionsModel.cs b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Models/VirtualJoystickOptionsModel.cs new file mode 100644 index 0000000..f5bccc6 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Models/VirtualJoystickOptionsModel.cs @@ -0,0 +1,127 @@ +using Bridge.Html5; +using System; + +namespace Bridge.VirtualJoystick.Models +{ + /// + /// Virtual Joystick options. + /// + /// + /// All are optional. + /// + [External] + [ObjectLiteral] + [Namespace(false)] + [Convention(Target = ConventionTarget.Member, Notation = Notation.LowerCamelCase)] + public class VirtualJoystickOptionsModel + { + #region Public Properties + + /// + /// Function that checks if the coordinate is valid. + /// + /// + /// Defaults to a function that returns true. + /// + public Func CheckValid { get; set; } + + /// + /// The DOM element on which we display the joystick. + /// + /// + /// Defaults to the . + /// + public HTMLElement Container { get; set; } + + /// + /// The stroke style of the joystick. + /// + /// + /// Defaults to the color cyan. + /// + public Union StrokeStyle { get; set; } + + /// + /// Hides the joystick base. + /// + /// + /// Defaults to false. + /// + public bool StickBaseHidden { get; set; } + + /// + /// The radius of the joystick stick. + /// + /// + /// Defaults to 40. + /// + public int StickDisplayRadius { get; set; } + + /// + /// The radius of the joystick base. + /// + /// + /// Defaults to 60. + /// + public int StickBaseDisplayRadius { get; set; } + + /// + /// The element to use for the joystick stick. + /// + /// + /// Defaults to an . + /// + public HTMLElement StickElement { get; set; } + + /// + /// The element to use for the joystick base. + /// + /// + /// Defaults to an . + /// + public HTMLElement BaseElement { get; set; } + + /// + /// Indicates if the joystick base should be stationary. + /// + /// + /// Defaults to false. + /// + public bool StationaryBase { get; set; } + + /// + /// The joystick base X coordinate. + /// + /// + /// Defaults to 0. + /// + public int BaseX { get; set; } + + /// + /// The joystick base Y coordinate. + /// + /// + /// Defaults to 0. + /// + public int BaseY { get; set; } + + /// + /// Limit the joystick's travel. + /// + /// + /// Defaults to false. + /// + public bool LimitStickTravel { get; set; } + + /// + /// The max distance the joystick stick can travel from the center of the joystick. + /// This is used by . + /// + /// + /// Defaults to 100. + /// + public int StickRadius { get; set; } + + #endregion + } +} diff --git a/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Properties/AssemblyInfo.cs b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Properties/AssemblyInfo.cs new file mode 100644 index 0000000..fb62663 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/Properties/AssemblyInfo.cs @@ -0,0 +1,31 @@ +using System.Reflection; +using System.Runtime.InteropServices; + +// General Information about an assembly is controlled through the following +// set of attributes. Change these attribute values to modify the information +// associated with an assembly. +[assembly: AssemblyTitle("Bridge.VirtualJoystick")] +[assembly: AssemblyDescription("A Bridge.Net definition library for Jerome Etienne's Virtual Joystick.")] +[assembly: AssemblyProduct("Bridge.VirtualJoystick")] +[assembly: AssemblyCopyright("Copyright © 2017")] + +// Setting ComVisible to false makes the types in this assembly not visible +// to COM components. If you need to access a type in this assembly from +// COM, set the ComVisible attribute to true on that type. +[assembly: ComVisible(false)] + +// The following GUID is for the ID of the typelib if this project is exposed to COM +[assembly: Guid("b476097a-b3f4-49e0-ab36-a7bd7f2c59d7")] + +// Version information for an assembly consists of the following four values: +// +// Major Version +// Minor Version +// Build Number +// Revision +// +// You can specify all the values or you can default the Build and Revision Numbers +// by using the '*' as shown below: +// [assembly: AssemblyVersion("1.0.*")] +[assembly: AssemblyVersion("1.0.0.0")] +[assembly: AssemblyFileVersion("1.0.0.0")] \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/VirtualJoystick.cs b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/VirtualJoystick.cs new file mode 100644 index 0000000..3bf7333 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/VirtualJoystick.cs @@ -0,0 +1,157 @@ +using Bridge.VirtualJoystick.Models; +using System; + +namespace Bridge.VirtualJoystick +{ + /// + /// The virtual joystick. + /// + [External] + [Namespace("window")] + [Convention(Target = ConventionTarget.All, Notation = Notation.LowerCamelCase)] + public class VirtualJoystick + { + #region Constructor + + /// + /// Create a new joystick. + /// + /// The joystick options. + [Template("new window.virtualJoystick.default({options})")] + public VirtualJoystick(VirtualJoystickOptionsModel options = null) {} + + #endregion + + #region Public Methods + + /// + /// Listen on the given event with the given listener. + /// + /// The name of the event. + /// The event listener. + /// The joystick. + public VirtualJoystick AddEventListener(string eventName, Delegate eventListener) + { + return default(VirtualJoystick); + } + + /// + /// Gets the delta X coordinate of the joystick. + /// + /// The delta X coordinate. + public int DeltaX() + { + return default(int); + } + + /// + /// Gets the delta Y coordinate of the joystick. + /// + /// The delta Y coordinate. + public int DeltaY() + { + return default(int); + } + + /// + /// Clean up the joystick. + /// + public void Destroy() {} + + /// + /// Emits the specified event. + /// + /// The name of the event. + /// The event's arguments. + /// + public VirtualJoystick Emit(string eventName, params object[] arguments) + { + return default(VirtualJoystick); + } + + /// + /// Check if the joystick has any event listeners. + /// + /// The name of the event. + /// true if the event has listeners, otherwise false. + public bool HasListeners(string eventName) + { + return default(bool); + } + + /// + /// Get the array of event listeners for the event. + /// + /// The name of the event. + /// The array of registered event listeners. + public Delegate[] Listeners(string eventName) + { + return default(Delegate[]); + } + + /// + /// Removes all of the event listeners for all of the events. + /// + /// The joystick. + public VirtualJoystick Off() + { + return default(VirtualJoystick); + } + + /// + /// Add a listener to the specified event. + /// + /// The name of the event. + /// The event listener. + /// The joystick. + public VirtualJoystick On(string eventName, Delegate eventListener) + { + return default(VirtualJoystick); + } + + /// + /// Adds an event listener that will be invoked a single + /// time then automatically removed. + /// + /// The name of the event. + /// The event listener. + /// The joystick. + public VirtualJoystick Once(string eventName, Delegate eventListener) + { + return default(VirtualJoystick); + } + + /// + /// Removes all of the event listeners of the specified event. + /// + /// The name of the event. + /// The joystick. + public VirtualJoystick RemoveAllListeners(string eventName) + { + return default(VirtualJoystick); + } + + /// + /// Removes the specified event listener from the event. + /// + /// The name of the event. + /// The event listener. + /// The joystick. + public VirtualJoystick RemoveEventListener(string eventName, Delegate eventListener) + { + return default(VirtualJoystick); + } + + /// + /// Removes the specified event listener from all events. + /// + /// The event listener. + /// The joystick. + public VirtualJoystick RemoveListener(Delegate eventListener) + { + return default(VirtualJoystick); + } + + #endregion + } +} diff --git a/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/bridge.json b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/bridge.json new file mode 100644 index 0000000..5c53ca0 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/bridge.json @@ -0,0 +1,31 @@ +{ + // The folder to output JavaScript (.js) files. + "output": "$(OutDir)/bridge/", + + // Set to true to disable Reflection metadata generation. + // Default is false. + "reflection": { + "disabled": true + }, + + // Delete everything from the output folder + // Default is false. + "cleanOutputFolderBeforeBuild": true, + + // Automatically generate a index.html file and add the file to the output directory. + // Default is false. + "html": { + "disabled": true + }, + + // Rules to manage generated JavaScript syntax. + // Default is "Managed". + "rules": { + "anonymousType": "Plain", + "arrayIndex": "Managed", + "autoProperty": "Plain", + "boxing": "Managed", + "integer": "Managed", + "lambda": "Plain" + } +} \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/packages.config b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/packages.config new file mode 100644 index 0000000..52f64e3 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Bridge.VirtualJoystick/packages.config @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Example/App.cs b/src/Bridge.VirtualJoystick/Example/App.cs new file mode 100644 index 0000000..174451a --- /dev/null +++ b/src/Bridge.VirtualJoystick/Example/App.cs @@ -0,0 +1,82 @@ +using Bridge.VirtualJoystick; +using Bridge.VirtualJoystick.Models; +using System; + +namespace Example +{ + /// + /// The example application + /// + public class App + { + #region Public Static Methods + + /// + /// The entry point of the application + /// + public static void Main() + { + // Create a new joystick with some options + var joystick = new VirtualJoystick( + new VirtualJoystickOptionsModel { + StickBaseDisplayRadius = 20, + StickDisplayRadius = 10, + LimitStickTravel = false, + StickRadius = 30 + }); + + // Setup event name + var moveEventName = "move"; + + // Add an event listener to the move event + var movementHandler = new Action((x, y) => + { + Console.WriteLine($"({x}, {y}), delta ({joystick.DeltaX()}, {joystick.DeltaY()})"); + }); + joystick.AddEventListener( + moveEventName, + movementHandler); + + // Check if the move event has any event listeners + if (joystick.HasListeners(moveEventName)) + Console.WriteLine("Move has event listeners. HasListeners check."); + + // Emit a move event + joystick.Emit(moveEventName, 1, 1); + + // Check if the move event has some event listeners + if (joystick.Listeners(moveEventName).Length > 0) + Console.WriteLine("Move has event listeners. Listeners.Length check."); + + // Give the user 5 seconds to play with the joystick + Bridge.Html5.Window.SetTimeout( + () => + { + // Remove the move event listener + joystick.RemoveEventListener(moveEventName, movementHandler); + Console.WriteLine("Removed the move event listener."); + + // Give the user 5 seconds to play with the joystick + Bridge.Html5.Window.SetTimeout( + () => + { + // Turn off all events + joystick.Off(); + Console.WriteLine("Removed all event listeners."); + + // Check if the move event has any event listeners + if (!joystick.HasListeners(moveEventName)) + Console.WriteLine("Move event does not have any listeners."); + + // Destroy the joystick + joystick.Destroy(); + Console.WriteLine("No more joystick..."); + }, + 5000); + }, + 5000); + } + + #endregion + } +} \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Example/Example.csproj b/src/Bridge.VirtualJoystick/Example/Example.csproj new file mode 100644 index 0000000..ca37f73 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Example/Example.csproj @@ -0,0 +1,75 @@ + + + + + true + + + + + Debug + AnyCPU + 2.0 + {50438438-512E-4BA8-B465-9645136E262E} + Library + Properties + Example + Example + v4.6.1 + 512 + + + true + full + false + bin\Debug\ + DEBUG;TRACE + prompt + 4 + + + pdbonly + true + bin\Release\ + TRACE + prompt + 4 + + + + + + + + + + + + ..\packages\Bridge.Core.16.5.0\lib\net40\Bridge.dll + + + ..\packages\Bridge.Html5.16.5.0\lib\net40\Bridge.Html5.dll + + + ..\packages\Bridge.Newtonsoft.Json.1.3.0\lib\net40\Newtonsoft.Json.dll + + + + + {b476097a-b3f4-49e0-ab36-a7bd7f2c59d7} + Bridge.VirtualJoystick + + + + + + + + + + + This project references NuGet package(s) that are missing on this computer. Use NuGet Package Restore to download them. For more information, see http://go.microsoft.com/fwlink/?LinkID=322105. The missing file is {0}. + + + + \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Example/Properties/AssemblyInfo.cs b/src/Bridge.VirtualJoystick/Example/Properties/AssemblyInfo.cs new file mode 100644 index 0000000..b935b3d --- /dev/null +++ b/src/Bridge.VirtualJoystick/Example/Properties/AssemblyInfo.cs @@ -0,0 +1,31 @@ +using System.Reflection; +using System.Runtime.InteropServices; + +// General Information about an assembly is controlled through the following +// set of attributes. Change these attribute values to modify the information +// associated with an assembly. +[assembly: AssemblyTitle("Example")] +[assembly: AssemblyDescription("An example of how to use Bridge.VirtualJoystick.")] +[assembly: AssemblyProduct("Example")] +[assembly: AssemblyCopyright("Copyright © 2017")] + +// Setting ComVisible to false makes the types in this assembly not visible +// to COM components. If you need to access a type in this assembly from +// COM, set the ComVisible attribute to true on that type. +[assembly: ComVisible(false)] + +// The following GUID is for the ID of the typelib if this project is exposed to COM +[assembly: Guid("50438438-512e-4ba8-b465-9645136e262e")] + +// Version information for an assembly consists of the following four values: +// +// Major Version +// Minor Version +// Build Number +// Revision +// +// You can specify all the values or you can default the Build and Revision Numbers +// by using the '*' as shown below: +// [assembly: AssemblyVersion("1.0.*")] +[assembly: AssemblyVersion("1.0.0.0")] +[assembly: AssemblyFileVersion("1.0.0.0")] \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Example/bridge.json b/src/Bridge.VirtualJoystick/Example/bridge.json new file mode 100644 index 0000000..f8c0779 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Example/bridge.json @@ -0,0 +1,37 @@ +{ + // The folder to output JavaScript (.js) files. + "output": "$(OutDir)/bridge/", + + // Enable browser debugging of C# files. + // Default is false. + "sourceMap": { + "enabled": true + }, + + // Set to true to disable Reflection metadata generation. + // Default is false. + "reflection": { + "disabled": false + }, + + // Delete everything from the output folder + // Default is false. + "cleanOutputFolderBeforeBuild": true, + + // Rules to manage generated JavaScript syntax. + // Default is "Managed". + "rules": { + "anonymousType": "Plain", + "arrayIndex": "Managed", + "autoProperty": "Plain", + "boxing": "Managed", + "integer": "Managed", + "lambda": "Plain" + }, + + // Automatically generate a index.html file and add the file to the output directory. + // Default is false. + "html": { + "disabled": true + } +} \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Example/example.html b/src/Bridge.VirtualJoystick/Example/example.html new file mode 100644 index 0000000..6cf9e08 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Example/example.html @@ -0,0 +1,21 @@ + + + + + + Bridge.Net Virtual Joystick Example + + + + + +
+

Testing the Virtual Joystick library...

+
+ + + + + + + \ No newline at end of file diff --git a/src/Bridge.VirtualJoystick/Example/index.js b/src/Bridge.VirtualJoystick/Example/index.js new file mode 100644 index 0000000..9636158 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Example/index.js @@ -0,0 +1,1049 @@ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(); + else if(typeof define === 'function' && define.amd) + define([], factory); + else if(typeof exports === 'object') + exports["virtualJoystick"] = factory(); + else + root["virtualJoystick"] = factory(); +})(this, function() { + return /******/ (function(modules) { // webpackBootstrap + /******/ // The module cache + /******/ var installedModules = {}; + + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + + /******/ // Check if module is in cache + /******/ if(installedModules[moduleId]) + /******/ return installedModules[moduleId].exports; + + /******/ // Create a new module (and put it into the cache) + /******/ var module = installedModules[moduleId] = { + /******/ exports: {}, + /******/ id: moduleId, + /******/ loaded: false + /******/ }; + + /******/ // Execute the module function + /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); + + /******/ // Flag the module as loaded + /******/ module.loaded = true; + + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ } + + + /******/ // expose the modules object (__webpack_modules__) + /******/ __webpack_require__.m = modules; + + /******/ // expose the module cache + /******/ __webpack_require__.c = installedModules; + + /******/ // __webpack_public_path__ + /******/ __webpack_require__.p = ""; + + /******/ // Load entry module and return exports + /******/ return __webpack_require__(0); + /******/ }) + /************************************************************************/ + /******/ ([ + /* 0 */ + /***/ function(module, exports, __webpack_require__) { + + /* vim: set shiftwidth=2 tabstop=2 noexpandtab textwidth=80 wrap : */ + "use strict"; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + + var _translateComponent = __webpack_require__(1); + + var _translateComponent2 = _interopRequireDefault(_translateComponent); + + var _componentEvents = __webpack_require__(4); + + var _componentEvents2 = _interopRequireDefault(_componentEvents); + + var _componentEmitter = __webpack_require__(10); + + var _componentEmitter2 = _interopRequireDefault(_componentEmitter); + + var _autoscaleCanvas = __webpack_require__(11); + + var _autoscaleCanvas2 = _interopRequireDefault(_autoscaleCanvas); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + exports.default = VirtualJoystick; + + + function VirtualJoystick(options) { + options = options || {}; + this._checkValid = options.checkValid || function () { + return true; + }; + this._container = options.container || document.body; + this._strokeStyle = options.strokeStyle || 'cyan'; + this._stickBaseHidden = options.stickBaseHidden !== undefined ? options.stickBaseHidden : false; + this._stickDisplayRadius = options.stickDisplayRadius !== undefined ? options.stickDisplayRadius : 40; + this._stickBaseDisplayRadius = options.stickBaseDisplayRadius !== undefined ? options.stickBaseDisplayRadius : 60; + this._stickEl = options.stickElement || this._buildJoystickStick(); + this._baseEl = options.baseElement || this._buildJoystickBase(); + this._stationaryBase = options.stationaryBase || false; + this._baseX = this._stickX = options.baseX || 0; + this._baseY = this._stickY = options.baseY || 0; + this._limitStickTravel = options.limitStickTravel || false; + this._stickRadius = options.stickRadius !== undefined ? options.stickRadius : 100; + + this._container.appendChild(this._baseEl); + this._baseEl.style.position = "absolute"; + this._baseEl.style.display = "none"; + this._container.appendChild(this._stickEl); + this._stickEl.style.position = "absolute"; + this._stickEl.style.display = "none"; + + this._pressed = false; + this._touchIdx = null; + + if (this._stationaryBase) { + this._baseEl.style.display = "block"; + this._baseEl.style.left = this._baseX - this._baseEl.width / 2 + "px"; + this._baseEl.style.top = this._baseY - this._baseEl.height / 2 + "px"; + } + + this._containerevents = (0, _componentEvents2.default)(this._container, this); + this._containerevents.bind('mousedown', '_onMouseDown'); + this._containerevents.bind('touchstart', '_onTouchStart'); + this._docevents = (0, _componentEvents2.default)(document.body, this); + this._docevents.bind('mousemove', '_onMouseMove'); + this._docevents.bind('mouseup', '_onMouseUp'); + this._docevents.bind('touchend', '_onTouchEnd'); + this._docevents.bind('touchmove', '_onTouchMove'); + this._docevents.bind('touchcancel', '_onTouchCancel'); + } + + (0, _componentEmitter2.default)(VirtualJoystick.prototype); + + VirtualJoystick.prototype.destroy = function () { + this._container.removeChild(this._baseEl); + this._container.removeChild(this._stickEl); + this._containerevents.unbind(); + this._docevents.unbind(); + }; + + VirtualJoystick.prototype.deltaX = function () { + return this._stickX - this._baseX; + }; + VirtualJoystick.prototype.deltaY = function () { + return this._stickY - this._baseY; + }; + + VirtualJoystick.prototype._onUp = function () { + this.emit('end'); + this._pressed = false; + this._stickEl.style.display = "none"; + + if (!this._stationaryBase) { + this._baseEl.style.display = "none"; + } + + this._baseX = this._baseY = 0; + this._stickX = this._stickY = 0; + }; + + VirtualJoystick.prototype._onDown = function (coords) { + var x = coords[0], + y = coords[1]; + if (!this._checkValid(x, y)) return; + + this.emit('start', x, y); + this._pressed = true; + if (!this._stationaryBase) { + this._baseX = x; + this._baseY = y; + this._baseEl.style.display = "block"; + (0, _translateComponent2.default)(this._baseEl, this._baseX - this._baseEl.width / 2, this._baseY - this._baseEl.height / 2); + } + + this._stickX = x; + this._stickY = y; + + if (this._limitStickTravel) { + var deltaX = this.deltaX(); + var deltaY = this.deltaY(); + var stickDistance = Math.sqrt(deltaX * deltaX + deltaY * deltaY); + if (stickDistance > this._stickRadius) { + var stickNormalizedX = deltaX / stickDistance; + var stickNormalizedY = deltaY / stickDistance; + + this._stickX = stickNormalizedX * this._stickRadius + this._baseX; + this._stickY = stickNormalizedY * this._stickRadius + this._baseY; + } + } + + this._stickEl.style.display = "block"; + (0, _translateComponent2.default)(this._stickEl, this._stickX - this._stickEl.width / 2, this._stickY - this._stickEl.height / 2); + }; + + VirtualJoystick.prototype._onMove = function (coords) { + if (!this._pressed) return; + + var x = coords[0], + y = coords[1]; + this.emit('move', x, y); + this._stickX = x; + this._stickY = y; + + if (this._limitStickTravel) { + var deltaX = this.deltaX(); + var deltaY = this.deltaY(); + var stickDistance = Math.sqrt(deltaX * deltaX + deltaY * deltaY); + if (stickDistance > this._stickRadius) { + var stickNormalizedX = deltaX / stickDistance; + var stickNormalizedY = deltaY / stickDistance; + + this._stickX = stickNormalizedX * this._stickRadius + this._baseX; + this._stickY = stickNormalizedY * this._stickRadius + this._baseY; + } + } + (0, _translateComponent2.default)(this._stickEl, this._stickX - this._stickEl.width / 2, this._stickY - this._stickEl.height / 2); + }; + + VirtualJoystick.prototype._onMouseUp = function (event) { + return this._onUp(); + }; + + VirtualJoystick.prototype._offset = function (ev) { + var coords = [ev.clientX, ev.clientY]; + var offset = this._container; + do { + coords[0] -= offset.offsetLeft; + coords[1] -= offset.offsetTop; + } while (offset = offset.offsetParent); + return coords; + }; + + VirtualJoystick.prototype._onMouseDown = function (event) { + event.preventDefault(); + return this._onDown(this._offset(event)); + }; + + VirtualJoystick.prototype._onMouseMove = function (event) { + return this._onMove(this._offset(event)); + }; + + VirtualJoystick.prototype._onTouchStart = function (event) { + // if there is already a touch inprogress do nothing + if (this._touchIdx !== null) return; + + event.preventDefault(); + // get the first who changed + var touch = event.changedTouches[0]; + // set the touchIdx of this joystick + this._touchIdx = touch.identifier; + + // forward the action + return this._onDown(this._offset(touch)); + }; + + VirtualJoystick.prototype._onTouchEnd = function (event) { + // if there is no touch in progress, do nothing + if (this._touchIdx === null) return; + + // try to find our touch event + var touchList = event.changedTouches; + for (var i = 0; i < touchList.length && touchList[i].identifier !== this._touchIdx; i++) {} + // if touch event isnt found, + if (i === touchList.length) return; + + // reset touchIdx - mark it as no-touch-in-progress + this._touchIdx = null; + + //?????? + // no preventDefault to get click event on ios + event.preventDefault(); + + return this._onUp(); + }; + + VirtualJoystick.prototype._onTouchMove = function (event) { + // if there is no touch in progress, do nothing + if (this._touchIdx === null) return; + + // try to find our touch event + var touchList = event.changedTouches; + for (var i = 0; i < touchList.length && touchList[i].identifier !== this._touchIdx; i++) {} + // if touch event with the proper identifier isnt found, do nothing + if (i === touchList.length) return; + var touch = touchList[i]; + + event.preventDefault(); + + return this._onMove(this._offset(touch)); + }; + + VirtualJoystick.prototype._onTouchCancel = function (event) { + this._touchIdx = null; + }; + + function circle(ctx, style, width, x, y, r) { + ctx.beginPath(); + ctx.strokeStyle = style; + ctx.lineWidth = width; + ctx.arc(x, y, r, 0, Math.PI * 2, true); + ctx.stroke(); + } + + VirtualJoystick.prototype._buildJoystickBase = function () { + var canvas = document.createElement('canvas'); + canvas.width = canvas.height = 126; + //autoscale(canvas); + + if (!this._stickBaseHidden) { + var ctx = canvas.getContext('2d'); + + circle(ctx, this._strokeStyle, 6, 63, 63, this._stickDisplayRadius); + circle(ctx, this._strokeStyle, 2, 63, 63, this._stickBaseDisplayRadius); + } + + return canvas; + }; + + VirtualJoystick.prototype._buildJoystickStick = function () { + var canvas = document.createElement('canvas'); + canvas.width = canvas.height = 86; + //autoscale(canvas); + var ctx = canvas.getContext('2d'); + + circle(ctx, this._strokeStyle, 6, 43, 43, this._stickDisplayRadius); + + return canvas; + }; + + /***/ }, + /* 1 */ + /***/ function(module, exports, __webpack_require__) { + + + /** + * Module dependencies. + */ + + var transform = __webpack_require__(2); + var has3d = __webpack_require__(3); + + + /** + * Regexp to check "End with %" + */ + + var percentRegexp = /%$/; + + + /** + * Expose `translate`. + */ + + module.exports = translate; + + + /** + * Translate `el` by `(x, y)`. + * + * @param {Element} el + * @param {Number|String} x + * @param {Number|String} y + * @api public + */ + + + function translate(el, x, y){ + + if (!percentRegexp.test(x)) x += 'px'; + if (!percentRegexp.test(y)) y += 'px'; + + if (transform) { + if (has3d) { + el.style[transform] = 'translate3d(' + x + ', ' + y + ', 0)'; + } else { + el.style[transform] = 'translate(' + x + ',' + y + ')'; + } + } else { + el.style.left = x; + el.style.top = y; + } + }; + + + /***/ }, + /* 2 */ + /***/ function(module, exports) { + + + var styles = [ + 'webkitTransform', + 'MozTransform', + 'msTransform', + 'OTransform', + 'transform' + ]; + + var el = document.createElement('p'); + var style; + + for (var i = 0; i < styles.length; i++) { + style = styles[i]; + if (null != el.style[style]) { + module.exports = style; + break; + } + } + + + /***/ }, + /* 3 */ + /***/ function(module, exports, __webpack_require__) { + + + var prop = __webpack_require__(2); + + // IE <=8 doesn't have `getComputedStyle` + if (!prop || !window.getComputedStyle) { + module.exports = false; + + } else { + var map = { + webkitTransform: '-webkit-transform', + OTransform: '-o-transform', + msTransform: '-ms-transform', + MozTransform: '-moz-transform', + transform: 'transform' + }; + + // from: https://gist.github.com/lorenzopolidori/3794226 + var el = document.createElement('div'); + el.style[prop] = 'translate3d(1px,1px,1px)'; + document.body.insertBefore(el, null); + var val = getComputedStyle(el).getPropertyValue(map[prop]); + document.body.removeChild(el); + module.exports = null != val && val.length && 'none' != val; + } + + + /***/ }, + /* 4 */ + /***/ function(module, exports, __webpack_require__) { + + + /** + * Module dependencies. + */ + + try { + var events = __webpack_require__(5); + } catch(err) { + var events = __webpack_require__(5); + } + + try { + var delegate = __webpack_require__(6); + } catch(err) { + var delegate = __webpack_require__(6); + } + + /** + * Expose `Events`. + */ + + module.exports = Events; + + /** + * Initialize an `Events` with the given + * `el` object which events will be bound to, + * and the `obj` which will receive method calls. + * + * @param {Object} el + * @param {Object} obj + * @api public + */ + + function Events(el, obj) { + if (!(this instanceof Events)) return new Events(el, obj); + if (!el) throw new Error('element required'); + if (!obj) throw new Error('object required'); + this.el = el; + this.obj = obj; + this._events = {}; + } + + /** + * Subscription helper. + */ + + Events.prototype.sub = function(event, method, cb){ + this._events[event] = this._events[event] || {}; + this._events[event][method] = cb; + }; + + /** + * Bind to `event` with optional `method` name. + * When `method` is undefined it becomes `event` + * with the "on" prefix. + * + * Examples: + * + * Direct event handling: + * + * events.bind('click') // implies "onclick" + * events.bind('click', 'remove') + * events.bind('click', 'sort', 'asc') + * + * Delegated event handling: + * + * events.bind('click li > a') + * events.bind('click li > a', 'remove') + * events.bind('click a.sort-ascending', 'sort', 'asc') + * events.bind('click a.sort-descending', 'sort', 'desc') + * + * @param {String} event + * @param {String|function} [method] + * @return {Function} callback + * @api public + */ + + Events.prototype.bind = function(event, method){ + var e = parse(event); + var el = this.el; + var obj = this.obj; + var name = e.name; + var method = method || 'on' + name; + var args = [].slice.call(arguments, 2); + + // callback + function cb(){ + var a = [].slice.call(arguments).concat(args); + obj[method].apply(obj, a); + } + + // bind + if (e.selector) { + cb = delegate.bind(el, e.selector, name, cb); + } else { + events.bind(el, name, cb); + } + + // subscription for unbinding + this.sub(name, method, cb); + + return cb; + }; + + /** + * Unbind a single binding, all bindings for `event`, + * or all bindings within the manager. + * + * Examples: + * + * Unbind direct handlers: + * + * events.unbind('click', 'remove') + * events.unbind('click') + * events.unbind() + * + * Unbind delegate handlers: + * + * events.unbind('click', 'remove') + * events.unbind('click') + * events.unbind() + * + * @param {String|Function} [event] + * @param {String|Function} [method] + * @api public + */ + + Events.prototype.unbind = function(event, method){ + if (0 == arguments.length) return this.unbindAll(); + if (1 == arguments.length) return this.unbindAllOf(event); + + // no bindings for this event + var bindings = this._events[event]; + if (!bindings) return; + + // no bindings for this method + var cb = bindings[method]; + if (!cb) return; + + events.unbind(this.el, event, cb); + }; + + /** + * Unbind all events. + * + * @api private + */ + + Events.prototype.unbindAll = function(){ + for (var event in this._events) { + this.unbindAllOf(event); + } + }; + + /** + * Unbind all events for `event`. + * + * @param {String} event + * @api private + */ + + Events.prototype.unbindAllOf = function(event){ + var bindings = this._events[event]; + if (!bindings) return; + + for (var method in bindings) { + this.unbind(event, method); + } + }; + + /** + * Parse `event`. + * + * @param {String} event + * @return {Object} + * @api private + */ + + function parse(event) { + var parts = event.split(/ +/); + return { + name: parts.shift(), + selector: parts.join(' ') + } + } + + + /***/ }, + /* 5 */ + /***/ function(module, exports) { + + var bind = window.addEventListener ? 'addEventListener' : 'attachEvent', + unbind = window.removeEventListener ? 'removeEventListener' : 'detachEvent', + prefix = bind !== 'addEventListener' ? 'on' : ''; + + /** + * Bind `el` event `type` to `fn`. + * + * @param {Element} el + * @param {String} type + * @param {Function} fn + * @param {Boolean} capture + * @return {Function} + * @api public + */ + + exports.bind = function(el, type, fn, capture){ + el[bind](prefix + type, fn, capture || false); + return fn; + }; + + /** + * Unbind `el` event `type`'s callback `fn`. + * + * @param {Element} el + * @param {String} type + * @param {Function} fn + * @param {Boolean} capture + * @return {Function} + * @api public + */ + + exports.unbind = function(el, type, fn, capture){ + el[unbind](prefix + type, fn, capture || false); + return fn; + }; + + /***/ }, + /* 6 */ + /***/ function(module, exports, __webpack_require__) { + + /** + * Module dependencies. + */ + + try { + var closest = __webpack_require__(7); + } catch(err) { + var closest = __webpack_require__(7); + } + + try { + var event = __webpack_require__(5); + } catch(err) { + var event = __webpack_require__(5); + } + + /** + * Delegate event `type` to `selector` + * and invoke `fn(e)`. A callback function + * is returned which may be passed to `.unbind()`. + * + * @param {Element} el + * @param {String} selector + * @param {String} type + * @param {Function} fn + * @param {Boolean} capture + * @return {Function} + * @api public + */ + + exports.bind = function(el, selector, type, fn, capture){ + return event.bind(el, type, function(e){ + var target = e.target || e.srcElement; + e.delegateTarget = closest(target, selector, true, el); + if (e.delegateTarget) fn.call(el, e); + }, capture); + }; + + /** + * Unbind event `type`'s callback `fn`. + * + * @param {Element} el + * @param {String} type + * @param {Function} fn + * @param {Boolean} capture + * @api public + */ + + exports.unbind = function(el, type, fn, capture){ + event.unbind(el, type, fn, capture); + }; + + + /***/ }, + /* 7 */ + /***/ function(module, exports, __webpack_require__) { + + /** + * Module Dependencies + */ + + try { + var matches = __webpack_require__(8) + } catch (err) { + var matches = __webpack_require__(8) + } + + /** + * Export `closest` + */ + + module.exports = closest + + /** + * Closest + * + * @param {Element} el + * @param {String} selector + * @param {Element} scope (optional) + */ + + function closest (el, selector, scope) { + scope = scope || document.documentElement; + + // walk up the dom + while (el && el !== scope) { + if (matches(el, selector)) return el; + el = el.parentNode; + } + + // check scope for match + return matches(el, selector) ? el : null; + } + + + /***/ }, + /* 8 */ + /***/ function(module, exports, __webpack_require__) { + + /** + * Module dependencies. + */ + + try { + var query = __webpack_require__(9); + } catch (err) { + var query = __webpack_require__(9); + } + + /** + * Element prototype. + */ + + var proto = Element.prototype; + + /** + * Vendor function. + */ + + var vendor = proto.matches + || proto.webkitMatchesSelector + || proto.mozMatchesSelector + || proto.msMatchesSelector + || proto.oMatchesSelector; + + /** + * Expose `match()`. + */ + + module.exports = match; + + /** + * Match `el` to `selector`. + * + * @param {Element} el + * @param {String} selector + * @return {Boolean} + * @api public + */ + + function match(el, selector) { + if (!el || el.nodeType !== 1) return false; + if (vendor) return vendor.call(el, selector); + var nodes = query.all(selector, el.parentNode); + for (var i = 0; i < nodes.length; ++i) { + if (nodes[i] == el) return true; + } + return false; + } + + + /***/ }, + /* 9 */ + /***/ function(module, exports) { + + function one(selector, el) { + return el.querySelector(selector); + } + + exports = module.exports = function(selector, el){ + el = el || document; + return one(selector, el); + }; + + exports.all = function(selector, el){ + el = el || document; + return el.querySelectorAll(selector); + }; + + exports.engine = function(obj){ + if (!obj.one) throw new Error('.one callback required'); + if (!obj.all) throw new Error('.all callback required'); + one = obj.one; + exports.all = obj.all; + return exports; + }; + + + /***/ }, + /* 10 */ + /***/ function(module, exports, __webpack_require__) { + + + /** + * Expose `Emitter`. + */ + + if (true) { + module.exports = Emitter; + } + + /** + * Initialize a new `Emitter`. + * + * @api public + */ + + function Emitter(obj) { + if (obj) return mixin(obj); + }; + + /** + * Mixin the emitter properties. + * + * @param {Object} obj + * @return {Object} + * @api private + */ + + function mixin(obj) { + for (var key in Emitter.prototype) { + obj[key] = Emitter.prototype[key]; + } + return obj; + } + + /** + * Listen on the given `event` with `fn`. + * + * @param {String} event + * @param {Function} fn + * @return {Emitter} + * @api public + */ + + Emitter.prototype.on = + Emitter.prototype.addEventListener = function(event, fn){ + this._callbacks = this._callbacks || {}; + (this._callbacks['$' + event] = this._callbacks['$' + event] || []) + .push(fn); + return this; + }; + + /** + * Adds an `event` listener that will be invoked a single + * time then automatically removed. + * + * @param {String} event + * @param {Function} fn + * @return {Emitter} + * @api public + */ + + Emitter.prototype.once = function(event, fn){ + function on() { + this.off(event, on); + fn.apply(this, arguments); + } + + on.fn = fn; + this.on(event, on); + return this; + }; + + /** + * Remove the given callback for `event` or all + * registered callbacks. + * + * @param {String} event + * @param {Function} fn + * @return {Emitter} + * @api public + */ + + Emitter.prototype.off = + Emitter.prototype.removeListener = + Emitter.prototype.removeAllListeners = + Emitter.prototype.removeEventListener = function(event, fn){ + this._callbacks = this._callbacks || {}; + + // all + if (0 == arguments.length) { + this._callbacks = {}; + return this; + } + + // specific event + var callbacks = this._callbacks['$' + event]; + if (!callbacks) return this; + + // remove all handlers + if (1 == arguments.length) { + delete this._callbacks['$' + event]; + return this; + } + + // remove specific handler + var cb; + for (var i = 0; i < callbacks.length; i++) { + cb = callbacks[i]; + if (cb === fn || cb.fn === fn) { + callbacks.splice(i, 1); + break; + } + } + return this; + }; + + /** + * Emit `event` with the given args. + * + * @param {String} event + * @param {Mixed} ... + * @return {Emitter} + */ + + Emitter.prototype.emit = function(event){ + this._callbacks = this._callbacks || {}; + var args = [].slice.call(arguments, 1) + , callbacks = this._callbacks['$' + event]; + + if (callbacks) { + callbacks = callbacks.slice(0); + for (var i = 0, len = callbacks.length; i < len; ++i) { + callbacks[i].apply(this, args); + } + } + + return this; + }; + + /** + * Return array of callbacks for `event`. + * + * @param {String} event + * @return {Array} + * @api public + */ + + Emitter.prototype.listeners = function(event){ + this._callbacks = this._callbacks || {}; + return this._callbacks['$' + event] || []; + }; + + /** + * Check if this emitter has `event` handlers. + * + * @param {String} event + * @return {Boolean} + * @api public + */ + + Emitter.prototype.hasListeners = function(event){ + return !! this.listeners(event).length; + }; + + + /***/ }, + /* 11 */ + /***/ function(module, exports) { + + + /** + * Retina-enable the given `canvas`. + * + * @param {Canvas} canvas + * @return {Canvas} + * @api public + */ + + module.exports = function(canvas){ + var ctx = canvas.getContext('2d'); + var ratio = window.devicePixelRatio || 1; + if (1 != ratio) { + canvas.style.width = canvas.width + 'px'; + canvas.style.height = canvas.height + 'px'; + canvas.width *= ratio; + canvas.height *= ratio; + ctx.scale(ratio, ratio); + } + return canvas; + }; + + /***/ } + /******/ ]) +}); +; diff --git a/src/Bridge.VirtualJoystick/Example/packages.config b/src/Bridge.VirtualJoystick/Example/packages.config new file mode 100644 index 0000000..52f64e3 --- /dev/null +++ b/src/Bridge.VirtualJoystick/Example/packages.config @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file