2020-01-02 16:58:06 +00:00
|
|
|
/**
|
|
|
|
*
|
|
|
|
* @flow
|
|
|
|
*/
|
|
|
|
|
|
|
|
import React from 'react';
|
|
|
|
// import FaFacebook from 'react-icons/lib/fa/facebook';
|
|
|
|
// import FaTwitter from 'react-icons/lib/fa/twitter';
|
|
|
|
// import FaRedditAlien from 'react-icons/lib/fa/reddit-alien';
|
|
|
|
|
2020-01-28 10:04:24 +00:00
|
|
|
/* eslint-disable max-len */
|
2020-01-02 16:58:06 +00:00
|
|
|
|
2020-01-28 10:04:24 +00:00
|
|
|
import Modal from './Modal';
|
2020-01-02 16:58:06 +00:00
|
|
|
|
|
|
|
|
|
|
|
const titleStyle = {
|
|
|
|
color: '#4f545c',
|
|
|
|
marginLeft: 0,
|
|
|
|
marginRight: 10,
|
|
|
|
overflow: 'hidden',
|
|
|
|
wordWrap: 'break-word',
|
|
|
|
lineHeight: '24px',
|
|
|
|
fontSize: 16,
|
|
|
|
fontWeight: 500,
|
|
|
|
// marginTop: 0,
|
|
|
|
marginBottom: 0,
|
|
|
|
};
|
|
|
|
|
|
|
|
const textStyle = {
|
|
|
|
color: 'hsla(218, 5%, 47%, .6)',
|
|
|
|
fontSize: 14,
|
|
|
|
fontWeight: 500,
|
|
|
|
position: 'relative',
|
|
|
|
textAlign: 'inherit',
|
|
|
|
float: 'none',
|
|
|
|
margin: 0,
|
|
|
|
padding: 0,
|
|
|
|
lineHeight: 'normal',
|
|
|
|
};
|
|
|
|
|
|
|
|
|
2020-01-28 10:04:24 +00:00
|
|
|
const HelpModal = () => (
|
2020-01-02 16:58:06 +00:00
|
|
|
<Modal title="Welcome to PixelPlanet.fun">
|
|
|
|
<p style={{ textAlign: 'center' }}>
|
|
|
|
<p style={textStyle}>Place color pixels on a large canvas with other players online!
|
2020-01-28 10:04:24 +00:00
|
|
|
Our main canvas is a huge worldmap, you can place wherever you like, but you will have to wait a specific
|
|
|
|
Cooldown between pixels. You can check out the cooldown and requiremnts on the Canvas Selection menu (globe button on top).
|
|
|
|
Some canvases have a different cooldown for replacing a user-set pixels than placing on a unset pixel. i.e. 4s/7s means 4s on fresh
|
|
|
|
pixels and 7s on already set pixels.
|
2020-01-02 16:58:06 +00:00
|
|
|
Higher zoomlevels take some time to update, the 3D globe gets updated at least once per day.
|
2020-04-27 16:24:57 +00:00
|
|
|
Have fun!</p>
|
2020-01-02 17:28:54 +00:00
|
|
|
<p>Discord: <a href="./discord" target="_blank">pixelplanet.fun/discord</a></p>
|
|
|
|
<p>Source on <a href="https://github.com/pixelplanetdev/pixelplanet" target="_blank">github</a></p>
|
2020-01-02 16:58:06 +00:00
|
|
|
<p>Reddit: <a href="https://www.reddit.com/r/PixelPlanetFun/" target="_blank">r/PixelPlanetFun</a></p>
|
|
|
|
<p style={titleStyle}>Map Data</p>
|
|
|
|
<p style={textStyle}>The bare map data that we use, together with converted OpenStreetMap tiles for orientation,
|
|
|
|
can be downloaded from mega.nz here: <a href="https://mega.nz/#!JpkBwAbJ!EnSLlZmKv3kEBE0HDhakTgAZZycD3ELjduajJxPGaXo">pixelplanetmap.zip</a> (422MB)</p>
|
|
|
|
<p style={titleStyle}>Detected as Proxy?</p>
|
2020-01-28 10:04:24 +00:00
|
|
|
<p style={textStyle}>If you got detected as proxy, but you are none, please send us an e-mail with <a href="https://www.whatismyip.com/">your IP</a> to pixelplanetdev@gmail.com. Do not post your IP anywhere else. We are sorry for the inconvenience.</p>
|
|
|
|
<h3 style={titleStyle}>2D Controls</h3>
|
2020-01-02 16:58:06 +00:00
|
|
|
<p style={textStyle}>Click a color in palette to select</p>
|
|
|
|
<p style={textStyle}>Press <kbd>G</kbd> to toggle grid</p>
|
2020-04-28 05:16:47 +00:00
|
|
|
<p style={textStyle}>Press <kbd>X</kbd> to toggle showing of pixel activity</p>
|
2020-04-29 02:38:36 +00:00
|
|
|
<p style={textStyle}>Press <kbd>R</kbd> to copy coordinates</p>
|
2020-04-28 05:16:47 +00:00
|
|
|
<p style={textStyle}>Press <kbd>Q</kbd> or <kbd>E</kbd> to zoom</p>
|
2020-01-02 16:58:06 +00:00
|
|
|
<p style={textStyle}>Press <kbd>W</kbd>,<kbd>A</kbd>,<kbd>S</kbd>, <kbd>D</kbd> to move</p>
|
|
|
|
<p style={textStyle}>Press <kbd>↑</kbd>,<kbd>←</kbd>,<kbd>↓</kbd>, <kbd>→</kbd> to move</p>
|
|
|
|
<p style={textStyle}>Drag mouse to move</p>
|
|
|
|
<p style={textStyle}>Scroll mouse wheel to zoom</p>
|
|
|
|
<p style={textStyle}>Click middle mouse button to current hovering color</p>
|
|
|
|
<p style={textStyle}>Pinch to zoom (on touch devices)</p>
|
|
|
|
<p style={textStyle}>Pan to move (on touch devices)</p>
|
2020-02-02 02:07:44 +00:00
|
|
|
<p style={textStyle}>Click or tap to place a pixel</p>
|
2020-01-28 10:04:24 +00:00
|
|
|
<h3 style={titleStyle}>3D Controls</h3>
|
|
|
|
<p style={textStyle}>Press <kbd>W</kbd>,<kbd>A</kbd>,<kbd>S</kbd>, <kbd>D</kbd> to move</p>
|
|
|
|
<p style={textStyle}>Press <kbd>↑</kbd>,<kbd>←</kbd>,<kbd>↓</kbd>, <kbd>→</kbd> to move</p>
|
|
|
|
<p style={textStyle}>Scroll mouse wheel to zoom</p>
|
|
|
|
<p style={textStyle}>Left click and drag mouse to rotate</p>
|
|
|
|
<p style={textStyle}>Middle click and drag mouse to zoom</p>
|
|
|
|
<p style={textStyle}>Right click and drag mouse to pan</p>
|
2020-02-02 02:07:44 +00:00
|
|
|
<p style={textStyle}>Left Click or tap to place a pixel</p>
|
|
|
|
<p style={textStyle}>Right Click of double tap to remove a pixel</p>
|
2020-01-02 16:58:06 +00:00
|
|
|
<p>Partners: <a href="https://www.crazygames.com/c/io" target="_blank">crazygames.com</a></p>
|
|
|
|
<p style={textStyle}>
|
|
|
|
<small>This site is protected by reCAPTCHA and the Google
|
|
|
|
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
|
|
|
|
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
|
|
|
|
</small>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
</Modal>
|
|
|
|
);
|
|
|
|
|
2020-01-28 10:04:24 +00:00
|
|
|
export default HelpModal;
|