Giter Club home page Giter Club logo

sq1-img-gen's Introduction

Seby's Square-1 Image Generator

Made using Reflex!

This Square-1 image generator is designed to be customizable to your heart's content!

Here's how to use it:

  1. Choose your input type.
    • Case: Your input will solve the Square-1 in the generated image.
      • This input type is intended for algset designers. It works by inverting the input and then applying it (so that the image generated will be the case the algorithm solves). Be careful in that the inverted input can be applied properly (in the context of algsets, this usually means starting and ending in cubeshape with no misaligned layers).
    • Algorithm: Your input will be applied to a solved Square-1 to generate the image.
    • State: Your inputted sq1optim state will be the Square-1's state in the generated image.

  1. Input your Case/Alg/State in the text area.
    • Case and Alg read standard Square-1 notation, State reads standard sq1optim/virtual-sq1 notation.

  1. Choose your rendering type.
    • Normal: Generates a fully colored Square-1 (including side colors).
    • Orientation: Generates a Square-1 with only top and bottom colors (and a monochrome equator, if applicable).
    • Shape: Generates a monochrome Square-1.

  1. Choose which layers to include.
    • You can choose to include any combination of top, bottom, and equator layers (so long as you choose at least one).

  1. Choose image orientation.
    • You can choose vertical or horizontal.

  1. If it hasn't already loaded correctly, click the "Reload Image" button, and your generated image should appear on the right!
    • I like clicking the button after I am done changing my desired settings, just in case something is generated incorrectly and I can't tell at a glance.
    • If there is an error with the input, it will generate an image of a solved Square-1. If you weren't expecting a solved Square-1, check your input for typos, and make sure you chose the correct input type.
      • I am working on adding error messages, so errors should be more clear after I do that!

  1. Right-click and save the .svg file, and that's it!



Advanced Settings:

  • Custom colors: Input any valid RGB value into the text box to change that part of the image to your desired color!
    • This includes all the sides (for Normal and Orientation renders), the border (for all renders), and the shape color (for equator in Orientation render and everything in Shape render).
  • Custom extension factor: Input any numerical value to change how far the pieces extend into/out of the top/bottom sides!
    • Values above 1 lead to the sides sticking out of the top/bottom. Values below 1 lead to the sides sticking into the top/bottom. A value of 1 leads to no visible side colors on the top/bottom layers (but you will be able to see them on the equator). Values below 0 lead to some weird-looking things that kind of look cool sometimes.




  • Turning on/off slice indicator: In the works!

  • Error messages: Hopefully will be added.
  • Exporting to .png: Hopefully will be added.
  • Graying out particular pieces: Hopefully will be added.

  • Labeling particular pieces: May or may not be added.
  • Custom background color: May or may not be added.

sq1-img-gen's People

Contributors

wo0fle avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.