Objects of Art - Pall Thayer

Objects of Art - Pall Thayer, 2015
Object Oriented Code Art

'Objects of Art' are a growing collection of JavaScript objects created as works of art by Pall Thayer. As software, they are provided under the GPLv3 license. As works of art, they are (c) Pall Thayer.

Here you can see what the selected object does as well as make your own edits to the code. Clicking on "Run Code" will show you the effects of your edits.

Objects In Motion II: Square flipping horizontally

                                                                        
var square = function(where) {
    this.there = where;
    var fair = false;
    var bear = fair;
    var air = 90;
    var hair = 90;
    var pear = hair + air;
    var square = document.createElement('div');
    square.style.border = '5px solid black';
    square.style.width = pear+'px';
    square.style.height = pear+'px';
    square.style.margin = 'auto';
    if(fair)
      square.style['border-right'] = '5px solid red';
    document.body.appendChild(square);
    
    var care = function(bear) {
        for(var i = 1;i < 9999;i++) {
            window.clearInterval(i);
        }
        share = setInterval(function(){mare(bear);}, 1000);
    };
    
    var mare = function(bear) {
        pear *= -1;
        square.style.transform += 'rotateY('+pear+'deg)';
    };
    
    function share() {
        return true;
    };
    
    care(bear);
};

                                                        
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Objects in Motion: Square flipping horizontally right to left</title>
	<script id="mainscript"></script>
</head> 
<body>
<script>
    var there = window.innerWidth/2;
    var square = new square(there);
</script>
</body>
</html>