T
<![CDATA[
<script>
$(document).ready(function(){
var $container = $('#article [name="canvas"] .content');
if(!$container.length) return;
$.getScript("https://cdn.jsdelivr.net/npm/p5@1.9.0/lib/p5.min.js")
.done(function(){
$container.find('canvas').remove();
new p5(function(p){
let c1, c2, c3;
const largestCircleDiameter = 1400;
const largestCircleRadius = largestCircleDiameter / 2;
p.setup = function() {
let w = $container.width();
let h = $container.height();
let canvas = p.createCanvas(w, h);
$(canvas.elt).appendTo($container);
p.background("#1d258c");
p.noStroke();
c1 = p.color("#1d258c");
c2 = p.color("#2014c7");
c3 = p.color("#362bff");
}
p.draw = function() {
p.push();
p.translate(p.width / 2, p.height / 2);
p.translate(0, -250);
let maxRadius = largestCircleRadius / 0.58;
let radii = [
maxRadius * 0.2,
maxRadius * 0.3,
maxRadius * 0.4,
maxRadius * 0.5,
maxRadius * 0.6
];
let speeds = [0.8, 0.62, 0.48, 0.35, 0.22];
for (let i = 0; i < 5; i++) {
p.push();
p.rotate(p.radians(p.frameCount * speeds[i]));
let dx = 0;
let dy = 0;
let dh = 2;
let t = p.map(
p.sin(p.radians(p.frameCount * (1.2 + i * 0.17) + i * 55)),
-1, 1, 0, 1
);
let ringColor;
if (t < 0.5) {
ringColor = p.lerpColor(c1, c2, t * 2);
} else {
ringColor = p.lerpColor(c2, c3, (t - 0.5) * 2);
}
p.fill(ringColor);
p.rect(dx, dy, radii[i], dh);
p.pop();
}
p.pop();
}
p.windowResized = function(){
p.resizeCanvas($container.width(), $container.height());
};
}, $container[0]);
})
.fail(function(){
console.error("p5 не загрузился");
});
});
</script>]]> Само название The Blueprint подразумевает, что синий — неотъемлемая часть нашей ДНК. Цвет нашего логотипа — это цвет чернил из школьных прописей, впервые увиденного моря, вечернего летнего неба
и много чего еще, что может вызывать у вас ностальгию, надежду, нежность. А еще это цвет мира и войны, экоактивизма и политического консерватизма, беспощадного океана и безжизненного космоса, музыкальной искренности и алкогольной безнадеги. Наш новый специальный выпуск, шеф-редактором которого стал Алексей Исаков, — это этюд в синих тонах обо всем этом разом. Каких оттенков в нем больше и какие важнее — каждый увидит по-своему.
Ультрамарин, лазурь, индиго
и другие оттенки моря и неба
в истории, религии и культуре
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":162,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":140,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":false}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":-162,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":140,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":false}}],"transform_origin":{"x":0.5,"y":0.5}}
Надрыв, протест
и счастье вопреки:
как синие
тени стали высказыванием
Чем актуальна выставка The Blueprint
и LIMÉ
«Отпечатки / Imprints»
Материалы будут появляться постепенно, оставайтесь на связи.
