Yuichiroh / cuber

Cuber is a programmable Rubiks cube of sorts.

Home Page:https://tstaylor7.github.io/cuber/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cuber+

Cuber+ is a modified version of Cuber, which is an interactive 3D Rubik's cube simulator written in javascript. Cuber+ implements some useful functions for instructing the CFOP method to learners in the very beginning stage.

img.png img_1.png

Getting started

Cloning the project and then open ./examples/basic/simple.html file.

How to use

Display mode

You can change the display mode for each CFOP step by pressing [0-9], and ` keys.

  • 0: Standard mode
  • 1: Cross mode
  • 2: F2L mode
  • 3: Edge OLL mode
  • 4: OLL mode
  • 5: Corner PLL mode
  • 6: Edge PLL mode
  • 7: PLL mode (same as standard mode)
  • 8: Yellow Cross mode (Edge OLL mode with side stickers)
  • 9: Last Layer mode (only show top layer cubelets and center cubelets)
  • "`" (back quote key): Blank mode

Edit mode

  • "/" (slash key): toggle highlighting of the cubelets by clicking them
  • "\" (back slash): show/hide cubelets by clicking them
  • "|" (vertical bar): show/hide cubelet stickers by clicking them

You can also highlight cubelets by clicking them.

Functional keys

  • "-" (minus key) or "," (comma key): undo rotation
  • "=" (equal key) or "." (period key): redo rotation
  • " " (space key): erase displayed history
  • v: toggle history display mode
  • p: toggle lefty mode (change viewpoint without y rotation)
  • ?: shuffle with random 25 moves
  • !: reset rotations

Rotation shortcuts

NOTION: For ease of input on a keyboard, the notation typically used in algorithms has been altered. However, the moving history displayed on the monitor is presented with a standard notation.

  • u, d, r, l, f, b: rotate clockwise a specified face.
  • U, D, R, L, F, B: rotate counter-clockwise a specified face.
  • g, h, c, a, i, j: rotate clockwise specified two faces (each corresponds to u, d, r, l, f, b, respectively).
  • G, H, C, A, I, J: rotate counter-clockwise specified two faces (each corresponds to u', d', r', l', f', b', respectively).
  • m, s, e: slice middle layer clockwise
  • M, S, E: slice middle layer counter-clockwise

table of input -> standard notation

    l -> L
    r -> R
    u -> U
    d -> D
    f -> F
    b -> B
    L -> L'
    R -> R'
    U -> U'
    D -> D'
    F -> F'
    B -> B'
    a -> l
    c -> r
    g -> u
    h -> d
    i -> f
    j -> b
    A -> l'
    C -> r'
    G -> u'
    H -> d'
    I -> f'
    J -> b'
    M -> M'
    S -> S'
    E -> E'
    m -> M
    s -> S
    e -> E
    x -> x
    y -> y
    z -> z
    X -> x'
    Y -> y'
    Z -> z'

URL Parameters

You can specify setup moves and display mode in advance via URL GET parameters as an example like this.

Key Value example
alg (R U R' U) (R U2 R')
mode Last Layer

About

Cuber is a programmable Rubiks cube of sorts.

https://tstaylor7.github.io/cuber/

License:MIT License


Languages

Language:JavaScript 95.7%Language:CSS 4.3%