-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.js
94 lines (76 loc) · 4.18 KB
/
index.js
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
function init(){
var donnees = [ // id, titre, texte, [textePhotoA,textePhotoB,textePhotoC]
["S1", "Statues en tranches sur un axe", "Technique basique et nécessitant le plus de carton, donne un bon rendu, peut servir pour faire un moule.",
["petit <b>dodo</b> en tranches de carton, <b>2015</b>"
,"Script <b>jscad</b> de tranchage numérique paramétrique (ancienne version), vue 3d d'un modèle d'<b>ours</b>"
,"Depuis le même script, vue 2d du même modèle, pièces à découper et assembler pour l'obtenir en 20 cm de haut avec du carton de 3 mm"]
],
["S2", "Statues voxelisées en tranches sur un axe", 'rendu "pixellisé", nécessite de voxeliser (discrétiser) le modèle 3d, mais après les calculs sont grandement simplifiés',
["<b>Lapin de Stanford</b> voxelisé en carton, <b>2016</b>"
,"Script <b>jscad</b> de voxelisation d'un modèle 3d"
,"Découpe des tranches à assembler pour obtenir la statue voxelisée du <b>lapin de Stanford</b>"]
],
["S3", "Statues en tranches sur deux axes", "le tranchage sur deux axes : économe en carton mais le rendu est peu détaillé, parfait pour un squelette de meuble",
["petit <b>ourson</b> en tranches de carton entrecroisées, <b>2016</b>"
,"Script <b>jscad</b> générant des tranches entrecroisées (ancienne version)"
,"Même script, vue éclatée montrant le modèle et les tranches, une autre vue en 2d calcule les pièces à découper et assembler"]
],
["O1", "Vases / Bols", "",
["Vases géométriques divers,<b>2017-2019</b>"
,"Grand vase en cours de déco., hauteur 57 cm, <b>2018</b>"
,"Petit bol en carton à côté de son modèle 3d fait avec Wings3d, <b>2019</b>"]
],
["O2", "Boîtes", "",
["Petite boîte hexagonale avec couvercle sur une même boite de plus grande taille, <b>2019</b>"
,"Boîte rectangulaire biseautée avec couvercle, avec à côté son modèle 3d Wings 3d, et son gabarit en pdf, <b>2019</b>"
,"Boîte losange au couvercle biseauté, <b>2019</b>"]
],
["O3", "Volumes ajourés", "",
["Volumes ajourés divers"
,"Petit volume ajouré en cours de fabrication manuelle, avec son gabarit papier, <b>2019</b>"
,"Petit bol carré ajouré, découpe laser très fine (< 1 mm par endroits), <b>2015</b>"]
],
["O4", "Cadres", "",
["Cadres miroirs issus du script de création de biseaux "diamantés", <b>2019</b>"
,"Cadre assemblé et à côté, son modèle 3d, <b>2016</b>"
,"Modélisation en cours d'un cadre biseauté, <b>2016</b>"]
]
];
for(var i in donnees){
var parent = document.getElementById(donnees[i][0]);
parent.setAttribute("class", "w3-container");
var titre = document.createElement("h3");
titre.id = donnees[i][1]
titre.innerHTML = "<br/>" + donnees[i][1];
parent.appendChild(titre);
if(donnees[i][2]){
var texte = document.createElement('p');
texte.innerHTML = donnees[i][2];
parent.appendChild(texte);
}
for(var j=0; j<donnees[i][3].length; j++){
creePanneau(parent, donnees[i][0]+ String.fromCharCode(65+j), "w3-third", donnees[i][3][j], "w3-card w3-green");
}
}
}
function creePanneau(racine, nom, clBase, texte, classe){
var base = document.createElement("div");
base.setAttribute("class", clBase);
racine.appendChild(base);
var parent = document.createElement("div");
parent.setAttribute("class", classe);
base.appendChild(parent);
var cible = document.createElement("a");
var img = nom +".jpg";
cible.setAttribute("href", "img/" + img);
cible.setAttribute("target", "_blank");
parent.appendChild(cible);
var elem = document.createElement("img");
elem.src = "img/s/" + img;
elem.setAttribute("style", "width:100%");
cible.appendChild(elem);
cible = document.createElement("div");
cible.setAttribute("class", "w3-container");
cible.innerHTML = texte;
parent.appendChild(cible);
}