Creator of vZome, a free desktop app for modeling Zometool and similar geometries.
Rendering vZome JSON ExportsExploding 4D Star PolytopesThe J92 Rhombochoron in ZomeOmnitruncated HypercubeFive Tetrahedra and Blue-Green ZomeRendering vZome FilesvZome Icosahedral OrbitsA Shape for White StrutsObservable vZome RenderingFinding Golden NumbersIcosahedral Symmetry KeysWIP Importing vZome ShapesOrbits of Icosahedral SymmetryWIP Observable vZome
Exploring 4D Quaternion Rotations
rotated4dViewOriginal( this, fourD_120_cell, [ [[1],[],[],[]], [[1],[],[],[]], [2,3] ] )
rotated4dViewOriginal( this, fourD_120_cell, [ [[1],[1],[],[]], [[1],[],[],[]], [1,2] ] )
rotated4dViewOriginal( this, fourD_120_cell, [ [[1],[,1],[],[]], [[1],[],[],[]], [1,1] ] )
rotated4dViewOriginal( this, fourD_120_cell, [ [[1],[1,1],[],[]], [[1],[],[],[]], [1,1] ] )
rotated4dViewOriginal( this, fourD_120_cell, [
[[1,0,1],[1,0,1],[0,0,1],[0,0,1]],
[[1,0,1],[1,0,1],[0,0,1],[0,0,1]],
[1,1,1]
] )
rotated4dViewOriginal( this, fourD_120_cell, [ [[1],[,1],[1],[]], [[1],[],[],[]], [1,1] ] )
rotated4dViewOriginal( this, fourD_120_cell, [ [[,1],[,1],[1],[]], [[1],[],[],[]], [1,1] ] )
rotated4dViewOriginal( this, fourD_120_cell, [
[[1,0,1],[-1,1,1],[0,0,1],[0,0,1]],
[[1,0,1],[0,-1,1],[0,0,1],[0,0,1]],
[1,1,1]
] )
function rotated4dView( existingElement, polytope_4d, rotor, scale, config={} ) {
let halfWidth = width/2
let { height=300, svgWidth=halfWidth, renderWidth=halfWidth, orbitControl=true, solidStyle=true } = config
console.log("solidStyle");
console.log(solidStyle);
const solidParts = new Geometries( solidStyle ? icosahedral_solid_connectors_shapes : icosahedral_lifelike_connectors_shapes, vZome_colors )
const model = rotateAndProject( polytope_4d, rotor, scale )
const group = meshGroup( model, solidParts )
const cameraConfig = Object.assign({}, { aspect:8/5 }, config.camera)
const view4d = reusable3dCanvas( existingElement && existingElement.vZomeCanvas, group,
{ renderWidth:renderWidth, camera: cameraConfig } )
view4d.style.display = 'inline'
view4d.style['vertical-align'] = 'top'
const triangleConfig = Object.assign( {}, config, { orbits:getUsedOrbits(model), svgWidth:svgWidth, height } )
const triangle = icosaOrbitsTriangle( triangleConfig )
triangle.style.display = 'inline'
triangle.style['vertical-align'] = 'top'
const element = orbitControl? html`${view4d}${triangle}` : html`${view4d}`
element.vZomeCanvas = view4d
// element.style.display = 'inline'
// element.style['vertical-align'] = 'top'
return element;
}
function rotated4dViewNoOrbit( existingElement, polytope_4d, rotor, scale, config ) {
const newConfig = Object.assign( {}, config, { orbitControl: false } )
return rotated4dView( existingElement, polytope_4d, rotor, scale, newConfig )
}
rotated4dViewOriginal = function( existingElement, model, rotation, config ) {
const [ left, right, scale ] = rotation
return rotated4dView( existingElement, model, quaternionRotor( left, right ), scale, config )
}
quaternionRotor = function( left, right ) {
return function( v ) {
return quatmul( left, quatmul( v, right ) );
}
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
