Cub and Pup | Puzzle Game

CodePen - Cub n Pup - puzzle game demo

    blurb: Tutorial
    instruction: Drag cub to star
    ---
    *=.=.
        !
    . . .
        !
    @=.=.
    
    blurb: Tutorial
    instruction: Drag grid to rotate. Cub and star moves with grid. Orange links stay in place.
    ---
    * . .
        !
    . . .
        !
    @=.=.
    
    blurb: ★
    ---
    @=. .
    
    . . .
        !
    *=. .
    
    blurb: Tutorial
    instruction: Blue links move with grid. Rotate grid to connect blue and orange links in different ways.
    ---
    @-. .
    !   | 
    . . .
        |
    *-.-.
    
    blurb: ★
    ---
    . . *
    | | | 
    . . .
    | | | 
    @ .=.
    
    blurb: ★
    ---
    *=.-.
     
    . . .
        | 
    @-. .
    
    blurb: ★
    ---
    . .=. .
      | !  
    . . .-*
      |    
    . . . .
           
    . @-. .
    
    blurb: ★
    ---
    . . . .
           
    * . . @
      | ! |
    . . . .
      !    
    . . . .
    
    blurb: ★
    ---
    . @ . .
    ! |    
    . . . .
          |
    .=.=.-.
    |       
    . * . .
    
    blurb: ★
    ---
    . . . .
           
    * . . .
        !  
    . . .-.
    !      
    .=.=. @
    
    blurb: ★
    ---
    .-.-.-.
    |       
    @ .-.-.
           
    * .=. .
    !   |   
    .-.-. .
    
    blurb: ★
    ---
    . * . .
    
    .-.=. .
      |
    . . . .
    !   |
    .=. @ .
    
    blurb: ★★
    ---
    . . *-.
           
    .-.=. .
          |
    .=. . .
      | |  
    @-.-.=.
    
    blurb: ★★
    ---
    .-@ .=.
           
    . . . .
        |  
    .-. .-*
      |    
    . .=.-.
    
    blurb: ★★
    ---
    . . .=.
      !    
    @-. .-.
         
    . .=. .
           
    . . * .
    
    blurb: ★★
    ---
    . @=. .
      |   
    . .-.-.
           
    .-.-.-.
    !     ! 
    . * . .
    
    . . . . .
      | !   
    . . .-. .
      |     
    . . . . *
      |     
    . . .=. .
      |     
    . @ . . .
    
    @-.-. .-.
        |    
    . . . . .
             
    . . .=. .
             
    . . . .=.
        |    
    . .=.-* .
    
    . . . . .
            
    . .=.-. @
    |       !
    . . . .-.
            
    .=. . .=.
    !       
    * . . . .
    
    . . . .-.
          ! 
    . .-. . .
      !     |
    .=. . . .
    |        
    . . . . *
    |        
    .-@=. .=.
    
    . . . . .
    
    . . .-. *
        !
    . . .-. .
    
    .=. . . .
        |
    . @-. . .
    
    . . .-.-.
    !   !    
    . .=.-. .
    |   
    . .-. .-@
    !
    * .=. . .
          |
    .=. .-.=.
    
    .=* . @=.
    |
    . .=. . .
    |   | |
    .=. . .-.
            |
    . . . .=.
    !    
    . .-.-. .
    
    . * . .-.
      |     
    . . .=.-.
    !       | 
    . . . . .
            
    . .-. .=.
            |
    . . .=.-@
    
    .-.-. . .
        |    
    . . . .-@
      !      
    * . .-. .
    |   !    
    .-. . .=.
        |   !
    . . .=. .
    
    . . . . .
             
    . . . .-@
      !      
    * . .=. .
    |   !    
    .-. . . .
             
    . . . . .
    
    . . . .=.
      |     
    . . . .=.
    |        
    . . .-. .
    ! |     
    . .=. . .
    |   !   !
    .-@ . * .
    
    . . .=.=.
            
    . . . . .
            
    . . . . @
            
    . . . . .
            
    * . .=.=.
    
    . . * . . .
      ! | |  
    . .-. .-. .
              |
    . . . . .-.
          | ! |
    . . .=. . .
        |
    @-.-. .-. .
              |
    . .=. . .-.
    
    @ .=. . .=.
      | | !
    . . . .=. .
      |     |
    . . . .-. .
    |   !
    . . . . . *
    |     |
    .=. .-. . .
      |   | |
    .-. . . .=.
    
    .=. .=.-.-*
      |        
    .-. . . . .
            | !
    . . .-.-. .
    !          
    .-. .=.=. .
               
    @ .=. . . .
      |     !
    . .-. .-. .
    
    instruction: Green links pivot with grid, but point in the same direction
    ---
    . .-* .
      |    
    . . . .
           
    . .>. .
           
    . @ . .
    
    . . .-.-@
            
    . .<. . .
            
    .>. . . .
    | !      
    .-.-. . *
      !     
    . . . . .
    
    . . . . .
          ^ 
    .<. . . *
            
    . . . . .
            
    @ . . .>.
      v     
    . . . . .
    
    . .-. . .
          ^ 
    . .<.=.=.
            
    .>. . .-@
            
    * . . .=.
            
    . . . . .
    
    .=. . .-*
        v   
    . . . . .
             
    . . .-.J.
             
    @-. . . .
        v   
    .<. . . .
    
    .-.-. @>.
    !     ^ 
    . . . . .
      |      
    . . . . .
      |     
    . . . .=*
        ^    
    . . .-. .>
    
    .-. . . *
            
    . .>. . .
    |       v
    .-. . . .
      ^      
    . . .-. .
          v 
    @=.=. . .
    
    . . .>. .
      ! |    
    @=. .-. .
            
    . . . .=.>
             
    . . . . .
             
    . *>.<. .
    
    * . @ . .
    v   |   
    . . . . .
          !  
    . . . . .
    ^     ! !
    . .-. . .
      !     
    . . . . .
        v
    
    . . . . . .
    | v         
    @ . . . . *
      | |      
    . . . . . .
    | !   ^ | K
    . . . .-.=.
    |          
    . .-. . . .
    v          
    .>. . . . .
    
    . @-. .>.-.
              
    . . . . . .
              |
    * .>. .=. .
        !      
    . . . . . .>
          |   ^
    . . . .=. .
               
    . .=. . .=.>
    
    . .-.-. .=.
          v   
    . . . . . .
      |     ! v
    .>. . . . *
        ^      
    . . . . . .
    |          
    . .-.<. . .
    ! |       |
    . . . .>.-@
    
    . .=. *-.
            
    . . .=. .
    !        
    . . . . .
      |   ! 
    . . . . .
      |     |
    . @ . .=.
    
    @ * .>. .
            
    . .=.=. .
    |     | 
    .>. . . .
            
    . . . .>.
    |       
    .=. . .-.
    
    .-. . .
        ^ 
    . . . .
           
    .L. . .
          !
    @ . .-*
    
    @ . . . . .
    v v v v v v
    . . . . . .
     
    . . . . . .
               
    . . . . . .
      v v v v v
    . . . . . .
               
    . . . .=. *
    v v v v   v
    
    .-.<.>.=. .
    W !       |
    . . .A. . *
        |   |  
    . .=. . . .
    ^ !        
    . .D.-.=.=@
              | 
    . . .-.-. .
    |          
    .#.=. .<. .
        v     v
    
    . . .-@ .
        |   
    . . . .J.
            
    * . . . .
    | !     !
    . . . . .
        v   !
    . . . .-.
    
    *=. . .
        v  
    . . . .
    ^     |
    . . . .
      ^   |
    @ .>. .
    
    instruction: Red links are fixed in place, but rotate with grid
    ---
    . . . .
           
    @ .4. .
      |    
    . . .-*
           
    . . . .
    
    . . .-*
        |  
    . . . .
        5  
    .4. . .
    |      
    @ . . .
    
    @ .-.=.
        |  
    . . .4.
        |  
    * . . .
    |   |  
    . . . . 
    
    . . * .
    ! 5 v  
    . . . @
      |    
    . .4. .
      !    
    . . . .
    
    * . . .
    ! 5    
    . . . @
      |    
    . .4. .
      !    
    . . . .
    
    . . . .-@
          8 
    . .=. . .
            
    *=. . . .
            
    . .-. . .
            
    . . . . .
    
    . . . . .
            
    . . . .6*
      |     
    . . . .=.
      |     
    .4. . . .
            |
    . . . .-@
    
    . . . . .
      !   | 
    .-.-. . .
      v   |
    . . .-. .
            
    @ . . . .
        5   
    . . .=* .
    
    @4.=. . . .
              
    . . . . . .
          v 8 |
    .-.-. . . .
    !   !   ^   
    . . . . . .
               
    . .>. . . .
    !          
    * . .4. . .
    
    . . *<. . .
              
    .=. .-. . .
            5
    . . . .-. .
            |   
    . . . . . .
               
    . . . . . .
        5     | 
    . .=. . @-.
    
    .4. . . . @
    !          
    .-. . .=. .
    ! 
    . . . . . .
    !           
    .>.6. . . .
    !          
    . . . .=.-.
          ^    
    . . . . * .
    
    Previous Post Next Post
    Play Pause