Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <script src="//nosir.github.io/obelisk.js/dist/obelisk.min.1.0.2.js" type="text/javascript"></script>

<div class="title">■ pixelated by obelisk.js <a href="//github.com/nosir/obelisk.js" target="_blank">https://github.com/nosir/obelisk.js</a><span class="uncle">■ gif provided by <a href="//inpla.net/forum-453-1.html">unclebig2D</a></span></div>
<div class="main">
    <img id="animation" src="data:image/gif;base64,R0lGODlhQAAcAKIEAGBgYKioqAAAAP///////wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTBCREM1QjlBRjIxMUUzQkIwQkRFM0Q0NDc3RDJGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMTBCREM1QzlBRjIxMUUzQkIwQkRFM0Q0NDc3RDJGRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjExMEJEQzU5OUFGMjExRTNCQjBCREUzRDQ0NzdEMkZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjExMEJEQzVBOUFGMjExRTNCQjBCREUzRDQ0NzdEMkZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR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" />
    <canvas id="canvas-floor" class="stage-canvas" width="465" height="465"></canvas>
    <canvas id="canvas-uncle" class="stage-canvas" width="465" height="465"></canvas>
</div>
              
            
!

CSS

              
                body {
  margin: 3px 0 0 5px;
  padding: 0;
  border: 0;
  background-color: #FFFFFF;
}

#canvas-uncle, #canvas-floor {
  position: absolute;
  left: 50px;
  top: 0;
}

img {
  position: absolute;
}

.title, .title a {
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 13px;
  color: #BBB;
}
.title .uncle {
  margin-left: 20px;
}
.main {
  position: relative;
  margin-top: 5px;
}
              
            
!

JS

              
                var WIDTH = 64;
var HEIGHT = 28;

var img = document.getElementById('animation');
var ctx = document.createElement('canvas').getContext("2d");
var canvas = document.getElementById('canvas-uncle');

var stack = [];
var size = 8;
var point = new obelisk.Point(50, 120);
var pixelView = new obelisk.PixelView(canvas, point);

function getPixel(data, x, y) {
    var index = (y * WIDTH + x) * 4;
    var r = data[index];
    var g = data[index + 1];
    var b = data[index + 2];
    return ((r << 16) | (g << 8) | b);
}

function draw() {
    ctx.drawImage(img, 0, 0, WIDTH, HEIGHT);
    var imgData = ctx.getImageData(0, 0, WIDTH, HEIGHT);
    pixelView.clear();
    for (var y = HEIGHT - 1; y >= 0; y--) {
        for (var x = 0; x < WIDTH - 1; x++) {
            var pixelColor = getPixel(imgData.data, x, y);
            if (pixelColor !== 0xFFFFFF) {
                var cube;
                var flag = false;
                for (var i in stack) {
                    if (stack[i][1] === pixelColor) {
                        cube = stack[i][0];
                        flag = true;
                        break;
                    }
                }
                if (!flag) {
                    // lighten color a little bit otherwise it's too dark o
                    var fixedColor = obelisk.ColorGeom.applyBrightness(pixelColor, 50);
                    var color = new obelisk.CubeColor().getByHorizontalColor(fixedColor);
                    var dimension = new obelisk.CubeDimension(size, size + 2, size);
                    cube = new obelisk.Cube(dimension, color, false);
                    stack.push([cube, pixelColor]);
                }
                var p3d = new obelisk.Point3D(x * (size - 2), 0, (HEIGHT - 1 - y) * (size));
                pixelView.renderObject(cube, p3d);
            }
        }
    }
}

// render loop
window.requestAnimFrame = (function () {
    return window.requestAnimationFrame ||
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        function (callback) {
            window.setTimeout(callback, 1000 / 60);
        };
})();

(function animloop() {
    requestAnimFrame(animloop);
    draw();
})();

// build floor
var canvasFloor = document.getElementById('canvas-floor');
var pixelViewFloor = new obelisk.PixelView(canvasFloor, point);
var floorDimension = new obelisk.CubeDimension((size - 2) * (WIDTH + 2), (size - 2) * 9, size);
var floor = new obelisk.Cube(floorDimension, new obelisk.CubeColor(), false);
pixelViewFloor.renderObject(floor, new obelisk.Point3D(-20, -30, 0));

              
            
!
999px

Console