three.js - Rotation after a Rotation not acting how I Expect -

-

i have rubiks-cube-like puzzle trying model in webgl using three.js:

enter image description here

each of two-color centers can rotate. when rotate, bring of pieces around them along on rotation. example, if rotate orange-blue center, happens:

rotating around orange-blue center

when complete rotation, lines up:

enter image description here

however, when try rotate orange-white center, strange behavior 2 pieces inherited orange-blue center after first rotation:

enter image description here

i expect them rotate other pieces, instead rotate differently.

i using three.js's object3d.rotateonaxis() function rotations:

function rotate ( center, distance ) {     var axis = center.axis;     center.model.rotateonaxis ( axis, distance );     ( var in center.stickers ) {         center.stickers[i].rotateonaxis ( axis, distance  );     }      ( var in center.children ) {         center.children[i].model.rotateonaxis ( axis, distance );          //note: stickers colored faces         ( var s in center.children[i].stickers ) {             center.children[i].stickers[s].rotateonaxis ( axis, distance );         }     } }

here key-press code looks like:

function showcube() {     //set stuff up, then...      count = 0;     parent.onkeypress = function(event) {          if ( count < 6 ) {             rotate( blocks.centers [ "bo" ],  math.pi / 6 );              count++;              if ( count == 6 ) {                 moveface ( blocks, "o1", "oy", "bw" );                 moveface ( blocks, "o2", "ow", "by" );                  moveface ( blocks, "b1", "bw", "oy" );                 moveface ( blocks, "b2", "by", "ow" );                  movecorner ( blocks, "bow", "ow", "oy" );                 movecorner ( blocks, "bow", "bw", "by" );                  movecorner ( blocks, "boy", "oy", "ow" );                 movecorner ( blocks, "boy", "by", "bw" );             }          } else {              rotate( blocks.centers [ "ow" ],  math.pi / 6 );         }     } }  function moveface ( blocks, child, oldparent, newparent ) {     var index = blocks.centers [ oldparent ].children.indexof ( blocks.faces [ child ] );     blocks.centers [ oldparent ].children.splice ( index, 1 );     blocks.centers [ newparent ].children.push ( blocks.faces [ child ] ); }  function movecorner ( blocks, child, oldparent, newparent ) {     var index = blocks.centers [ oldparent ].children.indexof ( blocks.corners [ child ] );     blocks.centers [ oldparent ].children.splice ( index, 1 );     blocks.centers [ newparent ].children.push ( blocks.corners [ child ] ); }

interestingly, blue-orange-yellow corner rotate correctly, need rotation around difference between bo vector , ow vector.

that say:

  • blue-orange axis normalized vector of: (0, 1, 1)
  • orange-white axis normalized vector of: (1, 0, 1)
  • after first rotation complete, if try rotate boy corner around normal of (1, 0, 1), behavior shown in pictures.
  • however, if try rotate around (0, 1, 1) - (1, 0, 1), i.e. (-1, 1, 0), desired behavior.

i don't understand what's happening. can me update rotate function behavior want, without having keep long list of past rotations piece has experienced?

i suspect after first rotation, need tell piece "zero" rotation state without causing motion, i'm not quite sure how that, or if it's right approach.

you can play thing here: http://joshuad.net/clover-cube/so-question/

thanks!

i fixed changing rotate method this:

function rotate ( center, distance ) {     var axis = center.axis;     center.model.rotateonaxis ( axis, distance );     applystatestomatrixdirectly ( center.model );      ( var stickerindex in center.stickers ) {         center.stickers[stickerindex].rotateonaxis ( axis, distance  );         applystatestomatrixdirectly ( center.stickers[stickerindex] );     }      ( var childindex in center.children ) {         center.children[childindex].model.rotateonaxis ( axis, distance );         applystatestomatrixdirectly ( center.children[childindex].model );          ( var childstickerindex in center.children[childindex].stickers ) {             center.children[childindex].stickers[childstickerindex].rotateonaxis ( axis, distance );             applystatestomatrixdirectly ( center.children[childindex].stickers[childstickerindex] );         }     } }  function applystatestomatrixdirectly ( model ) {     model.updatematrix();     model.geometry.applymatrix( model.matrix );     model.position.set( 0, 0, 0 );     model.rotation.set( 0, 0, 0 );     model.scale.set( 1, 1, 1 )     model.updatematrix(); }

the idea function applystatestomatrixdirectly() applies rotation directly model matrix , reset of rotation data (as else). allows model "forget" has been rotated, allowing new rotateonaxis work.


Comments

Post a Comment

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

-
can configure following sample code ? when run following code, error : no entity framework provider found ado.net provider invariant name 'devart.data.sqlite' setting in machine.config <system.data> <dbproviderfactories> <add name="dotconnect sqlite" invariant="devart.data.sqlite" description="devart dotconnect sqlite" type="devart.data.sqlite.sqliteproviderfactory, devart.data.sqlite, version=4.6.287.0, culture=neutral, publickeytoken=09af7300eec23701" /> </dbproviderfactories> </system.data> after add below block code in app.config <?xml version="1.0"?> <configuration>   <configsections> <!-- more information on entity framework configuration, visit http://go.microsoft.com/fwlink/?linkid=237468 --> <section name="entityframework" type="system.data.entity.internal.configfile.entityframeworksection, entit...
Read more

c++ - Clear the memory after returning a vector in a function -

-
i have function processes , stores lot of data in , returns results vector of class. amount of data stored in function tremendous , want clear storage memory of function after finished job. necessary (does function automatically clear memory) or should clear memory function? update: vector<customers> process(char* const *filename, vector<int> id) { vector<customers> list_of_customers; (perform actions) return list_of_customers; } variables defined locally within function automatically released @ end of function scope. destructors objects called, should free memory allocated objects (if objects coded correctly). example of such object std::vector . anything you've allocated new must have corresponding delete release storage. try avoid doing own allocation , use raii instead, i.e. containers or smart pointers.
Read more

erlang - Saving a digraph to mnesia is hindered because of its side-effects -

-
updated the digraph library in erlang implements data type side-effectful. each operation on data type saves new state in ets table -- instead of returning altered version of itself, more common in functional languages. the problem usage perspective, impedes effort store or pass around state in convenient way requiring me first "collect" state before can start juggle around. the closest solution have seen far serializer/deserializer , these have drawback tied current structure of digraphs instead of operating on abstract type -- prevents future proof solution. update pascal pointed out serializer utilizes interface of digraph, , hence eliminates drawback mentioned above. better, albeit still inconvenient, see no better alternative. what recommendation on how store digraphs? should go different data type altogether? thanks. i not sure understand concern. fact digraph stored in ets transparent in user interface, might want chnge either exchange digr...
Read more