魔方模拟器twisty-sphere

怀表

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);
   
9. 
   
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();
    
20. 
    
21. var world = new ModeledSphPuzzleWorld(puzzle, "display");

复制代码

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);
   
9. 
   
10. 
    
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)
    
16. 
    
17. puzzle.clean();
    
18. puzzle.prepare();
    
19. 
    
20. var world = new ModeledSphPuzzleWorld(puzzle, "display")

复制代码

1. var phi = (Math.sqrt(5) + 1)/2;
   
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();
   
9. 
   
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. }
    
17. 
    
18. var radius = (phi + 1)/Math.sqrt(phi + 2);
    
19. var offset = 1;
    
20. 
    
21. 
    
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. }
    
31. 
    
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);
    
41. 
    
42. var puzzle = new ModeledSphPuzzle(dodeca, radius);
    
43. 
    
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)
    
49. 
    
50. puzzle.clean(1);
    
51. puzzle.prepare();
    
52. 
    
53. var world = new ModeledSphPuzzleWorld(puzzle, "display")

复制代码

感觉跟胡波的正四面体切割群魔方java助手的用法有些像，不过定义多面体得手写，切割的面的法向量也得手写，调配色也很麻烦。

居然没有打乱功能。

怀表

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);
   
9. 
   
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)
    
19. 
    
20. puzzle.clean();
    
21. puzzle.prepare();
    
22. 
    
23. var world = new ModeledSphPuzzleWorld(puzzle, "display");

复制代码