From 420ab59c95a5c695ee9ffcd4d0b1107bf310efea Mon Sep 17 00:00:00 2001 From: JacksonHagood Date: Wed, 24 Apr 2019 11:56:11 -0500 Subject: [PATCH] Add files via upload --- Animation.html | 78 ++++++++++++++++++++ Appearance.html | 86 ++++++++++++++++++++++ Attributes.html | 64 ++++++++++++++++ Collision.html | 82 +++++++++++++++++++++ Functions.html | 32 ++++++++ Miscellaneous.html | 103 ++++++++++++++++++++++++++ Position.html | 178 +++++++++++++++++++++++++++++++++++++++++++++ Rotation.html | 132 +++++++++++++++++++++++++++++++++ Scale.html | 67 +++++++++++++++++ Style.css | 96 ++++++++++++++++++++++++ Timers.html | 50 +++++++++++++ 11 files changed, 968 insertions(+) create mode 100644 Animation.html create mode 100644 Appearance.html create mode 100644 Attributes.html create mode 100644 Collision.html create mode 100644 Functions.html create mode 100644 Miscellaneous.html create mode 100644 Position.html create mode 100644 Rotation.html create mode 100644 Scale.html create mode 100644 Style.css create mode 100644 Timers.html diff --git a/Animation.html b/Animation.html new file mode 100644 index 0000000..394f991 --- /dev/null +++ b/Animation.html @@ -0,0 +1,78 @@ + + + + + Animation + + + + + +
+

GDP Functions

 +
+

Position

+

Rotation

+

Scale

+

Collision

+

Appearance

+

Timers

+

Animation

+ +

Attributes

+

Miscellaneous

+
+
+

Animation

+ +
+ +

.frameIndex()

+

The function .frameIndex() will change the frame of a given object. The function can also be used to return the current frame of an item. The function takes in a single parameter, that being the desired frame.

+ 
object.frameIndex(1);    
+//changes 'object' to frame 1
+

See Further:

+
    +
  1. Dojo Practice
    2. +
+ +
+ +
+ +
+ +

.animation()

+

The function .animation() will set the frame of an object. The function take in one parameter: the object's desired frame name.

+ 
object.animation("default");    
+//changes 'object' to frame 'default'
+

See Further:

+
    +
  1. Meteors Deluxe
    2. +
+ +
+ +
+ +
+ +

.incrementAnimation()

+

The function .incrementAnimation() will change the frame of an object by 1. The function takes in no parameters

+ 
object.incrementAnimation();    
+//changes the frame of 'object' by 1
+

See Further:

+
    +
  1. Meteors Deluxe
    2. +
+ +
+
+ + \ No newline at end of file diff --git a/Appearance.html b/Appearance.html new file mode 100644 index 0000000..c34f2d4 --- /dev/null +++ b/Appearance.html @@ -0,0 +1,86 @@ + + + + + Appearance + + + + + +
+

GDP Functions

 +
+

Position

+

Rotation

+

Scale

+

Collision

+

Appearance

+ +

Timers

+

Animation

+

Attributes

+

Miscellaneous

+
+
+

Appearance

+ +
+ +

.toggleVisible()

+

The function .toggleVisible() will change an object's visibility. In other words, if an object is visible, .toggleVisible() will make it invisible. If an object is not visible, .toggleVisible() will make it visible. .toggleVisible() takes in no parameters.

+ 
object.toggleVisible();    
+//changes the visibility of 'object'
+

See Further:

+
    +
  1. Hiding Ninja
    2. +
  2. Ninja Supplies
    3. +
+ +
+ +
+ +
+ +

.visible()

+

The function .visible() sets whether or not an object is visible. The function takes in one parameter, true or false, to set the visibility. The function can also return whether an object is visible.

+ 
object.visible(true);    
+//makes 'object' visible
+

See Further:

+
    +
  1. Whack a Ninja
    2. +
  2. Zapper Part 1
    3. +
+ +
+ +
+ +
+ +

.fill()

+

The function .fill() will fill in an object with a specified color. The function makes use of hexadecimal colors to achieve this. .fill() accepts a single string containing a ‘#’ symbol, followed by the six digit hexadecimal color that the object will be filled with.

+ 
object.fill("#00fafa");    
+    //fills in the 'object' with the color 00fafa
+

See Further:

+
    +
  1. Rain Catcher Part 6
    2. +
  2. Color Picker
    3. +
  3. RGB and Hex Picker
    4. +
+ +
+ + + + +
+ + \ No newline at end of file diff --git a/Attributes.html b/Attributes.html new file mode 100644 index 0000000..4a872b5 --- /dev/null +++ b/Attributes.html @@ -0,0 +1,64 @@ + + + + + Attributes + + + + + +
+

GDP Functions

 +
+

Position

+

Rotation

+

Scale

+

Collision

+

Appearance

+

Timers

+

Animation

+

Attributes

+ +

Miscellaneous

+
+
+

Attributes

+ +
+ +

.state()

+

The function .state() will return the state property of an object. Most commonly, .state() is used to find the game's current state. The function takes in no parameters.

+ 
var state = $this.scene.state();    
+//sets 'state' to the current state of the 'scene'
+

See Further:

+
    +
  1. Meteors Deluxe
    2. +
+ +
+ +
+ +
+ +

.text()

+

The function .text() can change the text property of a label. The function takes in one parameter: the desired text of the label.

+ 
object.text("string");    
+//sets the text of the 'object' label to 'string'
+

See Further:

+
    +
  1. Meteors Deluxe
    2. +
+ +
+ + +
+ + \ No newline at end of file diff --git a/Collision.html b/Collision.html new file mode 100644 index 0000000..eda868b --- /dev/null +++ b/Collision.html @@ -0,0 +1,82 @@ + + + + + Collision + + + + + +
+

GDP Functions

 +
+

Position

+

Rotation

+

Scale

+

Collision

+ +

Appearance

+

Timers

+

Animation

+

Attributes

+

Miscellaneous

+
+
+

Collision

+ +
+ +

.isTouching()

+

The function .isTouching() will return whether or not and object is in contact with another item. The function takes in one parameter, the object that is being detected.

+ 
var bool = object.isTouching(object2);    
+//sets variable 'bool' to whether or not 'object' is touching 'object2'
+

See Further:

+
    +
  1. Zapper Part 2
    2. +
  2. Wall Blaster
    3. +
+ +
+ +
+ + + +
+ +

.toggleDraggable()

+

The function .toggleDraggable() will change an object's draggability. In other words, if an object is draggable, .toggleDraggable() will make it undraggable. If an object is not draggable, .toggleDraggable() will make it draggable. .toggleDraggable() takes in no parameters.

+ 
object.toggleDraggable();    
+//changes the draggability of 'object'
+

See Further:

+
    +
  1. Ninja Supplies
    2. +
+ +
+ +
+ +
+ +

.draggable()

+

The function .draggable() sets whether or not an object is draggable. The function takes in one parameter, true or false, to set the draggability. The function can also return whether an object is draggable.

+ 
object.draggable(true);    
+//makes 'object' draggable
+

See Further:

+
    +
  1. Ninja Puzzle
    2. +
+ +
+ +
+ + \ No newline at end of file diff --git a/Functions.html b/Functions.html new file mode 100644 index 0000000..a10bcd7 --- /dev/null +++ b/Functions.html @@ -0,0 +1,32 @@ + + + + + Functions + + + + + +
+

GDP Functions

 +
+

Position

+

Rotation

+

Scale

+

Collision

+

Appearance

+

Timers

+

Animation

+

Attributes

+

Miscellaneous

+
+

Functions

+ +
+

All the built in Code Ninjas Game Development Platform functions within yellow and orange belt are contained within this site. Functions are grouped by category on the right. To find a function search through the categories. This tool is not meant as a replacement for curriculum. Instead, this is intended for assistance in prove yourself challenges.

+
+ + \ No newline at end of file diff --git a/Miscellaneous.html b/Miscellaneous.html new file mode 100644 index 0000000..16f8429 --- /dev/null +++ b/Miscellaneous.html @@ -0,0 +1,103 @@ + + + + + Miscellaneous + + + + + +
+

GDP Functions

 +
+

Position

+

Rotation

+

Scale

+

Collision

+

Appearance

+

Timers

+

Animation

+

Attributes

+

Miscellaneous

+ +
+
+

Miscellaneous

+ +
+ +

isKeyPressed()

+

The function isKeyPressed() will return whether a specified key is being pressed. The function takes in one parameter, 'Keys.' and then the desired key.

+ 
var pressed = isKeyPressed(Keys.space) 
+//sets the variable 'pressed' to whether the 'space' key is being pressed
+

See Further:

+
    +
  1. Rain Catcher Part 2
    2. +
  2. Basic Pong With Keyboard
    3. +
+ +
+ +
+ +
+ +

.clone()

+

The function .clone() will create a copy of an object. The function takes in no parameters.

+ 
object.clone();    
+//clones 'object
+

See Further:

+
    +
  1. Rain Catcher Part 4
    2. +
  2. Meteors Part 2
    3. +
+ +
+ +
+ +
+ +

.remove()

+

The function .remove() will remove an object. The function takes in no parameters.

+ 
object.remove();    
+//removes 'object'
+

See Further:

+
    +
  1. Starscape
    2. +
  2. Zapper Part 1
    3. +
+ +
+ +
+ + + +
+ +
+ +

random()

+

The function random will return a random number within a range. The function takes in two parameters. The first number in the range, and the final number in the range.

+ 
var random = random(1,100)  
+//sets variable 'random' to a random number between 1 and 100
+

See Further:

+
    +
  1. Rain Catcher Part 3
    2. +
  2. Shooting Stars
    3. +
+ +
+ +
+ + \ No newline at end of file diff --git a/Position.html b/Position.html new file mode 100644 index 0000000..522ae48 --- /dev/null +++ b/Position.html @@ -0,0 +1,178 @@ + + + + + Position + + + + + +
+

GDP Functions

 +
+

Position

+ +

Rotation

+

Scale

+

Collision

+

Appearance

+

Timers

+

Animation

+

Attributes

+

Miscellaneous

+
+
+

Position

+ +
+ +

.x() .y() and .z()

+

The functions .x(), .y(), and .z() will seperate a position into its components. These functions can also change the position of an object. Each function can take in an integer as a parameter, which will become the object's new position on its respective axis. Of note is that within the GDP, and in most development applications, the x and y axis are set up differently than one may originally think. The origin lies on the top left of the screen, and while x does increase rightward, y increases downward. The z axis refers to the layer an item is on. In other words, it is used to manage whether something is displayed in front of, or behind something.

+ 
xComp = position.x();    
+//sets 'xComp' to the x value of 'position' using the .x() function
+object.y(10);
+//moves the 'object' to the y coordinate of 10, using the .y() function
+

See Further:

+
    +
  1. Coordinate Collector
    2. +
  2. XY Explination
    3. +
+ +
+ +
+ +
+ +

getPointerPos()

+

The function .getPointerPos() will return the mouse cursor's position. This position contains both x and y components. Further, this position can be stored into a variable, and separated into these components. The function takes no parameters.

+ 
var pos = getPointerPos();    
+//calls the getPointerPos() function, and stores the returned position into the
+//'pos' variable
+xComp = pos.x();
+yComp = pos.y();
+//stores the x and y components of the 'pos' variable into 'xComp' and 'yComp' 
+//This is done through .x() and .y() functions
+

See Further:

+
    +
  1. Coordinate Collector
    2. +
  2. Star Spinner
    3. +
+ +
+ +
+ +
+ +

moveX() and moveY()

+

The functions moveX() and moveY() can be used to move an object along an axis. The function can take in two parameters, the first being the object, the second being the speed. The speed can be negative or positive, depending on the desired direction. If a speed parameter is not given, then either .speedX() or .speedY() will be called as a default speed for the object.

+ 
moveX(object,10);    
+//moves 'object' with a speed of 10 along the x axis
+moveY(object);
+//moves 'object' with a speed of speedY() along the y axis
+

See Further:

+
    +
  1. Side Wall Bounce
    2. +
  2. Rain Catcher Part 1
    3. +
+ +
+ +
+ +
+ +

.moveForward()

+

The function .moveForward() will move an object in the direction it is facing. Of note is that this function only works if the object is pointing in one of the eight main cardinal directions. The function takes in one parameter, a speed.

+ 
object.moveForward(10);    
+//moves the 'object' forward with a speed of 10
+

See Further:

+
    +
  1. Rain Catcher Part 6
    2. +
  2. Color Picker
    3. +
+ +
+ +
+ +
+ +

.moveForwardByRotation()

+

The function .moveForwardByRotation() will move an object in the direction it is facing. Unlike .moveForward(), this function moves the object in any direction that it is facing. The function takes in one parameter, a speed.

+ 
object.moveForwardByRotation(10);    
+//moves the 'object' forward with a speed of 10
+//'object' moves forward in the precise direction it is facing
+

See Further:

+
    +
  1. Rain Catcher Part 6
    2. +
  2. Color Picker
    3. +
+ +
+ +
+ +
+ +

.moveTo()

+

The function .moveTo will move an object to a given position or object. The function can take two parameters, in the form of an x and y coordinate, or one parameter, the destination object.

+ 
object.moveTo(25,50);    
+//moves the 'object' to the coordinate (25,50)
+object.moveTo(object2);
+//moves the 'object' to 'object2'
+

See Further:

+
    +
  1. Ninja Snacks
    2. +
  2. Shuriken Toss Part 1
    3. +
+ +
+ +
+ +
+ +

.speedX() and .speedY()

+

The functions .speedX() and .speedY() contain an object's default speed value. Other functions, such as moveX() and moveY(), will use the speed contained within the corresponding speed function, if no parameter is passed through. speedX() and speedY() take in a single parameter as a speed.

+ 
object.speedX(10);
+//sets the x speed of 'object' to 10
+

See Further:

+
    +
  1. Side Wall Bounce
    2. +
  2. Laser Beam Pointer
    3. +
+ +
+ +
+ +
+ +

.findDistance()

+

The function .findDistance() will return the distance between two objects. The function takes just one parameter, the object which the distance to is being found.

+ 
var dis = object.findDistance(object2);    
+//sets variable 'dis' to the distance between 'object' and 'object2'
+

See Further:

+
    +
  1. Measurements
    2. +
  2. Ninja Puzzle
    3. +
+ +
+
+ + \ No newline at end of file diff --git a/Rotation.html b/Rotation.html new file mode 100644 index 0000000..de926b3 --- /dev/null +++ b/Rotation.html @@ -0,0 +1,132 @@ + + + + + Rotation + + + + + +
+

GDP Functions

 +
+

Position

+

Rotation

+ +

Scale

+

Collision

+

Appearance

+

Timers

+

Animation

+

Attributes

+

Miscellaneous

+
+
+

Rotation

+ +
+ +

spin()

+

The function spin() will spin an object with a specified speed. spin() takes in two parameters, an object and a speed. As always, this speed can be negative, for opposite rotation.

+ 
spin(object,10);    
+//spins 'object' with a speed of 10
+

See Further:

+
    +
  1. Spin a Star
    2. +
  2. Spin Counter-Clockwise
    3. +
  3. Star Spinner
    4. +
+ +
+ +
+ +
+ +

.rotation()

+

The function .rotation() will set an object's rotation. The function makes use of the rotation attribute, that can be found within the properties menu. The function .rotation() takes in one parameter, the degree in which an object will be rotated. Of note, is the amount of degrees in a full circle is 360.

+ 
object.rotation(10);    
+//sets the rotation of the object to 10 degrees
+

See Further:

+
    +
  1. Wall Blaster 2
    2. +
  2. Degrees in Circle
    3. +
+ +
+ +
+ +
+ +

.flipDirection()

+

The function .flipDirection() will turn an object to the opposite direction. The function takes in no parameters, it will simply just rotate the object 180 degrees from where it is currently facing.

+ 
object.flipDirection();    
+//flips 'object' to the opposite direction
+

See Further:

+
    +
  1. Bumper Car
    2. +
  2. Balloon Project
    3. +
+ +
+ +
+ +
+ +

.pointTo()

+

The function .pointTo() will point an object in the direction of a coordinate. The function takes in two parameters, the x and y coordinates of a position.

+ 
object.pointTo(10,10);    
+//points 'object' to the direction of (10,10)
+

See Further:

+
    +
  1. Shuriken Toss Part 2
    2. +
+ +
+ +
+ +
+ +

.pointToCursor()

+

The function .pointToCursor() will point an object in the direction of the mouse pointer. The function takes in no parameters.

+ 
object.pointToCursor();    
+//points 'object' in the direction of the mouse pointer
+

See Further:

+
    +
  1. Shuriken Toss Part 2
    2. +
+ +
+ +
+ +
+ +

.pointToObject()

+

The function .pointToObject() will point an object in the direction of another item. The function takes in one parameter, the destination object.

+ 
object.pointToObject(object2);    
+//points 'object' in the direction of 'object2'
+

See Further:

+
    +
  1. Ninja Battle
    2. +
+ +
+ +
+
+ + \ No newline at end of file diff --git a/Scale.html b/Scale.html new file mode 100644 index 0000000..ed4771e --- /dev/null +++ b/Scale.html @@ -0,0 +1,67 @@ + + + + + Scale + + + + + +
+

GDP Functions

 +
+

Position

+

Rotation

+

Scale

+ +

Collision

+

Appearance

+

Timers

+

Animation

+

Attributes

+

Miscellaneous

+
+
+

Scale

+ +
+ +

.scaleX() and .scaleY()

+

The functions .scaleX() and .scaleY() can be used to scale an object's x and y components. The functions can also be used to return and object's current scale. .scaleX() and .scaleY() take in one parameter, and object's desired scale.

+ 
object.scaleX(10);    
+//scales 'object' in the x direction, with a factor of 10
+var scale = object.scaleY();
+//sets variable 'scale' to the y scale of 'object'
+

See Further:

+
    +
  1. Meteors Part 2
    2. +
+ +
+ +
+ +
+ +

.height() and .width()

+

The functions .height() and .width() can set an object's dimensions. .width() sets and object's x dimension, while .height() sets an object's y dimension. The functions take in one parameter, and object's desired dimension. These functions can also return an object's current dimension.

+ 
object.width(10);    
+//sets the width of 'object' to 10;
+var height = object.height();
+//sets variable 'height' to the height of 'object'
+

See Further:

+
    +
  1. Space Bumpers
    2. +
+ +
+ +
+ + \ No newline at end of file diff --git a/Style.css b/Style.css new file mode 100644 index 0000000..77b9830 --- /dev/null +++ b/Style.css @@ -0,0 +1,96 @@ +.sidenav { + height: 100%; + width: 250px; + + padding-top: 25px; + z-index: 1; + top: 0; + left: 0; + + border-right-style: solid; + border-right-width: 5px; + border-right-color: #8ac760cc; + + background-color: #323232; + overflow-x: hidden; + position: fixed; +} +.sidenav a { + + text-decoration: none; + color: #FFFFFF; + display: block; +} +.sidenav a:hover { + color: #8ac760; +} +body{ + margin-left: 250px; + padding: 0px 25px 10px 25px; + + + background-image: url(images/background.png); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + + font-family: verdana; + color: #000000; +} +.item{ + padding-top: 1px; + padding-right: 25px; + padding-left: 25px; + padding-bottom: 1px; + + font-size: 20px; + + background-color: #969696CC; +} +h1{ + font-family: tahoma; + color: #c12d2d; + font-size: 50px; +} +h2{ + font-family: tahoma; + font-weight: normal; + margin: 0; + padding-left: 15px; + font-size: 25px; +} +h3{ + font-family: tahoma; + font-size: 25px; +} +h4{ + font-size: 20px; + font-weight: bold; +} +ul{ + list-style-type: square; + margin: 0; + padding-left: 35px; + font-size: 15px; +} +ol{ + margin-top: -20px; +} +#contents{ + +} +pre{ + padding: 10px 10px 10px 10px; + background-color: #C8C8C8CC; + + border-color: #C8C8C8CC; + border-style: solid; + border-radius: 10px; +} +code{ + font-family: courier; + font-size: 18px; + color: #323232; +} +.more{ +} \ No newline at end of file diff --git a/Timers.html b/Timers.html new file mode 100644 index 0000000..ec3b02a --- /dev/null +++ b/Timers.html @@ -0,0 +1,50 @@ + + + + + Timers + + + + + +
+

GDP Functions

 +
+

Position

+

Rotation

+

Scale

+

Collision

+

Appearance

+

Timers

+ +

Animation

+

Attributes

+

Miscellaneous

+
+
+

Timers

+ +
+ +

createTimer()

+

The function createTimer() will make a timer that delays certain code. The function takes in two parameters. The first is the time, in milliseconds, before the function is executed. The second parameter is the function that will be executed after the delay.

+ 
createTimer(1000,function(){});    
+//starts a timer of 1000 milliseconds
+//after the timer, function() will be executed
+

See Further:

+
    +
  1. Rain Catcher Part 5
    2. +
  2. Rain Catcher Part 6
    3. +
+ +
+ + +
+ + \ No newline at end of file