Texte fluide
Une expérience typographique où un essai en plein écran se réorganise en temps réel autour d’objets en mouvement : découpe des lignes caractère par caractère, obstacles déplaçables et commandes de colonnes.
Une expérience typographique où un essai en plein écran se réorganise en temps réel autour d’objets en mouvement : découpe des lignes caractère par caractère, obstacles déplaçables et commandes de colonnes.
Essayer Websites AgentCréez une page expérimentale sur l’habillage du texte en temps réel. Remplissez l’écran d’un court essai sur la typographie, composé dans une police à empattements avec de généreux espaces blancs pour rester agréable à lire. Répartissez quelques petits objets sur la page et laissez-les dériver et entrer en collision de leur propre chef ; le texte doit s’habiller autour de chaque objet en temps réel, caractère par caractère, afin que les lignes de l’essai se recomposent fluidement à mesure que les obstacles traversent la mise en page. Les objets ne sont pas de simples éléments décoratifs : le visiteur peut saisir n’importe lequel avec la souris, le faire glisser sur la page et le lancer, en voyant le texte s’écarter puis se refermer derrière lui. Prévoyez des commandes pour passer d’une mise en page à deux colonnes à une mise en page à trois colonnes, mettre le mouvement en pause et le reprendre, réinitialiser la scène et zoomer sur l’ensemble de la page avec la molette. Chaque commande doit sembler faire partie de l’essai plutôt que d’un panneau distinct, et la lecture doit rester fluide, quel que soit le chaos créé par les objets. Page statique dans un seul fichier.
Ajoute une petite fonction d’édition : double-cliquez sur n’importe quel objet flottant pour modifier son texte ou le remplacer par un autre, et l’essai se réorganise autour de l’objet modifié en temps réel.
Essayer Websites AgentCréez une page expérimentale sur l’habillage du texte en temps réel. Remplissez l’écran d’un court essai sur la typographie, composé dans une police à empattements avec de généreux espaces blancs pour rester agréable à lire. Répartissez quelques petits objets sur la page et laissez-les dériver et entrer en collision de leur propre chef ; le texte doit s’habiller autour de chaque objet en temps réel, caractère par caractère, afin que les lignes de l’essai se recomposent fluidement à mesure que les obstacles traversent la mise en page. Les objets ne sont pas de simples éléments décoratifs : le visiteur peut saisir n’importe lequel avec la souris, le faire glisser sur la page et le lancer, en voyant le texte s’écarter puis se refermer derrière lui. Prévoyez des commandes pour passer d’une mise en page à deux colonnes à une mise en page à trois colonnes, mettre le mouvement en pause et le reprendre, réinitialiser la scène et zoomer sur l’ensemble de la page avec la molette. Chaque commande doit sembler faire partie de l’essai plutôt que d’un panneau distinct, et la lecture doit rester fluide, quel que soit le chaos créé par les objets. Page statique dans un seul fichier.
Place l’expérience sur un fond sombre tout en conservant la police à empattements et les généreux espaces blancs, afin que les objets en mouvement et le texte qui se réorganise ressortent avec un contraste plus marqué.
Essayer Websites AgentCréez une page expérimentale sur l’habillage du texte en temps réel. Remplissez l’écran d’un court essai sur la typographie, composé dans une police à empattements avec de généreux espaces blancs pour rester agréable à lire. Répartissez quelques petits objets sur la page et laissez-les dériver et entrer en collision de leur propre chef ; le texte doit s’habiller autour de chaque objet en temps réel, caractère par caractère, afin que les lignes de l’essai se recomposent fluidement à mesure que les obstacles traversent la mise en page. Les objets ne sont pas de simples éléments décoratifs : le visiteur peut saisir n’importe lequel avec la souris, le faire glisser sur la page et le lancer, en voyant le texte s’écarter puis se refermer derrière lui. Prévoyez des commandes pour passer d’une mise en page à deux colonnes à une mise en page à trois colonnes, mettre le mouvement en pause et le reprendre, réinitialiser la scène et zoomer sur l’ensemble de la page avec la molette. Chaque commande doit sembler faire partie de l’essai plutôt que d’un panneau distinct, et la lecture doit rester fluide, quel que soit le chaos créé par les objets. Page statique dans un seul fichier.
Remet l’essai en forme dans une police sans empattement à fort contraste au lieu de la police à empattements, montrant comment le même habillage en temps réel et la même recomposition des lignes s’expriment avec une autre voix typographique.
Essayer Websites AgentCréez une page expérimentale sur l’habillage du texte en temps réel. Remplissez l’écran d’un court essai sur la typographie, composé dans une police à empattements avec de généreux espaces blancs pour rester agréable à lire. Répartissez quelques petits objets sur la page et laissez-les dériver et entrer en collision de leur propre chef ; le texte doit s’habiller autour de chaque objet en temps réel, caractère par caractère, afin que les lignes de l’essai se recomposent fluidement à mesure que les obstacles traversent la mise en page. Les objets ne sont pas de simples éléments décoratifs : le visiteur peut saisir n’importe lequel avec la souris, le faire glisser sur la page et le lancer, en voyant le texte s’écarter puis se refermer derrière lui. Prévoyez des commandes pour passer d’une mise en page à deux colonnes à une mise en page à trois colonnes, mettre le mouvement en pause et le reprendre, réinitialiser la scène et zoomer sur l’ensemble de la page avec la molette. Chaque commande doit sembler faire partie de l’essai plutôt que d’un panneau distinct, et la lecture doit rester fluide, quel que soit le chaos créé par les objets. Page statique dans un seul fichier.
Une sélection de saison et des photos de mannequins sous deux angles dans une boutique de mode épurée articulée autour de deux lignes de produits.
Quatre chambres, chacune face à sa propre montagne, un bain de pierre en plein air : une auberge onsen paisible dans la brume.