JS 用方块分割无穷逼近三角形

js, 数学

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 1485
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

'use strict';

var arr = [];
var root = document.querySelector('body');
var i = 1;

function loop() {
    var div = document.createElement('div');
    root.appendChild(div);

var _rect = rect(i, 2);

var _rect2 = _slicedToArray(_rect, 3);

var w = _rect2[0];
    var l = _rect2[1];
    var p = _rect2[2];

var w2 = w / p;
    //if(i>0){
    div.style.left = 100 * w2 - 100 / p + '%';
    div.style.top = 100 * w2 - 0 / p + '%'; + 'vw)';
    //}
    div.title = [i, l, w, p, w2];
    div.style.width = 100 / p + '%';
    div.style.height = 100 / p + '%';
    div.style.color = 'hsl(' + l * 30 + ',100%,50%)';
    div.style.background = 'hsl(' + w2 * 360 + ',100%,50%)';
    if (++i < Math.pow(2, 8)) setTimeout(loop, 30);
}
loop();

function rect(i, b) {

var bin = reverse(i.toString(b));
    var l = i == 0 ? 0 : bin.length;
    var p = Math.pow(b, l);
    var w = parseInt(bin, b);
    return [w, l, p];
}

function reverse(s) {
    var o = '';
    for (var i = s.length - 1; i >= 0; i--) o += s[i];
    return o;
}

编译

CSS

HTML

js, 数学

编辑器支持Emmet

快捷键

js, 数学

简单JS实现的竖向可拖拉区块分割条

JS 最简化版本的俄罗斯方块游戏

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：