Code Monkey home page Code Monkey logo

rubiks-cube's Introduction

Description

A three.js visualisation of solving a Rubik's cube.

Status

Currently, I have not implemented the solving part. Instead, I am cheating by using a reversed list of opposite moves as the solution.

Query Params

The following query params can be added:

Query Param Description Values Default
cubeSize The size of the cube 2-5 3
animationSpeed How quickly to animate the moves 100-5000 ms 750 ms
autoRotate Auto rotate the cube as it is solving bool true
autoRotateSpeed Speed of auto rotatation (if enabled) 0-10000 ms 1000 ms
axesEnabled Draw the X, Y and Z axes bool false

Examples

TODO

  • Improve the look of the cube pieces
  • Add a slide-out panel to configure the size, speed etc
  • Implement an algorithm to solve the cube properly

Links

rubiks-cube's People

Contributors

taylorjg avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

rubiks-cube's Issues

Migrate over to gh-pages from Heroku?

Hey!

I stumbled across your project randomly while looking for a 2D visualiser for scrambles for my own project (a React-based timer) and took a look at your code. I noticed that you are using Express to host a static webpage and was curious why did you decide to use Heroku's free plan (I can only assume that it is the free plan because it took my browser ~10-20 seconds to load - I'd assume that's the Dyno worker starting up). I went ahead and cloned your repo to try to run it on my machine using npm, but it turned out you .gitignore-d the public folder and I have no clue what it's in it.

So my question is, do you actually do some sort of backend-logic on Heroku or is it all just a fully-static website? If no, then I think you can easily adjust your code / webpack config (haven't taken a deep look at myself) and not rely on Heroku, rather you can host it for free on GitHub-Pages (assuming you don't do any sort of backend logic, you can then easily address the "long" loading times). If you don't like GitHub-Pages, you could also use Netlify which does have some bonuses over gh-pages.

Cheers!

Simo Aleksandrov :3

Request permission to create a new application based on your code

Hello @taylorjg

I am writing this to you to express my deep gratitude for your work on this project. Your project is a valuable resource and it inspired me to use it to create a cube application and for this I would like to create a new repository under my own name and versions, not forgetting to mention that the new code is based on your code.

So I wanted to ask for your approval and make sure you're comfortable with this. I believe with your code. I can create a great tool to help people solve a cube or anything related to the cube.

Thank you for this wonderful creation. I look forward to hear from you regarding my request.

Your new fun DrSiroukane

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.