@aladas-org/cryptoshape/src/vizmodes/centroid_vizmode.js

Generates a representation of a Bip39 seed phrase as a 3D scene

// ==========================================================================================================
// ========================================   centroid_vizmode.js   =========================================
// ==========================================================================================================
// https://www.google.com/search?q=virus+capside+shapes&sca_esv=3205b4b57189dd06&udm=2&biw=1229&bih=568&sxsrf=ADLYWIIb2DQgrdhwfDZhhZ8m95XfbwbULw%3A1734453270813&ei=FqhhZ8qWMa-LkdUPz8KLwQs&ved=0ahUKEwjK-df4na-KAxWvRaQEHU_hIrgQ4dUDCBE&uact=5&oq=virus+capside+shapes&gs_lp=EgNpbWciFHZpcnVzIGNhcHNpZGUgc2hhcGVzSMQxUABYzytwAHgAkAEAmAE3oAGdCaoBAjI4uAEDyAEA-AEBmAIHoALJAsICBhAAGAcYHsICCBAAGBMYBxgewgIIEAAYBxgIGB7CAgoQABgHGAgYChgemAMAkgcBN6AHrTY&sclient=img#vhid=DZw_jCnnjxyV6M&vssid=mosaic 
"use strict";
// NB: 'viz modes constants (eg: PIN_VIZMODE) defined in 'const_vizmodes.js' 

// ============================== CentroidVizMode class ==============================
class CentroidVizMode extends BaseVizMode {
	constructor( renderer, word_indexes, data ) {
        super( renderer, word_indexes, data );

        this.renderer = renderer;

        this.name = CENTROID_VIZMODE; 
        this.class_name = this.constructor.name;   
            
        this.renderer.setParameter(MODE_PARAM, this.name);

        this.word_indexes = word_indexes;
		
		this.centroid_point = GeometryUtils.ComputeCentroid( this.word_indexes );
		this.centroid_rep   = new NodeRep( this, [], -1, this.centroid_point );
		// console.log("> centroid_point: " + this.centroid_point);

        this.node_reps = [];
        if ( data == undefined ) data = {}; 

        this.coordinates_system = CARTESIAN_COORDINATES;
    } // constructor

    // NB: Create 'Nodes' before drawing them because they may be required by 'drawCore()'
    createNodes() {
        console.log(">> CentroidVizMode.createNodes");
        for (let i=0; i < this.word_indexes.length; i++) {
            // NB: inconsistency with [COLOR_ARG] : for NodeRep it is the color name (eg: MAGENTA)
            //                                      for LinkRep it is the ColorAsVec3(MAGENTA)
            
            let node_size = .2;           
            let data = { [ID_ARG]: "Mnemonic_" + ShapeUtils.PadWithZero(i+1), 
                         [MATERIAL_ARG]: MATERIALS[YELLOW], [NODE_SHAPE_ARG]: NODE_SHAPE_SPHERE, 
                         [SIZE_ARG]: node_size };
            let node_rep = new NodeRep( this, this.word_indexes, i, data );
            this.node_reps.push( node_rep );
        }		
    } // createNodes()

    drawDebugCore() {
    } // drawDebugCore()

    drawCore() {
        console.log(">> CentroidVizMode.drawCore");        
    } // drawCore()

    drawBoundings() {
        // console.log(">> ArcVizMode.drawBoundings");

        if ( this.renderer.getParameter(SHOW_BOUNDING_BOX_PARAM) ) {
            let data = { [SIZE_ARG]: STEP * (MAX_UNITS_ON_AXIS - 1) }; 
			ShapeUtils.DrawCubeBox( this, data );
            // ShapeUtils.DrawSphereBox( 0.2 );
		}
    } // drawBoundings()

    drawNodes() {
        console.log(">> CentroidVizMode.drawNodes");
        for (let i=0; i < this.node_reps.length; i++) {
            let node_rep = this.node_reps[i];
            let shape = node_rep.draw();

            if ( i == 0 || i == (this.node_reps.length -1) ) {
                shape.updatable = true;
                shape.size  = 1;
            }
        }
    } // drawNodes()

    // NB: called by 'NodeRep.draw()'
    drawStick( node_rep ) {
    } // drawStick()

    drawLinks() {
        console.log(">> CentroidVizMode.drawLinks");
        let link_lines = [];
        for ( let i=0; i < this.node_reps.length; i++ ) {  
			// let start_node_rep = this.node_reps[i-1];
			let start_node_rep = this.centroid_rep;
			let end_node_rep   = this.node_reps[i];  
			// console.log(">> link between " + start_node_rep.getId() + " and " + end_node_rep.getId());
			
			let start_point = BABYLON.Vector3.Zero();
			
			// let link_line = ShapeUtils.DrawLine(start_node_rep.getPosition(), end_node_rep.getPosition(), CYAN);
			// let link_line = ShapeUtils.DrawLine( this.centroid_point, end_node_rep.getPosition(), CYAN );
			let link_line = ShapeUtils.DrawLine( start_point, end_node_rep.getPosition(), CYAN );
			
			link_lines.push(link_line);
        } // for each this.node_reps  
    } // drawLinks()

    draw() {
        console.log(">> CentroidVizMode.draw");
        this.drawBoundings();
        this.createNodes();
        this.drawCore();
        this.drawNodes();
        this.drawLinks();
    } // draw()
} // CentroidVizMode class