魔方吧·中文魔方俱乐部

标题: 魔方模拟器twisty-sphere [打印本页]
作者: 怀表    时间: 2022-5-12 18:41:52     标题: 魔方模拟器twisty-sphere

本帖最后由 怀表 于 2022-5-12 23:32 编辑

https://github.com/worldmaker18349276/twisty-sphere
没有文档，我也搞不清楚是怎么自定义的。从例子看很炫酷。不过没边框很难看清块。

切割好像有两个方法sliceBySphere和sliceByPlane。不过球面切割生成魔方很慢，把resolution参数调小可提高速度。

调了半天弄出了个斜转，等明天再来试一下球面切割。
  1. cube = CSG.cube({center: [0, 0, 0], radius: [1.1, 1.1, 1.1]})
  2.   .intersect(CSG.cube({center: [ 0,-1, 0], radius: [2, 2, 2]}).setColor(1,1,1))
  3.   .intersect(CSG.cube({center: [ 0, 1, 0], radius: [2, 2, 2]}).setColor(1,1,0))
  4.   .intersect(CSG.cube({center: [-1, 0, 0], radius: [2, 2, 2]}).setColor(0,0,1))
  5.   .intersect(CSG.cube({center: [ 1, 0, 0], radius: [2, 2, 2]}).setColor(0,1,0))
  6.   .intersect(CSG.cube({center: [ 0, 0,-1], radius: [2, 2, 2]}).setColor(1,0,0))
  7.   .intersect(CSG.cube({center: [ 0, 0, 1], radius: [2, 2, 2]}).setColor(1,0.6,0.2));
  8. var puzzle = new ModeledSphPuzzle(cube);

  10. puzzle.sliceByPlane([1,1,1],0)
  11. puzzle.sliceByPlane([-1,1,1],0)
  12. puzzle.sliceByPlane([-1,-1,1],0)
  13. puzzle.sliceByPlane([-1,-1,-1],0)
  14. puzzle.sliceByPlane([-1,1,-1],0)
  15. puzzle.sliceByPlane([1,-1,1],0)
  16. puzzle.sliceByPlane([1,-1,-1],0)
  17. puzzle.sliceByPlane([1,1,-1],0)
  18. puzzle.clean();
  19. puzzle.prepare();

  21. var world = new ModeledSphPuzzleWorld(puzzle, "display");
复制代码
s1-fs8.png
  1. cube = CSG.cube({center: [0, 0, 0], radius: [1.1, 1.1, 1.1]})
  2.   .intersect(CSG.cube({center: [ 0,-1, 0], radius: [2, 2, 2]}).setColor(1,1,1))
  3.   .intersect(CSG.cube({center: [ 0, 1, 0], radius: [2, 2, 2]}).setColor(1,1,0))
  4.   .intersect(CSG.cube({center: [-1, 0, 0], radius: [2, 2, 2]}).setColor(0,0,1))
  5.   .intersect(CSG.cube({center: [ 1, 0, 0], radius: [2, 2, 2]}).setColor(0,1,0))
  6.   .intersect(CSG.cube({center: [ 0, 0,-1], radius: [2, 2, 2]}).setColor(1,0,0))
  7.   .intersect(CSG.cube({center: [ 0, 0, 1], radius: [2, 2, 2]}).setColor(1,0.6,0.2));
  8. var puzzle = new ModeledSphPuzzle(cube);


  11. puzzle.sliceByPlane([0,1,0],0)
  12. puzzle.sliceByPlane([1,0,1],0)
  13. puzzle.sliceByPlane([-1,0,1],0)
  14. puzzle.sliceByPlane([1,0,0],0)
  15. puzzle.sliceByPlane([0,0,1],0)

  17. puzzle.clean();
  18. puzzle.prepare();

  20. var world = new ModeledSphPuzzleWorld(puzzle, "display")
复制代码
s3-fs8.png
  1. var phi = (Math.sqrt(5) + 1)/2;

  3. function fzy_add(set, elem) {
  4.   set.add(fzy_snap(elem, set));
  5. }
  6. function csort(arr0) {
  7.   var arr_min = arr0.slice();
  8.   var arr_ = arr0.slice();

  10.   for ( let i=0,len=arr0.length; i<len; i++ ) {
  11.     if ( fzy_cmp(arr_, arr_min) < 0 )
  12.       arr_min = arr_.slice();
  13.     arr_.push(arr_.shift());
  14.   }
  15.   return arr_min;
  16. }

  18. var radius = (phi + 1)/Math.sqrt(phi + 2);
  19. var offset = 1;


  22. var faces = new Set();
  23. var vertices = [[1,1,1]];
  24. for ( let i=0; i<4; i++ )
  25.   vertices.push(rotate(vertices[vertices.length-1], [1/2,0,1/phi/2,phi/2]));
  26. faces.add(csort(vertices));
  27. for ( let face of faces ) {
  28.   fzy_add(faces, csort(face.map(v => rotate(v, [1/2,1/2,1/2,1/2]))));
  29.   fzy_add(faces, csort(face.map(v => rotate(v, [1/2,0,1/phi/2,phi/2]))));
  30. }

  32. var polygons = [];
  33. for ( let face of faces ) {
  34.   let polygon = new CSG.Polygon(face.map(v => new CSG.Vertex(new CSG.Vector3D(...v))));
  35.   let {x, y, z} = polygon.plane.normal;
  36.   let [r, g, b] = [x, y, z].map(v => Math.sign(v) * Math.ceil(Math.abs(v) - 0.01)).map(v => (v+1)/2);
  37.   polygon.setColor(r, g, b);
  38.   polygons.push(polygon);
  39. }
  40. var dodeca = CSG.fromPolygons(polygons);

  42. var puzzle = new ModeledSphPuzzle(dodeca, radius);

  44. puzzle.sliceByPlane([0,1,0],0)
  45. puzzle.sliceByPlane([1,0,1],0)
  46. puzzle.sliceByPlane([-1,0,1],0)
  47. puzzle.sliceByPlane([1,0,0],0)
  48. puzzle.sliceByPlane([0,0,1],0)

  50. puzzle.clean(1);
  51. puzzle.prepare();

  53. var world = new ModeledSphPuzzleWorld(puzzle, "display")
复制代码
s4-fs8.png
感觉跟胡波的正四面体切割群魔方java助手的用法有些像，不过定义多面体得手写，切割的面的法向量也得手写，调配色也很麻烦。

居然没有打乱功能。

附件: s1-fs8.png (2022-5-12 19:26:14, 96.32 KB) / 下载次数 144
http://www.mf8-china.com/forum.php?mod=attachment&aid=Mjc2OTEzfGY4NzIwZWRjfDE3NjQ5NjQ1NjJ8MHww

附件: s3-fs8.png (2022-5-12 23:15:27, 61.45 KB) / 下载次数 145
http://www.mf8-china.com/forum.php?mod=attachment&aid=Mjc2OTE0fGM3NWJlZTA5fDE3NjQ5NjQ1NjJ8MHww

附件: s4-fs8.png (2022-5-12 23:32:19, 76.78 KB) / 下载次数 149
http://www.mf8-china.com/forum.php?mod=attachment&aid=Mjc2OTE1fGM2OTY2YTYwfDE3NjQ5NjQ1NjJ8MHww
作者: 怀表    时间: 2022-5-16 18:17:20

  1. cube = CSG.cube({center: [0, 0, 0], radius: [1.1, 1.1, 1.1]})
  2.   .intersect(CSG.cube({center: [ 0,-1, 0], radius: [2, 2, 2]}).setColor(1,1,1))
  3.   .intersect(CSG.cube({center: [ 0, 1, 0], radius: [2, 2, 2]}).setColor(1,1,0))
  4.   .intersect(CSG.cube({center: [-1, 0, 0], radius: [2, 2, 2]}).setColor(0,0,1))
  5.   .intersect(CSG.cube({center: [ 1, 0, 0], radius: [2, 2, 2]}).setColor(0,1,0))
  6.   .intersect(CSG.cube({center: [ 0, 0,-1], radius: [2, 2, 2]}).setColor(1,0,0))
  7.   .intersect(CSG.cube({center: [ 0, 0, 1], radius: [2, 2, 2]}).setColor(1,0.6,0.2));
  8. var puzzle = new ModeledSphPuzzle(cube);

  10. var g = 5/3
  11. var radius = Math.sqrt(29)/3
  12. puzzle.sliceBySphere([ g, 0, g], radius)
  13. puzzle.sliceBySphere([ -g,0, g], radius)
  14. puzzle.sliceBySphere([ g,0,-g], radius)
  15. puzzle.sliceBySphere([ -g,0,-g], radius)
  16. puzzle.sliceByPlane([0,1,0],0)
  17. puzzle.sliceByPlane([1,0,1],0)
  18. puzzle.sliceByPlane([-1,0,1],0)

  20. puzzle.clean();
  21. puzzle.prepare();

  23. var world = new ModeledSphPuzzleWorld(puzzle, "display");
复制代码
s5-fs8.png

附件: s5-fs8.png (2022-5-16 18:17:04, 103.23 KB) / 下载次数 152
http://www.mf8-china.com/forum.php?mod=attachment&aid=Mjc2OTE4fDFhNWQ4OTMyfDE3NjQ5NjQ1NjJ8MHww



欢迎光临 魔方吧·中文魔方俱乐部 (http://www.mf8-china.com/) Powered by Discuz! X2