Corps et interface - Historique des versions

Lionel : /* Événements javascript (pour capter la souris ou le clavier) */

2021-03-12T13:24:31Z

Événements javascript (pour capter la souris ou le clavier)

← Version précédente		Version du 12 mars 2021 à 13:24
Ligne 86 :		Ligne 86 :

	==== Événements javascript (pour capter la souris ou le clavier) ====		==== Événements javascript (pour capter la souris ou le clavier) ====
	<~~syntaxhiglight~~ lang="js">		<syntaxhighlight lang="js">
	<!doctype html>		<!doctype html>
	<html>		<html>
Ligne 143 :		Ligne 143 :
	</html>		</html>
	</syntaxhighlight>		</syntaxhighlight>


	==== Bits & sounds ====		==== Bits & sounds ====

Lionel le 12 mars 2021 à 13:24

2021-03-12T13:24:17Z

← Version précédente		Version du 12 mars 2021 à 13:24
Ligne 84 :		Ligne 84 :

	[[Fichier:Facial landmarks 68markup.jpg\|500px]]		[[Fichier:Facial landmarks 68markup.jpg\|500px]]

			==== Événements javascript (pour capter la souris ou le clavier) ====
			<syntaxhiglight lang="js">
			<!doctype html>
			<html>
			<head>
			<meta charset="utf-8">
			<title>Événements js</title>
			<style>
			div#bloc1{
			width:200px;
			height:200px;
			border:1px solid black;

			}
			</style>

			</head>
			<body>
			<div id="bloc1"></div>


			<script>

			//document.scrollTo()
			var monBloc = document.querySelector('div#bloc1');
			monBloc.addEventListener('click', function(){
			alert('coucou');
			});
			monBloc.addEventListener('mouseenter', ()=>{
			monBloc.style.backgroundColor = 'red';
			monBloc.style.marginLeft = '200px';
			});
			monBloc.addEventListener('mouseleave', ()=>{
			monBloc.style.backgroundColor = 'transparent';
			monBloc.style.marginLeft = '400px';
			});
			monBloc.addEventListener('mousemove', ()=>{

			console.log('bouge');
			});
			monBloc.addEventListener('mousedown', () =>{

			});
			monBloc.addEventListener('mouseup', () =>{

			});
			document.addEventListener('keypress', (event) => {
			console.log(event.key);
			/*if(event.key == 'd'){
			alert('tu as appuyé sur d.');
			}*/
			//alert('boum!');
			});
			</script>
			<!--script src="monfichier.js"></script-->
			</body>
			</html>
			</syntaxhighlight>


	==== Bits & sounds ====		==== Bits & sounds ====

Alexia le 26 février 2021 à 16:28

2021-02-26T16:28:55Z

← Version précédente		Version du 26 février 2021 à 16:28
Ligne 85 :		Ligne 85 :
	[[Fichier:Facial landmarks 68markup.jpg\|500px]]		[[Fichier:Facial landmarks 68markup.jpg\|500px]]

			==== Bits & sounds ====
			Quelques cools exemples autour de la génération de musique sur base de couleurs, de data, de méthodes génératives…
			ici → http://culturesnumeriques.erg.be/spip.php?article31

	===Étapes de travail===		===Étapes de travail===

	Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.		Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.

Lionel le 26 février 2021 à 15:16

2021-02-26T15:16:41Z

← Version précédente		Version du 26 février 2021 à 15:16
Ligne 79 :		Ligne 79 :
	* détecter le bout de la langue (kinect, C#) - https://www.youtube.com/watch?v=_KpyM0ge1HE code: https://github.com/TangoChen/Kv2TongueTracking		* détecter le bout de la langue (kinect, C#) - https://www.youtube.com/watch?v=_KpyM0ge1HE code: https://github.com/TangoChen/Kv2TongueTracking
	* des scripts de détection du visage - https://gitlab.com/lionelmaes/erg-opencv-python		* des scripts de détection du visage - https://gitlab.com/lionelmaes/erg-opencv-python
			pour lancer les scripts:
			<source>python3.9 detect_blinks.py --shape-predictor shape_predictor_68_face_landmarks.dat</source>
			<source>python3.9 facial_landmarks.py --shape-predictor shape_predictor_68_face_landmarks.dat</source>

	[[Fichier:Facial landmarks 68markup.jpg\|500px]]		[[Fichier:Facial landmarks 68markup.jpg\|500px]]

Lionel le 26 février 2021 à 10:29

2021-02-26T10:29:17Z

← Version précédente		Version du 26 février 2021 à 10:29
Ligne 80 :		Ligne 80 :
	* des scripts de détection du visage - https://gitlab.com/lionelmaes/erg-opencv-python		* des scripts de détection du visage - https://gitlab.com/lionelmaes/erg-opencv-python

	[[Fichier:Facial landmarks 68markup.jpg]]		[[Fichier:Facial landmarks 68markup.jpg\|500px]]


	===Étapes de travail===		===Étapes de travail===

	Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.		Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.

Lionel : /* Utiliser la webcam pour détecter le visage -- une interface sans interface */

2021-02-26T10:27:51Z

Utiliser la webcam pour détecter le visage -- une interface sans interface

← Version précédente		Version du 26 février 2021 à 10:27
Ligne 79 :		Ligne 79 :
	* détecter le bout de la langue (kinect, C#) - https://www.youtube.com/watch?v=_KpyM0ge1HE code: https://github.com/TangoChen/Kv2TongueTracking		* détecter le bout de la langue (kinect, C#) - https://www.youtube.com/watch?v=_KpyM0ge1HE code: https://github.com/TangoChen/Kv2TongueTracking
	* des scripts de détection du visage - https://gitlab.com/lionelmaes/erg-opencv-python		* des scripts de détection du visage - https://gitlab.com/lionelmaes/erg-opencv-python

			[[Fichier:Facial landmarks 68markup.jpg]]

	===Étapes de travail===		===Étapes de travail===

	Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.		Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.

Lionel : /* Utiliser la webcam -- une interface sans interface */

2021-02-26T10:26:47Z

Utiliser la webcam -- une interface sans interface

← Version précédente		Version du 26 février 2021 à 10:26
Ligne 76 :		Ligne 76 :


	==== Utiliser la webcam -- une interface sans interface ====		==== Utiliser la webcam pour détecter le visage -- une interface sans interface ====
	* détecter le bout de la langue (kinect, C#) - https://www.youtube.com/watch?v=_KpyM0ge1HE code: https://github.com/TangoChen/Kv2TongueTracking		* détecter le bout de la langue (kinect, C#) - https://www.youtube.com/watch?v=_KpyM0ge1HE code: https://github.com/TangoChen/Kv2TongueTracking
	* des scripts de détection du visage - https://gitlab.com/lionelmaes/erg-opencv-python		* des scripts de détection du visage - https://gitlab.com/lionelmaes/erg-opencv-python

Lionel : /* Utiliser la webcam -- une interface sans interface */

2021-02-26T10:23:02Z

Utiliser la webcam -- une interface sans interface

← Version précédente		Version du 26 février 2021 à 10:23
Ligne 77 :		Ligne 77 :

	==== Utiliser la webcam -- une interface sans interface ====		==== Utiliser la webcam -- une interface sans interface ====
	* détecter le clignement des yeux - https://github.com/Practical-CV/EYE-BLINK-DETECTION-WITH-OPENCV-AND-DLIB		* détecter le bout de la langue (kinect, C#) - https://www.youtube.com/watch?v=_KpyM0ge1HE code: https://github.com/TangoChen/Kv2TongueTracking
	* détecter le bout de la langue (kinect) - https://www.youtube.com/watch?v=_KpyM0ge1HE code: https://github.com/TangoChen/Kv2TongueTracking		* des scripts de détection du visage - https://gitlab.com/lionelmaes/erg-opencv-python

	===Étapes de travail===		===Étapes de travail===

	Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.		Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.

Lionel : /* Utiliser la webcam -- une interface sans interface */

2021-02-26T09:47:43Z

Utiliser la webcam -- une interface sans interface

← Version précédente		Version du 26 février 2021 à 09:47
Ligne 77 :		Ligne 77 :

	==== Utiliser la webcam -- une interface sans interface ====		==== Utiliser la webcam -- une interface sans interface ====
	https://github.com/Practical-CV/EYE-BLINK-DETECTION-WITH-OPENCV-AND-DLIB		* détecter le clignement des yeux - https://github.com/Practical-CV/EYE-BLINK-DETECTION-WITH-OPENCV-AND-DLIB
			* détecter le bout de la langue (kinect) - https://www.youtube.com/watch?v=_KpyM0ge1HE code: https://github.com/TangoChen/Kv2TongueTracking

	===Étapes de travail===		===Étapes de travail===

	Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.		Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.

Lionel le 26 février 2021 à 09:17

2021-02-26T09:17:54Z

← Version précédente		Version du 26 février 2021 à 09:17
Ligne 74 :		Ligne 74 :
	* [http://contemporary-home-computing.org/turing-complete-user/ Turing Complete User] en français dans le cloud		* [http://contemporary-home-computing.org/turing-complete-user/ Turing Complete User] en français dans le cloud
	* [https://www.cairn.info/revue-multitudes-2018-4-page-100.html Une rhétorique au cœur des interfaces numériques Le design de la transparence]		* [https://www.cairn.info/revue-multitudes-2018-4-page-100.html Une rhétorique au cœur des interfaces numériques Le design de la transparence]


			==== Utiliser la webcam -- une interface sans interface ====
			https://github.com/Practical-CV/EYE-BLINK-DETECTION-WITH-OPENCV-AND-DLIB

	===Étapes de travail===		===Étapes de travail===

	Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.		Etape 1: imaginer un dispositif / un détournement d'interface. Envisager quelles applications dans la foulée. Documenter le projet (références, schémas, notes) dans le wiki.

Corps et interface - Historique des versions

Lionel : /* Événements javascript (pour capter la souris ou le clavier) */

Lionel le 12 mars 2021 à 13:24

Alexia le 26 février 2021 à 16:28

Lionel le 26 février 2021 à 15:16

Lionel le 26 février 2021 à 10:29

Lionel : /* Utiliser la webcam pour détecter le visage -- une interface sans interface */

Lionel : /* Utiliser la webcam -- une interface sans interface */

Lionel : /* Utiliser la webcam -- une interface sans interface */

Lionel : /* Utiliser la webcam -- une interface sans interface */

Lionel le 26 février 2021 à 09:17

Lionel : /* Événements javascript (pour capter la souris ou le clavier) */

Lionel : /* Utiliser la webcam pour détecter le visage -- une interface sans interface */

Lionel : /* Utiliser la webcam -- une interface sans interface */

Lionel : /* Utiliser la webcam -- une interface sans interface */

Lionel : /* Utiliser la webcam -- une interface sans interface */