• Welcome to the Speedsolving.com, home of the web's largest puzzle community!
    You are currently viewing our forum as a guest which gives you limited access to join discussions and access our other features.

    Registration is fast, simple and absolutely free so please, join our community of 40,000+ people from around the world today!

    If you are already a member, simply login to hide this message and begin participating in the community!

A new interactive 3x3 tutorial!

molarmanful

Member
Joined
Dec 13, 2014
Messages
393
Location
Smerbia
WCA
2015PANG02
YouTube
Visit Channel
Hey all, it's been a long time since I last posted here. But I'm back!

Anyway, I've made an interactive cube tutorial at http://molarmanful.github.io/cubetut/. Basically, it teaches you how to solve the 3x3 w/ beginner LBL using a lot of interactive cubesims, but also features a draggable virtual 3x3 that highlights specific steps at specific times. I've given it to several people interested in cubing, and it seems to work decently well.

Since this is a first release, many things will probably be subject to change. Thoughts? Comments? Suggestions?
 

bcube

Member
Joined
Sep 8, 2010
Messages
336
Hi molarmanful,

Thoughts? Comments?

Running on generally used browsers would be great. You don't want to see what I see on FF ;-)

Suggestions?

I was on your page like 20 seconds, perharps I will write more later. For now, I would unify the view in your sections. I mean, when I entered your site (Intro section), the cube could be seen from above. When I clicked on Cross section, the view was from below (so far so good). When I clicked back on Intro, the view was (unexpectadly) from below (at first the view was from above, now it is from below).

Also, some cubes seems to be cut a little. See third and fourth cubes in Cross section. I can barely see that corner at the bottom-back. Even if it is not important for a solving purpose, I would still like to see the whole cube all the time :)
 

molarmanful

Member
Joined
Dec 13, 2014
Messages
393
Location
Smerbia
WCA
2015PANG02
YouTube
Visit Channel
Hi molarmanful,



Running on generally used browsers would be great. You don't want to see what I see on FF ;-)



I was on your page like 20 seconds, perharps I will write more later. For now, I would unify the view in your sections. I mean, when I entered your site (Intro section), the cube could be seen from above. When I clicked on Cross section, the view was from below (so far so good). When I clicked back on Intro, the view was (unexpectadly) from below (at first the view was from above, now it is from below).

Also, some cubes seems to be cut a little. See third and fourth cubes in Cross section. I can barely see that corner at the bottom-back. Even if it is not important for a solving purpose, I would still like to see the whole cube all the time :)

Hehe, I fixed the FF problem. I believe the cut problem is also fixed, but that's on my computer.
 

bcube

Member
Joined
Sep 8, 2010
Messages
336
Hehe, I fixed the FF problem. I believe the cut problem is also fixed, but that's on my computer.

I can confirm the cut problem is partially solved now (see sections 4-7, i.e. the view from above).
That´s great it can now run on FF. Please don´t stop there, other browsers are waiting for fully functional gCube too, see this image: http://s33.postimg.org/h3dgk8s73/molarmanful.jpg. On the left, it is gCube on FF (that little colored dots are familiar, that colored inner surface is new :) ), on the right it is gCube on IE 11 (I like it, it reminds me your Entropy cube ;-) ) - sir, that I call a puzzle! :)

On IE (glad that you seem to change your mind (https://www.speedsolving.com/forum/threads/programmers-wanted.53140/#post-1081840) regarding that browser) the links to your sections are not clickable (therefore I cannot go anywhere from Intro) and the text cannot be even highlighted (to copy it, for example); on default Android browser I see nothing.

Kind of bad rotation of a cube as a whole has been already reported (https://www.speedsolving.com/forum/...2x2-4x4x4-and-5x5x5-cubes.54829/#post-1173970) - I guess ThreeTwisty is based (more or less) on gCube.

Clearly I won´t critize your tutorial/used method for now, as I am more interested in those simulators :)
 
Last edited:
Joined
Nov 29, 2008
Messages
214
Nice page! Some small issues you could think about:
1. You use the abbreviations EOLL, CPLL and EPLL. But why OCLL and not COLL (Corner Orient Last Layer)?
2. The sliders for the speed are counterintuitive. I would expect the speed to grow if I move the slider to the right but it decreases.
 

molarmanful

Member
Joined
Dec 13, 2014
Messages
393
Location
Smerbia
WCA
2015PANG02
YouTube
Visit Channel
Nice page! Some small issues you could think about:
1. You use the abbreviations EOLL, CPLL and EPLL. But why OCLL and not COLL (Corner Orient Last Layer)?
2. The sliders for the speed are counterintuitive. I would expect the speed to grow if I move the slider to the right but it decreases.
COLL is for orienting LL while permuting the LL corners. OCLL is just orienting LL corners.

Regarding the sliders, I was thinking more on the lines of twist duration, which is why the speed decreases as the slider increases.
 

molarmanful

Member
Joined
Dec 13, 2014
Messages
393
Location
Smerbia
WCA
2015PANG02
YouTube
Visit Channel
I can confirm the cut problem is partially solved now (see sections 4-7, i.e. the view from above).
That´s great it can now run on FF. Please don´t stop there, other browsers are waiting for fully functional gCube too, see this image: http://s33.postimg.org/h3dgk8s73/molarmanful.jpg. On the left, it is gCube on FF (that little colored dots are familiar, that colored inner surface is new :) ), on the right it is gCube on IE 11 (I like it, it reminds me your Entropy cube ;-) ) - sir, that I call a puzzle! :)

On IE (glad that you seem to change your mind (https://www.speedsolving.com/forum/threads/programmers-wanted.53140/#post-1081840) regarding that browser) the links to your sections are not clickable (therefore I cannot go anywhere from Intro) and the text cannot be even highlighted (to copy it, for example); on default Android browser I see nothing.

Kind of bad rotation of a cube as a whole has been already reported (https://www.speedsolving.com/forum/...2x2-4x4x4-and-5x5x5-cubes.54829/#post-1173970) - I guess ThreeTwisty is based (more or less) on gCube.

Clearly I won´t critize your tutorial/used method for now, as I am more interested in those simulators :)
Let me just put it this way: IE is the last browser I want to even work with now. I wish that were otherwise, but IE is a nightmare for me :p

I also didn't plan on supporting mobile browsers. I probably should, but that's for later once the most important things are done.
 

mikebolt

Member
Joined
Feb 24, 2016
Messages
12
Location
San Luis Obispo
Wow, this is great!

Giving the user a random cross to practice at the beginning is great. I think lots of beginners get confused by all the extra stickers. I also like that the solution builds on top of what the user has already solved, gradually showing more pieces.

This works on my mobile browser (Chrome for Android), except the cube is too big and is partly concealed by the left side of the page. I think this could be fixed by adding or removing a few bootstrap classes. It might be better to have the cube at the top of the page on smaller screens.

I was looking into the Firefox bug recently for ThreeTwist. It's funny that the fix was to turn on backface visibility. I'm pretty sure that this is actually a bug in Firefox, possibly with the depth ordering or alpha-compositing code. I'm working on new versions of renderer.js and CSS3DRenderer.js that should improve performance and dodge this bug. If it works, then we can investigate how to fix the bug in gCube as well.

I guess ThreeTwisty is based (more or less) on gCube.

Almost: both ThreeTwist and gCube are based on the "Cuber" project, which ran the Google doodle and the Chrome Cube Lab.
 

molarmanful

Member
Joined
Dec 13, 2014
Messages
393
Location
Smerbia
WCA
2015PANG02
YouTube
Visit Channel
Wow, this is great!

Giving the user a random cross to practice at the beginning is great. I think lots of beginners get confused by all the extra stickers. I also like that the solution builds on top of what the user has already solved, gradually showing more pieces.

This works on my mobile browser (Chrome for Android), except the cube is too big and is partly concealed by the left side of the page. I think this could be fixed by adding or removing a few bootstrap classes. It might be better to have the cube at the top of the page on smaller screens.

I was looking into the Firefox bug recently for ThreeTwist. It's funny that the fix was to turn on backface visibility. I'm pretty sure that this is actually a bug in Firefox, possibly with the depth ordering or alpha-compositing code. I'm working on new versions of renderer.js and CSS3DRenderer.js that should improve performance and dodge this bug. If it works, then we can investigate how to fix the bug in gCube as well.



Almost: both ThreeTwist and gCube are based on the "Cuber" project, which ran the Google doodle and the Chrome Cube Lab.
Ayy thanks! About the mobile issue, I really don't plan on supporting mobile browsers at thr moment.. May change in the future though...


Sent from my magical unicorn using Tapalatalkalaka
 

GenTheSnail

Member
Joined
Mar 18, 2016
Messages
2,249
Location
Illinois, USA
WCA
2016GEEN01
YouTube
Visit Channel
The Site looks great! I went through the whole tutorial and loved it.
Only problem I found was for the 3CYCLE algorithm play button, it said HEADLIGHTS instead.

Maybe you could also include sims for the move notation.
 
Top