site-avancement
🙃
Lien du site :
16/05 avancée → bcp de test svg → essayer de changer l'échelle d'un svg + gérer la taille du texte avec, j'ai eu pas mal de confusions. + faut que je commence à voir comment intégrer la photos microscopes
il y a ceci : https://codepen.io/hrousley/pen/dywbmWe → pour mon texte au fur et à mesure, le span risque d'être trop chiant à grande échelle mais cet exemple se rapproche de la forme quand in n'y aura "plus" « moisissure » dans la fiction
Mes tests svg :
(sur l'atelier également si jamais)
test-1
test-2
test-3
test-4
test-5 avec deux morceaux de textes
Grossièrement, l'idée de la page home de mon site :
→ encore bcp à faire lol
⤷Vu comme c'est encore brouillon et assez brusque, je vais essayer d'expliquer l'objectif de cette mise en forme. Même si j'ai pas encore entièrement mon texte ahah, le but est d'essayer de faire en sorte que le texte croisse petit à petit, en le découpant par bribes. Le premier morceau est le plus petit et le dermier est le plus développé lol. Cela me permet de diriger la lecture tout lui donnant une forme décomposer, ainsi que de dessiner une forme rizhome. J'aimerai travailler les timmings, les rythmes de développement également, le code couleur, retravailler la composition de base, je veux bien de l'aide de julien avec le js pour faire des mouvements automatisés, et sans doute d'autres choses.
Avancée mise en forme de la fiction :
test-1_page1
test-2_page1
test-3_page1
j'utilise un filtre svg sur les titres :
<svg>
<filter id="filtre-un">
<feTurbulence type="turbulence" basefrequency="0.03" numOctaves="1">
</feTurbulence>
<feDisplacementMap in="SourceGraphic" scale="10">
</feDisplacementMap>
</filter>
</svg>
avec lequel on peut faire pas mal de choses :
04-05
Jusqu'à que je revoie les profs, je vais avancer sur le mise en forme du reste de mon texte + avec les images.
cette semaine je fais des test pour écrire avec le plotter avec corentin.
Je voulais prendre en photos des fissures d'extérieur, j'avais pas la carte sd de mon appareil photo et là il pleut haha.
Maquettes :
un des soucis avec cette mise en forme c'est que c'est trop static. Le texte l'impression de mouvements sans mouvements :
autre font :
