mirror of
				https://git.sleeping.town/mirrors/foxy-moxy
				synced 2025-11-03 10:02:34 -08:00 
			
		
		
		
	a fox is a red circle
This commit is contained in:
		
							parent
							
								
									173798d345
								
							
						
					
					
						commit
						d75f446e84
					
				
					 2 changed files with 39 additions and 90 deletions
				
			
		
							
								
								
									
										40
									
								
								js/fox.js
									
										
									
									
									
								
							
							
						
						
									
										40
									
								
								js/fox.js
									
										
									
									
									
								
							| 
						 | 
				
			
			@ -1,31 +1,29 @@
 | 
			
		|||
// TODO: use query params for these
 | 
			
		||||
var gen = require('random-seed');
 | 
			
		||||
var IMG_WIDTH = 64;
 | 
			
		||||
var IMG_HEIGHT = 64;
 | 
			
		||||
 | 
			
		||||
// move to helper function
 | 
			
		||||
var genBetween = function (min, max) {
 | 
			
		||||
  return min + (max - min) * gen();
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
var randomFox = (function () {
 | 
			
		||||
var Fox = function (IMG_WIDTH, IMG_HEIGHT) {
 | 
			
		||||
 | 
			
		||||
  // head top left corner
 | 
			
		||||
  var origin = Point(IMG_WIDTH / 4, IMG_HEIGHT / 4);
 | 
			
		||||
  // head width and height
 | 
			
		||||
  var width = IMG_WIDTH / 2;
 | 
			
		||||
  var height = IMG_HEIGHT / 2;
 | 
			
		||||
  var origin = {x: IMG_WIDTH / 4, y: IMG_HEIGHT / 4};
 | 
			
		||||
  // TODO: head headWidth and height
 | 
			
		||||
  var headWidth = IMG_WIDTH / 2;
 | 
			
		||||
  var headHeight = IMG_HEIGHT / 2;
 | 
			
		||||
 | 
			
		||||
  var ears = (function () {
 | 
			
		||||
    var offsetX = genBetween(0, width/2);
 | 
			
		||||
    var offsetX = genBetween(0, headWidth/2);
 | 
			
		||||
    // TODO: size, angle?
 | 
			
		||||
    return {
 | 
			
		||||
      left: {
 | 
			
		||||
        x: origin.x + (width/2) - offsetX,
 | 
			
		||||
        x: origin.x + (headWidth/2) - offsetX,
 | 
			
		||||
        y: origin.y
 | 
			
		||||
      },
 | 
			
		||||
      right: {
 | 
			
		||||
        x: origin.x + (width/2) + offsetX,
 | 
			
		||||
        x: origin.x + (headWidth/2) + offsetX,
 | 
			
		||||
        y: origin.y
 | 
			
		||||
      }
 | 
			
		||||
    };
 | 
			
		||||
| 
						 | 
				
			
			@ -33,20 +31,24 @@ var randomFox = (function () {
 | 
			
		|||
 | 
			
		||||
  var eyes = (function () {
 | 
			
		||||
    // TODO: y, offsetX, color
 | 
			
		||||
    return {
 | 
			
		||||
      
 | 
			
		||||
    };
 | 
			
		||||
    return null;
 | 
			
		||||
  }());
 | 
			
		||||
 | 
			
		||||
  return {
 | 
			
		||||
    shape: {
 | 
			
		||||
    canvas: {
 | 
			
		||||
      height: IMG_HEIGHT,
 | 
			
		||||
      width: IMG_WIDTH
 | 
			
		||||
    },
 | 
			
		||||
    head: {
 | 
			
		||||
        origin: origin,
 | 
			
		||||
        width: width,
 | 
			
		||||
        height: height
 | 
			
		||||
        headWidth: headWidth,
 | 
			
		||||
        headHeight:headHeight
 | 
			
		||||
    },
 | 
			
		||||
    ears: ears,
 | 
			
		||||
    eyes: eyes,
 | 
			
		||||
    nose: nose,
 | 
			
		||||
    mouth: mouth
 | 
			
		||||
    // nose: nose,
 | 
			
		||||
    // mouth: mouth
 | 
			
		||||
  };
 | 
			
		||||
}());
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
module.exports = Fox;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue