# data[].attributes.headline
Introduction to Blue and Red (web version)

# data[].attributes.subject
Introduction to Blue and Red (web version)

# data[].attributes.body
Recommended to play with chromium kernel browser and 1080p resolution screen.

I. Introduction

Blue and Red is a javascript based game.

II. Objectives

Blue is the chaser and Red is the escapee, Blue needs to catch Red to win and Red needs to collect energy to open the portal and escape to win.

III. Game Rules

1、Blue will win if Blue touches Red.

Blue's speed is 150% of Red's speed.

3、Purple area is the toxin, Red will die if he touches the toxin, Blue will be teleported to the initial position if he touches the toxin.

4、Yellow cubes are energy balls, Red will increase his energy if he touches the balls, Blue can't touch the balls.

5、After the energy reaches 100%, a portal will be opened, Red can enter the portal to win the game; the second time the energy reaches 100%, the portal location will be refreshed.

6、When the portal is opened, Red's speed will be increased to 200% of the original speed.

7, Blue's skill is instantaneous movement, after using it, you can instantly teleport to a certain distance in front of you in the current direction of movement, the specific distance is a random number between 150px - 250px.

8, Red's skill is placing obstacles, after using it, you can place a rectangular obstacle in the opposite direction of your current movement. If Blue or Red touches the obstacle, they will be restricted for a certain period of time, during which they can't move or use their skills; the obstacle will automatically disappear after a certain period of time.

9, Red can obtain the Split skill once when his energy reaches 20% and 80%. After using it, you can generate a doppelganger with the same size and color, and moving in the opposite direction. The doppelganger cannot interact with other objects and will disappear after 5 seconds.

10. Red can obtain the Teleportation Point skill once when his energy reaches 60%. After using this skill, a teleportation point will be created at the current location, and you can teleport to the location of the teleportation point after a certain period of time. The location of the teleportation point will not change when the page is refreshed.

11. Blue can fire bullets, which will cause a freezing effect when they hit Red. Bullets can pass through all obstacles except those released by Red's skill, but will disappear when they hit the game boundary or the player.

IV. Key Setting

Red: WASD to control the direction of movement, F key to release the obstacle skills, E key to release the split skills, Q key to release the teleportation point skills.

Blue: keyboard up and down, left and right to control the direction of movement, shift key to release the flash skills, Alt key to fire bullets

V. Notes on Playing

1、After the game is over, you need to close the webpage and re-open it to play again.

2、It is recommended to use microsoft edge or other browsers with chromium kernel to play.

3, it is recommended to use a screen resolution of 1920 * 1080 computer play, other resolutions can not guarantee the normal operation of the game (although trying to be compatible with the 2k screen)

Personal development, production is not easy

If you find any bugs, please send a description and video/screenshot to cshawny@163.com, I will deal with it as soon as possible!

# data[].attributes.headline
Blue and Red v0.42(Beta)(Latest Version)

# data[].attributes.subject
Blue and Red v0.42(Beta)(Latest Version)

# data[].attributes.body
Updated content:

Improved the distribution logic of obstacles to make them more balanced on the screen

# data[].attributes.headline
Blue and Red v0.41(Beta)(Latest Version)

# data[].attributes.subject
Blue and Red v0.41(Beta)(Latest Version)

# data[].attributes.body
Updated content:

Added freeze effects

Fixed bugs:

Blue launch bullet skill is modified to be released by pressing Alt key to prevent triggering ctrl+w shortcut to close the webpage

Blue transient skill will make a second decision on whether blue is colliding with red or not after returning from the map boundary

# data[].attributes.body
Updated content:

Blue's new skill: firing bullets

Press ctrl to release this skill.

Bullets hitting red will cause a 5 second freeze

Bullets can't pass through obstacles released by the red skill, but can pass through toxin blocks

# data[].attributes.body
Updated content:

Adjusted blue's display priority to the highest, and red's display priority to second only to blue, preventing it from being obscured when blue touches the energy sphere with the exit portal

# data[].attributes.body
Updated content:

If blue is in close proximity to or in direct contact with red while using the flash skill, it will cause blue to move a certain distance away from its position

# data[].attributes.body
Updated content:

Visualization of skill cd and page refresh time display

# data[].attributes.body
Updated content:

Effect of players touching map boundaries changed to stop moving instead of just dying

Removed herobrine

# data[].attributes.body
Updated Content:

Make the generation of energy orbs and exit portals no longer appear in the toxin block

(Stability of this feature is unknown, and there is no guarantee that it will work at this time due to the amount of testing required)

# data[].attributes.body
Updated content:

Added two new skills for red:

1, Doppelganger Skill: generates a doppelganger that doesn't interact with other objects, the same size and color as RED, and moves in the opposite direction of RED for 5 seconds. Acquired when energy reaches 20% and 80%.

2. Portable Teleportation Point Skill: Place a portable teleportation point, and you can teleport to the teleportation point after any length of time. Acquired when energy reaches 60%.

Changed the button operation:

wasd for red movement, up, down, left, right for blue movement.

Shift for blue flash skill, f for red obstacle skill.

e for red split skill, q for red teleport point skill.

# data[].attributes.body
Updated content:

Optimized code so that the game takes up less storage space

(There are no changes to the game content in this update)

# data[].attributes.body
Updated content:

Increased the length of time Blue is restricted from moving when it comes into contact with Red skill barriers

Changed the effect of Blue coming into contact with toxins to teleporting back to the birth point

# data[].attributes.body
Updated content:

Red will increase his movement speed to 200% of his original for 5 seconds after picking up an energy ball. This effect is stackable.

Changed Content:

Red's boosted movement speed effect after opening a portal is no longer of infinite duration, but instead is 30 seconds. This effect can be stacked with the effect of picking up energy orbs.

The number of random obstacles has been increased to 15

# data[].attributes.body
Updated content:

There will always be two yellow energy balls on the screen

Red can pick up the energy balls to increase his energy level

When the energy reaches 100%, Red will open a portal (green), Red can escape by touching the portal to win the game

Red's speed will increase to 200% of his original speed after opening the portal.

Blue's skill cd is increased to 8 seconds.

# data[].attributes.body
Updated content:

10 randomly generated obstacles:

Size randomly generated between 1px-101px

Positions are randomly generated, internal tests have shown that there is no overwriting of the birth point

The page will be refreshed every 60 seconds, all obstacles will be randomly generated in size and position, and the player's position will be returned to the birth point, and the direction of movement will be reset.

# data[].attributes.body
Fixed bugs:

Blue Instantaneous movement in the wrong direction

Red Obstacle skill through the mold

Not fixed:

Apple computers due to the different resolution, there will be an opening out of bounds problem, small window play will make the map boundaries disabled

Some computers have different speeds for left/right movement and up/down movement, the reason has not been identified yet.

Other:

Wall shifting is a normal phenomenon, not a bug.

Changes:

To ensure game balance, Blue's teleport skill distance has been changed from 200px to a random value between 150-250px.

(Note: v0.11 was not officially released due to game integrity reasons)

# data[].attributes.body
Web game based on javascript language: Blue and Red

Goal of the game: Blue needs to try to catch Red

Key setup:

Wasd to maneuver Blue, e for skill (teleport)

Up, down, left, right to maneuver Red, shift to release obstacles behind you.

Help with bug testing is welcome!

Personalized, the current version does not represent the final quality