mercredi, juin 28, 2017

Lecjoa version 2.3.9.2 est sortie

Bonjour,

La particularité de la version 2.3.9.2 de Lecjoa est que l'instrument de musique est entièrement construit sur des briques. Des briques acoustiques, pour les sons, des briques qui utilisent plusieurs dimensions en équilibre. Des briques visuelles pour les images, des briques qui utilise les dimensions du css pour générer.

L’instrument de musique dans l'extension, ne contient plus de css, tout est généré par les briques visuelles.

Voici le code qui remplace le css et génère l'image, c'est du GNU General Public License, version 3.0 

var l={0:[],1:[],2:[],3:[],4:[],5:[],6:[],7:[],8:[],9:[],10:[],11:[],12:[],13:[],14:[],15:[],16:[],17:[]
,18:[],19:[],20:[],21:[],22:[],23:[],24:[],25:[],26:[],27:[],28:[],29:[],30:[],31:[],32:[]
,33:[],34:[],35:[],36:[],37:[],38:[],39:[],40:[],41:[],42:[],43:[],44:[],45:[],46:[],47:[],48:[]};


var l1 = [13, 13, "-moz-linear-gradient(left,#990033,#ff5050,#ff9966,#ffcc00,#99cc00,#00cc00,#009999)",
0, 0, "50% 52% 86% 88% / 50% 78% 50% 99%", 0, 0, 0, 85, 85, 10];
var l2 = [13, 13, "-moz-linear-gradient(left,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)", 14, 0, "50% 52% 50% 88% / 50% 42% 99% 99%", 0, 0, 0, 85,
85, 10];
var l3 = [13, 13, "-moz-linear-gradient(left,#990033,#ff5050,#ff9966,#ffcc00,#99cc99,#00cc00,#001199)", 28, 0, "50% 88% 50% 88% / 50% 42% 50% 99%", 0, 0, 0, 85,
85, 10];
var l4 = [13, 13, "-moz-linear-gradient(top,#990033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#009999)", 42, 0, "50% 52% 50% 88% / 50% 42% 50% 99%", 0, 0, 0, 85,
85, 10];
var l5 = [13, 13, "-moz-linear-gradient(left,#990033,#ff5050,#ff9966,#ffcc00,#11cc00,#00cc00,#009999)", 56, 0, "50% 52% 50% 25% / 50% 99% 50% 45%", 0, 0, 0, 85,
85, 10];
var l6 = [13, 13, "-moz-linear-gradient(left,#ff0033,#ff5050,#ff9966,#ffcc00,#99ff00,#00cc00,#009999)", 70, 0, "50% 52% 50% 67% / 50% 42% 50% 45%", 0, 0, 0, 85,
85, 10];
var l7 = [13, 13, "-moz-linear-gradient(left,#ff0033,#ff5050,#ff1166,#ffcc00,#99cc00,#00cc00,#449999)", 84, 0, "50% 52% 50% 25% / 84% 42% 50% 45%", 0, 0, 0, 85,
85, 10];
var l8 = [13, 13, "-moz-linear-gradient(45deg,#990033,#ff5050,#ff9966,#ffcc00,#99cc00,#00cc00,#009999)", 0, 10, "50% 52% 50% 25% / 50% 42% 77% 45%", 0, 0, 0, 85,
85, 10];
var l9 = [13, 13, "-moz-linear-gradient(55deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)", 14, 10, "50% 11% 50% 25% / 50% 42% 50% 45%", 0, 0, 0, 85,
85, 10];
var l10 = [13, 13, "-moz-linear-gradient(65deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)", 28, 10, "50% 52% 50% 99% / 50% 42% 50% 45%", 0, 0, 0, 85,
85, 10];
var l11 = [13, 13, "-moz-linear-gradient(75deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)", 42, 10, "50% 52% 50% 25% / 50% 42% 50% 45%", 0, 0, 0, 85,
85, 10];
var l12 = [13, 13, "-moz-linear-gradient(85deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)", 56, 10, "20% 99% 80% 99% / 10% 99% 55% 1%", 0, 0, 0, 85,
85, 10];
var l13 = [13, 13, "-moz-linear-gradient(95deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)", 70, 10, "50% 99% 50% 99% / 50% 99% 50% 1%", 0, 0, 0, 85,
85, 10];
var l14 = [13, 13, "-moz-linear-gradient(105deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)", 84, 10, "99% 99% 99% 99% / 58% 99% 72% 1%", 0, 0, 0, 85,
85, 10];
var l15 = [13, 13, "-moz-linear-gradient(115deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)", 0, 20, "99% 88% 77% 66% / 99% 99% 99% 1%", 0, 0, 0, 85,
85, 10];
var l16 = [13, 13, "-moz-radial-gradient(red, yellow, green)", 14, 20, "99% 99% 66% 99% / 99% 45% 99% 1%", 0, 0, 0, 85,
85, 10];
var l17 = [13, 13, "-moz-radial-gradient(yellow, red, green)", 28, 20, "99% 50% 99% 99% / 44% 99% 99% 1%", 0, 0, 0, 85,
85, 10];
var l18 = [13, 13, "-moz-radial-gradient(red, green, yellow)", 42, 20, "99% 99% 1% 99% / 99% 88% 1% 99%", 0, 0, 0, 85,
85, 10];
var l19 = [13, 13, "-moz-radial-gradient(blue, green, yellow)", 56, 20, "99% 77% 99% 1% / 99% 99% 99% 1%", 0, 0, 0, 85,
85, 10];
var l20 = [13, 13, "-moz-radial-gradient(blue, #ffcc00, yellow)", 70, 20, "1% 99% 99% 99% / 99% 99% 99% 99%", 0, 0, 0, 85,
85, 10];
var l21 = [13, 13, "-moz-radial-gradient(#ff5050, #ffcc00, #009999)", 84, 20, "99% 1% 99% 99% / 99% 99% 99% 99%", 0, 0, 0, 85,
85, 10];
var l22 = [13, 13, "-moz-linear-gradient(top,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 0, 30, "99% 99% 1% 99% / 99% 99% 99% 99%", 0, 0, 0, 85,
85, 10];
var l23 = [13, 13, "-moz-linear-gradient(10deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 14, 30, "99% 99% 99% 1% / 99% 99% 99% 99%", 0, 0, 0, 85,
85, 10];
var l24 = [13, 13, "-moz-linear-gradient(20deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 28, 30, "99% 99% 99% 99% / 1% 99% 99% 99%", 0, 0, 0, 85,
85, 10];
var l25 = [13, 13, "-moz-linear-gradient(30deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 42, 30, "99% 99% 99% 99% / 99% 1% 99% 99%", 0, 0, 0, 85,
85, 10];
var l26 = [13, 13, "-moz-linear-gradient(40deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 56, 30, "99% 99% 99% 99% / 99% 99% 1% 99%", 0, 0, 0, 85,
85, 10];
var l27 = [13, 13, "-moz-linear-gradient(50deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 70, 30, "99% 99% 99% 99% / 99% 99% 99% 1%", 0, 0, 0, 85,
85, 10];
var l28 = [13, 13, "-moz-linear-gradient(60deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 84, 30, "50% 10% 6% 90% / 88% 88% 88% 88%", 0, 0, 0, 85,
85, 10];
var l29 = [13, 13, "-moz-linear-gradient(70deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 0, 40, "90% 60% 90% 90% / 50% 99% 20% 50%", 0, 0, 0, 85,
85, 10];
var l30 = [13, 13, "-moz-linear-gradient(80deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 14, 40, "50% 10% 65% 90% / 50% 99% 88% 50%", 0, 0, 0, 85,
85, 10];
var l31 = [13, 13, "-moz-linear-gradient(90deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 28, 40, "50% 25% 50% 90% / 50% 25% 20% 50%", 0, 0, 0, 85,
85, 10];
var l32 = [13, 13, "-moz-linear-gradient(100deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 42, 40, "50% 656% 50% 90% / 88% 7% 20% 50%", 0, 0, 0, 85,
85, 10];
var l33 = [13, 13, "-moz-linear-gradient(110deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 56, 40, "50% 10% 50% 90% / 50% 99% 20% 50%", 0, 0, 0, 85,
85, 10];
var l34 = [13, 13, "-moz-linear-gradient(120deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 70, 40, "50% 99% 50% 90% / 50% 10% 99% 50%", 0, 0, 0, 85,
85, 10];
var l35 = [13, 13, "-moz-linear-gradient(130deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 84, 40, "50% 10% 50% 90% / 50% 99% 50% 50%", 0, 0, 0, 85,
85, 10];
var l36 = [13, 13, "-moz-linear-gradient(140deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 0, 50, "50% 99% 50% 90% / 50% 10% 50% 50%", 0, 0, 0, 85,
85, 10];
var l37 = [13, 13, "-moz-linear-gradient(150deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 14, 50, "50% 10% 88% 90% / 11% 10% 88% 50%", 0, 0, 0, 85,
85, 10];
var l38 = [13, 13, "-moz-linear-gradient(160deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 28, 50, "50% 10% 44% 90% / 77% 10% 44% 50%", 0, 0, 0, 85,
85, 10];
var l39 = [13, 13, "-moz-linear-gradient(170deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 42, 50, "44% 10% 99% 90% / 50% 10% 99% 50%", 0, 0, 0, 85,
85, 10];
var l40 = [13, 13, "-moz-linear-gradient(10deg,#ff0033,#ff5099,#f00160,#ffcc00,#99cc00,#007c00,#ff9999)", 56, 50, "99% 89% 79% 69% / 59% 49% 39% 29%", 0, 0, 0, 85,
85, 10];
var l41 = [13, 13, "-moz-radial-gradient(#f44050, #ffcc00, #009099)", 70, 50, "10% 20% 30% 40% / 50% 60% 70% 80%", 0, 0, 0, 85,
85, 10];
var l42 = [13, 13, "-moz-radial-gradient(#ff5050, #ffcc00, #111111)", 84, 50, "50% 10% 40% 90% / 80% 10% 50% 50%", 0, 0, 0, 85,
85, 10];
var l43 = [13, 13, "-moz-radial-gradient(#ff5050, #555555, #009999)", 0, 60, "50% 10% 50% 90% / 50% 10% 50% 50%", 0, 0, 0, 85,
85, 10];
var l44 = [13, 13, "-moz-radial-gradient(#777777, #ffcc00, #009999)", 14, 60, "80% 50% 80% 50% / 50% 50% 80% 50%", 0, 0, 0, 85,
85, 10];
var l45 = [13, 13, "-moz-radial-gradient(#ffffff, #ffcc00, #009999)", 28, 60, "50% 10% 50% 60% / 50% 50% 50% 50%", 0, 0, 0, 85,
85, 10];
var l46 = [13, 13, "-moz-radial-gradient(#ff5050, #888888, #009999)", 42, 60, "40% 50% 50% 50% / 50% 50% 30% 50%", 0, 0, 0, 85,
85, 10];
var l47 = [13, 13, "-moz-linear-gradient(150deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 56, 60, "90% 50% 50% 50% / 50% 90% 50% 50%", 0, 0, 0, 85,
85, 10];
var l48 = [13, 13, "-moz-linear-gradient(50deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 70, 60, "50% 50% 50% 50% / 50% 50% 50% 50%", 0, 0, 0, 85,
85, 10];
var l49 = [13, 13, "-moz-linear-gradient(5deg,#ff0033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#ff9999)", 84, 60, "60% 50% 50% 60% / 60% 50% 50% 60%", 0, 0, 0, 85,
85, 10];


l= {
  1: l1, 2: l2,3: l3, 4: l4,5: l5, 6: l6, 7: l7,
  8: l8, 9: l9,10: l10, 11: l11,12: l12, 13: l13, 14: l14,
  15: l15, 16: l16,17: l17, 18: l18,19: l19, 20: l20, 21: l21,
  22: l22, 23: l23,24: l24, 25: l25,26: l26, 27: l27, 28: l28,
  29: l29, 30: l30,31: l31, 32: l32,33: l33, 34: l34, 35: l35,
  36: l36, 37: l37,38: l38, 39: l39,40: l40, 41: l41, 42: l42,
  43: l43, 44: l44,45: l45, 46: l46,47: l47, 48: l48, 49: l49
}


for(var uui= 1; uui < 50; uui++)
{
var nouveauin;
function rajouteElemen() {
var boday   = document.boday || document.getElementsByTagName('body')[0],
nouveauin  = document.createElement("div");
nouveauin.setAttribute("id", "b"+uui+"v");
nouveauin.style.position = "absolute";
nouveauin.style.height = l[uui][0]+"%";
nouveauin.style.width = l[uui][1]+"%";
nouveauin.style.background = l[uui][2];
nouveauin.style.marginLeft=l[uui][3]+"%";
nouveauin.style.marginTop=l[uui][4]+"%";

nouveauin.style.borderRadius=l[uui][5];

boday.insertBefore(nouveauin,boday.childNodes[0]);
}
rajouteElemen();

}

Il ne reste plus qu'à corriger la partie css sur le MOOC,( comment créer un instrument de musique)

Cinq minutes de rire pour un adulte, durent une éternité pour un enfant.

Aucun commentaire: