Adapt the Mario to the structure of a CustomWebControl

Adapt the Mario to the structure of a CustomWebControl. Add the WebCC.min for the communication in WinCC Unified
WinCCUnifiedbyHecht · Feb 10, 2021 · 5858e41 · 5858e41
1 parent bf8e599
commit 5858e41
Show file tree

Hide file tree

Showing 121 changed files with 5,791 additions and 5,723 deletions.
diff --git a/Enjine/animatedSprite.js → ...71F21B4}/Control/Enjine/animatedSprite.js b/Enjine/animatedSprite.js → ...71F21B4}/Control/Enjine/animatedSprite.js
@@ -1,140 +1,140 @@
-/**
-    Class to represent an uninterrupted set of frames to animate.
-*/ 
-
-Enjine.AnimationSequence = function(startRow, startColumn, endRow, endColumn) {
-    this.StartRow = startRow;
-    this.StartColumn = startColumn;
-    this.EndRow = endRow;
-    this.EndColumn = endColumn;
-
-    //sometimes in an animated sprite, we want it to behave like a regular sprite (static)
-    //this variable will keep it from wasting time updating animation when the sequence
-    //is only a single frame long, for things like standing or pausing action
-    this.SingleFrame = false;
-
-    if ((this.StartRow == this.EndRow) && (this.StartColumn == this.EndColumn)) {
-        this.SingleFrame = true;
-    }
-};
-
-/**
-	Subclass that extends the regular sprite with animation capability.
-	Code by Rob Kleffner, 2011
-*/
-
-Enjine.AnimatedSprite = function() {
-    this.LastElapsed = 0;
-    this.FramesPerSecond = 1 / 20;
-    this.CurrentSequence = null;
-    this.Playing = false;
-    this.Looping = false;
-    this.Rows = 0;
-    this.Columns = 0;
-
-    //cheesy dictionary hack to make animation sequences more accessible
-    this.Sequences = new Object();
-};
-
-Enjine.AnimatedSprite.prototype = new Enjine.FrameSprite();
-
-Enjine.AnimatedSprite.prototype.Update = function(delta) {
-    if (this.CurrentSequence.SingleFrame) {
-        return;
-    }
-    if (!this.Playing) {
-        return;
-    }
-
-    this.LastElapsed -= delta;
-
-    if (this.LastElapsed > 0) {
-        return;
-    }
-
-    this.LastElapsed = this.FramesPerSecond;
-    this.FrameX += this.FrameWidth;
-
-    //increment the frame
-    if (this.FrameX > (this.Image.width - this.FrameWidth)) {
-        this.FrameX = 0;
-        this.FrameY += this.FrameHeight;
-
-        if (this.FrameY > (this.Image.height - this.FrameHeight)) {
-            this.FrameY = 0;
-        }
-    }
-
-    //check if it's at the end of the animation sequence
-    var seqEnd = false;
-    if ((this.FrameX > (this.CurrentSequence.EndColumn * this.FrameWidth)) && (this.FrameY == (this.CurrentSequence.EndRow * this.FrameHeight))) {
-        seqEnd = true;
-    } else if (this.FrameX == 0 && (this.FrameY > (this.CurrentSequence.EndRow * this.FrameHeight))) {
-        seqEnd = true;
-    }
-
-    //go back to the beginning if looping, otherwise stop playing
-    if (seqEnd) {
-        if (this.Looping) {
-            this.FrameX = this.CurrentSequence.StartColumn * this.FrameWidth;
-            this.FrameY = this.CurrentSequence.StartRow * this.FrameHeight;
-        } else {
-            this.Playing = false;
-        }
-    }
-};
-
-Enjine.AnimatedSprite.prototype.PlaySequence = function(seqName, loop) {
-    this.Playing = true;
-    this.Looping = loop;
-    this.CurrentSequence = this.Sequences["seq_" + seqName];
-    this.FrameX = this.CurrentSequence.StartColumn * this.FrameWidth;
-    this.FrameY = this.CurrentSequence.StartRow * this.FrameHeight;
-};
-
-Enjine.AnimatedSprite.prototype.StopLooping = function() {
-    this.Looping = false;
-};
-
-Enjine.AnimatedSprite.prototype.StopPlaying = function() {
-    this.Playing = false;
-};
-
-Enjine.AnimatedSprite.prototype.SetFrameWidth = function(width) {
-    this.FrameWidth = width;
-    this.Rows = this.Image.width / this.FrameWidth;
-};
-
-Enjine.AnimatedSprite.prototype.SetFrameHeight = function(height) {
-    this.FrameHeight = height;
-    this.Columns = this.Image.height / this.FrameHeight;
-};
-
-Enjine.AnimatedSprite.prototype.SetColumnCount = function(columnCount) {
-    this.FrameWidth = this.Image.width / columnCount;
-    this.Columns = columnCount;
-};
-
-Enjine.AnimatedSprite.prototype.SetRowCount = function(rowCount) {
-    this.FrameHeight = this.Image.height / rowCount;
-    this.Rows = rowCount;
-};
-
-Enjine.AnimatedSprite.prototype.AddExistingSequence = function(name, sequence) {
-    this.Sequences["seq_" + name] = sequence;
-};
-
-Enjine.AnimatedSprite.prototype.AddNewSequence = function(name, startRow, startColumn, endRow, endColumn) {
-    this.Sequences["seq_" + name] = new Enjine.AnimationSequence(startRow, startColumn, endRow, endColumn);
-};
-
-Enjine.AnimatedSprite.prototype.DeleteSequence = function(name) {
-    if (this.Sequences["seq_" + name]  != null) {
-        delete this.Sequences["seq_" + name];
-    }
-};
-
-Enjine.AnimatedSprite.prototype.ClearSequences = function() {
-    delete this.Sequences;
-    this.Sequences = new Object();
+/**
+    Class to represent an uninterrupted set of frames to animate.
+*/ 
+
+Enjine.AnimationSequence = function(startRow, startColumn, endRow, endColumn) {
+    this.StartRow = startRow;
+    this.StartColumn = startColumn;
+    this.EndRow = endRow;
+    this.EndColumn = endColumn;
+
+    //sometimes in an animated sprite, we want it to behave like a regular sprite (static)
+    //this variable will keep it from wasting time updating animation when the sequence
+    //is only a single frame long, for things like standing or pausing action
+    this.SingleFrame = false;
+
+    if ((this.StartRow == this.EndRow) && (this.StartColumn == this.EndColumn)) {
+        this.SingleFrame = true;
+    }
+};
+
+/**
+	Subclass that extends the regular sprite with animation capability.
+	Code by Rob Kleffner, 2011
+*/
+
+Enjine.AnimatedSprite = function() {
+    this.LastElapsed = 0;
+    this.FramesPerSecond = 1 / 20;
+    this.CurrentSequence = null;
+    this.Playing = false;
+    this.Looping = false;
+    this.Rows = 0;
+    this.Columns = 0;
+
+    //cheesy dictionary hack to make animation sequences more accessible
+    this.Sequences = new Object();
+};
+
+Enjine.AnimatedSprite.prototype = new Enjine.FrameSprite();
+
+Enjine.AnimatedSprite.prototype.Update = function(delta) {
+    if (this.CurrentSequence.SingleFrame) {
+        return;
+    }
+    if (!this.Playing) {
+        return;
+    }
+
+    this.LastElapsed -= delta;
+
+    if (this.LastElapsed > 0) {
+        return;
+    }
+
+    this.LastElapsed = this.FramesPerSecond;
+    this.FrameX += this.FrameWidth;
+
+    //increment the frame
+    if (this.FrameX > (this.Image.width - this.FrameWidth)) {
+        this.FrameX = 0;
+        this.FrameY += this.FrameHeight;
+
+        if (this.FrameY > (this.Image.height - this.FrameHeight)) {
+            this.FrameY = 0;
+        }
+    }
+
+    //check if it's at the end of the animation sequence
+    var seqEnd = false;
+    if ((this.FrameX > (this.CurrentSequence.EndColumn * this.FrameWidth)) && (this.FrameY == (this.CurrentSequence.EndRow * this.FrameHeight))) {
+        seqEnd = true;
+    } else if (this.FrameX == 0 && (this.FrameY > (this.CurrentSequence.EndRow * this.FrameHeight))) {
+        seqEnd = true;
+    }
+
+    //go back to the beginning if looping, otherwise stop playing
+    if (seqEnd) {
+        if (this.Looping) {
+            this.FrameX = this.CurrentSequence.StartColumn * this.FrameWidth;
+            this.FrameY = this.CurrentSequence.StartRow * this.FrameHeight;
+        } else {
+            this.Playing = false;
+        }
+    }
+};
+
+Enjine.AnimatedSprite.prototype.PlaySequence = function(seqName, loop) {
+    this.Playing = true;
+    this.Looping = loop;
+    this.CurrentSequence = this.Sequences["seq_" + seqName];
+    this.FrameX = this.CurrentSequence.StartColumn * this.FrameWidth;
+    this.FrameY = this.CurrentSequence.StartRow * this.FrameHeight;
+};
+
+Enjine.AnimatedSprite.prototype.StopLooping = function() {
+    this.Looping = false;
+};
+
+Enjine.AnimatedSprite.prototype.StopPlaying = function() {
+    this.Playing = false;
+};
+
+Enjine.AnimatedSprite.prototype.SetFrameWidth = function(width) {
+    this.FrameWidth = width;
+    this.Rows = this.Image.width / this.FrameWidth;
+};
+
+Enjine.AnimatedSprite.prototype.SetFrameHeight = function(height) {
+    this.FrameHeight = height;
+    this.Columns = this.Image.height / this.FrameHeight;
+};
+
+Enjine.AnimatedSprite.prototype.SetColumnCount = function(columnCount) {
+    this.FrameWidth = this.Image.width / columnCount;
+    this.Columns = columnCount;
+};
+
+Enjine.AnimatedSprite.prototype.SetRowCount = function(rowCount) {
+    this.FrameHeight = this.Image.height / rowCount;
+    this.Rows = rowCount;
+};
+
+Enjine.AnimatedSprite.prototype.AddExistingSequence = function(name, sequence) {
+    this.Sequences["seq_" + name] = sequence;
+};
+
+Enjine.AnimatedSprite.prototype.AddNewSequence = function(name, startRow, startColumn, endRow, endColumn) {
+    this.Sequences["seq_" + name] = new Enjine.AnimationSequence(startRow, startColumn, endRow, endColumn);
+};
+
+Enjine.AnimatedSprite.prototype.DeleteSequence = function(name) {
+    if (this.Sequences["seq_" + name]  != null) {
+        delete this.Sequences["seq_" + name];
+    }
+};
+
+Enjine.AnimatedSprite.prototype.ClearSequences = function() {
+    delete this.Sequences;
+    this.Sequences = new Object();
 };
diff --git a/Enjine/application.js → ...75071F21B4}/Control/Enjine/application.js b/Enjine/application.js → ...75071F21B4}/Control/Enjine/application.js
@@ -1,35 +1,35 @@
-/**
-	Simple demo of the engine.
-	Code by Rob Kleffner, 2011
-*/
-
-Enjine.Application = function() {
-    this.canvas = null;
-    this.timer = null;
-    this.stateContext = null;
-};
-
-Enjine.Application.prototype = {
-    Update: function(delta) {
-
-        this.stateContext.Update(delta);
-
-        this.canvas.BeginDraw();
-
-        this.stateContext.Draw(this.canvas.BackBufferContext2D);
-
-        this.canvas.EndDraw();
-    },
-
-    Initialize: function(defaultState, resWidth, resHeight) {
-        this.canvas = new Enjine.GameCanvas();
-        this.timer = new Enjine.GameTimer();
-        Enjine.KeyboardInput.Initialize();      
-        this.canvas.Initialize("canvas", resWidth, resHeight);
-        this.timer.UpdateObject = this;
-
-        this.stateContext = new Enjine.GameStateContext(defaultState);
-
-        this.timer.Start();
-    }
+/**
+	Simple demo of the engine.
+	Code by Rob Kleffner, 2011
+*/
+
+Enjine.Application = function() {
+    this.canvas = null;
+    this.timer = null;
+    this.stateContext = null;
+};
+
+Enjine.Application.prototype = {
+    Update: function(delta) {
+
+        this.stateContext.Update(delta);
+
+        this.canvas.BeginDraw();
+
+        this.stateContext.Draw(this.canvas.BackBufferContext2D);
+
+        this.canvas.EndDraw();
+    },
+
+    Initialize: function(defaultState, resWidth, resHeight) {
+        this.canvas = new Enjine.GameCanvas();
+        this.timer = new Enjine.GameTimer();
+        Enjine.KeyboardInput.Initialize();      
+        this.canvas.Initialize("canvas", resWidth, resHeight);
+        this.timer.UpdateObject = this;
+
+        this.stateContext = new Enjine.GameStateContext(defaultState);
+
+        this.timer.Start();
+    }
 };
diff --git a/Enjine/camera.js → ...00-1A75071F21B4}/Control/Enjine/camera.js b/Enjine/camera.js → ...00-1A75071F21B4}/Control/Enjine/camera.js
@@ -1,9 +1,9 @@
-/**
-	Represents a camera used to offset drawing of sprites in the world.
-	Code by Rob Kleffner, 2011
-*/
-
-Enjine.Camera = function() {
-	this.X = 0;
-	this.Y = 0;
+/**
+	Represents a camera used to offset drawing of sprites in the world.
+	Code by Rob Kleffner, 2011
+*/
+
+Enjine.Camera = function() {
+	this.X = 0;
+	this.Y = 0;
 };