Utilisateur:Celia : Différence entre versions
(→CODE JAVASCRIPT) |
(→CODE JAVASCRIPT) |
||
Ligne 131 : | Ligne 131 : | ||
<syntaxhighlight lang="js"> | <syntaxhighlight lang="js"> | ||
+ | <!doctype html> | ||
document.addEventListener('keydown', (e) => { | document.addEventListener('keydown', (e) => { |
Version du 19 mars 2021 à 14:48
Sommaire
LE MONDE
Mon monde
La cité des suicides :
- Sous le bois de Vincennes, à l’est de Paris. L’existence de cette ville cachée a été révélée lors de la construction de la ligne de métro Bastille et Vincennes. L’inspecteur de police Sauvage la découvrit alors qu’il recherchait un certain nombre d’ouvriers qui avaient disparu au cours des travaux de fondation.
- Chanson de la ville au silence absolu
- L’air se trouve e effet filtré, laissant entrer de grandes quantités d’ozone et bloquant la route aux microbes. En dépit des délices évidents qu’offre la ville, les visiteurs l’ont décrite comme lugubre et mélancolique.
Les personnages =
L’Anglais :
- Las de la vie par ennui
- Word of the day : Morose
- Tout me lasse ; je remorque avec peine mon ennui avec mes jours, et je vais partout bâillant ma vie.
Le Français :
- Fatigué de la débauche
- Et ta débauche ne leurre qu'un instant ton désespoir caché.
- J'ai trente ans et je n'ai encore rien pu réaliser de ce que je souhaitais. Toujours embauché, débauché, et chaque mois, je vieillis d'une année. Je n'ai rien vu du monde, rien obtenu de la vie si ce n'est cet espoir : cela viendra, c'est le commencement.
Le Médecin :
- L’alimentation se limite à l’absorption de minuscules pilules qui activent le cerveau.
- Chaque habitant doit observer la règle du silence absolu, sauf lorsqu’il est interrogé par son médecin.
- Cette sorte de praticiens appartient en fait à la police, car la communauté n’a pas de problèmes de santé : grâce aux murs protecteurs, datant des temps préhistoriques, qui entourent la ville, l’atmosphère est pure à cent pour cent. L’air se trouve en effet filtré, laissant entrer de grandes quantités d’ozone et bloquant la route aux microbes.
L’Espagnol :
- Les Espagnols, qui ont tenté de se supprimer par désespoir d’amour.
LA CARTOGRAPHIE (Dataviz)
Ambiance galaxy / représenter le monde vu de l'univers
A travers des sortes de Milkyway
Couleurs vives sur fond noir
Quelques essais de planètes/ Milkyway
LA PAGE HTML VIVANTE
Inspiration :
Je souhaite faire une page Html qui représente une carte à gratter qui donne, soit bonne fortune, soit une prédiction astrologique. Je souhaite aligner si c'est possible trois cartes.
Comme les cartes gagnantes que l'on trouve dans les bureaux de tabac, mais cette fois-ci sans histoire d'argent.
Sources :
file:///C:/Users/HP/Desktop/carto/gratte.html
INTERACTION AVEC UNE INTERFACE
Première idée
- Des capteurs positionnés sur le corps qui permettrait d'interagir avec une interface telle que paint 3D. Ainsi, de faire de formes grâce à une chorégraphie. L'interaction avec ce logiciel se transformerait en performance. Chaque mouvement serait associé à une action qui aurait été faite avec le clavier ou la souris, en temps normal.
Deuxième idée
Plus axé "web dev" / sous forme d'extension Chrome
Quelques idées de modifications d'interfaces en fonction de ce que je souhaiterais apprendre à coder :
- Inverser la logique de l'interface afin d'avoir une nouvelle approche. Par exemple: mettre les éléments du haut, en bas ou ceux de
gauche, à droite.
- Suprimer les images, laisser que le texte ou l'inverse.
- Reprendre l'idée de la carte à gratter, mais cette fois-ci, sur des interfaces déjà existante pour choisir nous même, les images que
l'on souhaite voir en fonction de leur titre.
- Traitement d'images: comment l'agrandir, autre que zoom avec deux doigts ou le double clic. Peut-être voir comment transformer la forme de l'image, par les angles ou complètement la modifier, l'effacer, en mettre une autre etc.
- Laisser que les mots clefs pour faciliter la lecture d'une page avec beaucoup d'informations.
INTERACTION AVEC LE CLAVIER
Suites de lettres qui émettent une action :
- azertyuiop = Agrandir les images (Action cumulable)
- qsdfghjklm = Agrandir la typo (Action cumulable)
- wxcvbn,;:! = Aller à la page suivante (Action cumulable)
- poiuytreza = Rétrécir les images (Action cumulable)
- mlkjhgfdsq = Rétrécir la typo (Action cumulable)
- !:;,nbvcxw = Revenir en arrière (Action cumulable)
- aqw = Aller en bas de la page
- zsx = Scroller vers le bas
- edc = Aller à la barre de recherche
- rfv = Afficher que les img ou jpg
- tgb = Afficher que le texte
- yhn = Inverser le sens d'affichage
- uj, = Afficher seulement les mots clefs sans les images
- ik; = Afficher le titre des images sans les images mais avec le texte
- ol: = Activer le clavier normal (Action cumulable on/off)
- pm! = Ouvrir un onglet au hasard dans un nouvel onglet
- wqa = Aller en haut de la page
- xsz = Scroller vers le haut
- cde = Aller à l'accueil
- vfr = Revenir à la normal (Valable pour chaque modification émise)
- bgt = Sélectionner un élément (puis se balader avec les flèches)
- nhy = Cliquer sur l'élément sélectionner
- ,ju = Désactiver l'outil sélection
- ;ki =
- :lo = Rouvrir le dernier onglet fermé
- !mp = Fermer le dernier onglet ouvert
CODE JAVASCRIPT
<syntaxhighlight lang="js"> <!doctype html>
document.addEventListener('keydown', (e) => {
if(e.key == 'z') document.documentElement.scrollTop += 50;
});
document.addEventListener('keydown', (e) => {
if(e.key == 'x') document.documentElement.scrollTop -= 50; });
document.addEventListener('keydown', (e) => {
if(e.key == 'a') document.documentElement.scrollTop = 100000000000000; });
document.addEventListener('keydown', (e) => {
if(e.key == 'w') document.documentElement.scrollTop -= 100000000000000; });