Advertisement
jargon

Roe2js :: Create View Frame

May 28th, 2024 (edited)
675
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     createViewFrame (id) {
  2.        
  3.         id = 'viewframe';
  4.        
  5.         for( let y = 0; y<=7*3+1;y++){
  6.         for( let x = 0; x<=7*3+1;x++){     
  7.         for( let z = 0; z <= this.gui; z++ ){
  8.            
  9.             if(!(( y === 0 )||(y === 7*3+1)||(x === 0)||(x === 7*3+1)))
  10.             {continue;}
  11.  
  12.             // Step 1: Create the element
  13.             var newElement = document.createElement('div');
  14.  
  15.             // Step 2: Modify the element (optional)
  16.             // newElement.textContent = "This is a new div element.";
  17.            
  18.             newElement.style.width = `8px`;
  19.             newElement.style.height = `8px`;
  20.            
  21.             if ( z === 0 ){
  22.                 newElement.style.backgroundColor = `black`;
  23.             }
  24.             if ( z === this.gui ){
  25.                 newElement.style.backgroundImage = `url(http://${this.host}/GFX/sel1dash.png)`;
  26.                
  27.                 // newElement.style.filter = 'brightness(0) saturate(100%) invert(1) sepia(1) saturate(10000%) hue-rotate(90deg)';
  28.             }
  29.             newElement.style.position = `absolute`;
  30.             newElement.style.left = `calc(8px * ${x})`;
  31.             newElement.style.top = `calc(8px * ${y})`;
  32.             newElement.className = `${id}`;
  33.             newElement.id = `${id}_${x}_${y}_${z}`;
  34.             newElement.style.zIndex = `${z}`;
  35.            
  36.             this.spriteManip.subSprite(newElement,'bottom right');
  37.  
  38.             // Step 3: Append the element to the document
  39.             document.body.appendChild(newElement);
  40.            
  41.         }}}
  42.        
  43.         /*
  44.        
  45.         z = this.gui;
  46.        
  47.         for( y = 1; y < 7 * 3 + 1; y++ ){
  48.            
  49.             x = 0;
  50.             element = document.getElementById(`${id}_${x}_${y}_${z}`);
  51.             if(element){
  52.                 element.style.backgroundPosition = '0px 8px';
  53.             }
  54.            
  55.             x = 5 * 3 + 1;
  56.             element = document.getElementById(`${id}_${x}_${y}_${z}`);
  57.             if(element){
  58.                 element.style.backgroundPosition = '16px 8px';
  59.             }
  60.         }
  61.         for( x = 1; x < 7 * 3 + 1; x++ ){
  62.            
  63.             y = 0;
  64.             element = document.getElementById(`${id}_${x}_${y}_${z}`);
  65.             if(element){
  66.                 element.style.backgroundPosition = '8px 0px';
  67.             }
  68.            
  69.             y = 5 * 3 + 1;
  70.             element = document.getElementById(`${id}_${x}_${y}_${z}`);
  71.             if(element){
  72.                 element.style.backgroundPosition = '8px 16px';
  73.             }
  74.         }
  75.         */
  76.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement