Outils pour utilisateurs

Outils du site


wiki:tutoriels:ascii-camera-html:accueil

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
wiki:tutoriels:ascii-camera-html:accueil [2020/10/15 18:45]
bonnetja [Scripts JavaScript]
wiki:tutoriels:ascii-camera-html:accueil [2020/10/16 11:44] (Version actuelle)
bonnetja [Débogage et Infos supplémentaires]
Ligne 25: Ligne 25:
 ===== Présentation de l'effet  ===== ===== Présentation de l'effet  =====
  
-On peut changer la couleur de la typographie et du fond d'écran dans le fichier "ascii.css", en inversant l'ordre des caractères dans le fichier "ascii.js"+On peut changer la couleur de la typographie et du fond d'écran dans le fichier "ascii.css" et inverser l'ordre des caractères dans le fichier "ascii.js"  (" .:-/*0#8%@"), cela nous donne une image en négatif.
  
 === Version classique  === === Version classique  ===
Ligne 66: Ligne 66:
  
  
-Le programme se compose de plusieurs parties, un fichier "index.html" composant la structure de création de la page web, un fichier "asciiCss.css" c'est la feuille de style en cascade, qui permet de composer le style graphique de la page. Et trois autre fichier en JavaScript (language de programmation de scripts utilisé pour les pages internet intéractives), "camera.js" qui définit les fonction et variable de la caméra, "ascii.js" sert à traduire l'image en caractères et en à les organiser et "app.js" donnant un cadre visuel, c'est l'interface.+Le programme se compose de plusieurs parties, un fichier "index.html" composant la structure de création de la page web, un fichier "asciiCss.css" c'est la feuille de style en cascade, qui permet de composer le style graphique de la page. Et trois autre fichier en JavaScript (language de programmation de scripts utilisé pour les pages internet intéractives), "camera.js" qui définit les fonction et variable de la caméra, "ascii.js" sert à traduire l'image en caractères et en à les organiser et "app.js" c'est l'interface.
  
 ==== Structure Html ==== ==== Structure Html ====
Ligne 483: Ligne 483:
 ====== Débogage et Infos supplémentaires ====== ====== Débogage et Infos supplémentaires ======
  
-☛ ATTENTION : ne changer pas l'ordre des fichiers dans le téléchargement sinon vous allez rompre les liens, si vous souhaitez changer les emplacements des sous fichier ( autres que le fichier html), modifiez les liens dans le fichiers "index.html".+☛ ATTENTION : ne changez pas l'ordre des fichiers dans le téléchargement sinon vous allez rompre les liens, si vous souhaitez changer les emplacements des sous fichier ( autres que le fichier html), modifiez les liens dans le fichiers "index.html".
  
 ☛ Si vous souhaitez héberger ce fichier sur votre propre site internet, il ne fonctionnera que si vous utilisez un protocole HTTPS (sécurisé) et non http, c'est la norme depuis 2018 pour pouvoir accéder à la caméra, le micro, la localisation, ... d'un visiteur web. ☛ Si vous souhaitez héberger ce fichier sur votre propre site internet, il ne fonctionnera que si vous utilisez un protocole HTTPS (sécurisé) et non http, c'est la norme depuis 2018 pour pouvoir accéder à la caméra, le micro, la localisation, ... d'un visiteur web.
wiki/tutoriels/ascii-camera-html/accueil.1602780311.txt.gz · Dernière modification: 2020/10/15 18:45 de bonnetja