PHP Classes

File: examples/index.php

Recommend this page to a friend!
  Classes of Vitalij Mik   SimpleX Noise Algorithm   examples/index.php   Download  
File: examples/index.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: SimpleX Noise Algorithm
Generate noise values using the SimpleX algorithm
Author: By
Last change:
Date: 1 year ago
Size: 3,133 bytes


Class file image Download
$gradients = glob(__DIR__ . '/gradients/*.png');

<!DOCTYPE html>
<html lang="en">
        body {
            margin: 0;
            padding: 0;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            overflow: auto;

        iframe[name="map"] {
            border: 0;
            width: 100%;
            height: 100%;
            position: absolute;

            margin: 0 auto;
<h1>Simplex Noise Preview</h1>
<form method="GET" action="generate.php" target="map">
    <div><label for="x">X:</label> <input type="text" id="x" name="x" value="<?= $_GET['x'] ?? 0 ?>">
        <small>Move map to the left</small>
    <div><label for="y">Y :</label> <input type="text" id="y" name="y" value="<?= $_GET['y'] ?? 0 ?>">
        <small>Move map to the top</small>
    <div><label for="w">Width:</label> <input type="text" id="w" name="w" value="<?= $_GET['w'] ?? 100 ?>">
        <small>Width of map in pixel</small>

    <div><label for="h">Height:</label> <input type="text" id="h" name="h" value="<?= $_GET['h'] ?? 100 ?>">
        <small>Height of map in pixel</small>
    <div><label for="scale">Scale:</label> <input type="text" id="scale" name="scale"
                                                  value="<?= $_GET['scale'] ?? 5 ?>">
        <small>Scale the map X times for the output</small>
    <div><label for="zoom">Zoom:</label> <input type="text" id="zoom" name="zoom" value="<?= $_GET['zoom'] ?? 0.025 ?>">
        <small>show a region of subpixel</small>
    <div><label for="zoom">Elevation:</label> <input type="text" id="elevation" name="elevation"
                                                     value="<?= $_GET['elevation'] ?? 1.0 ?>">
        <small>Higher Value = more white pixel</small>
    <div><label for="octaves">Octaves:</label> <input type="text" id="octaves" name="octaves"
                                                      value="<?= $_GET['octaves'] ?? 4 ?>">
        <small>Repeated interpolations, lager number = slower generation but more details</small>
    <div><label for="zoom">Persistence:</label> <input type="text" id="persistence" name="persistence"
                                                     value="<?= $_GET['persistence'] ?? 0.5 ?>">
        <small>More Details of the map</small>

foreach ($gradients as $gradient):
$value = basename($gradient);
$isSelected = $_GET['gradient'] ?? 'greyscale.png' === $value;
<div><input type="radio" name="gradient" value="<?= $value ?>" <?= $isSelected ? "checked" : "" ?>><img
                        src="gradients/<?= $value ?>"></div>
endforeach; ?>


<iframe name="map" src="generate.php"></iframe>