Improvments
This commit is contained in:
parent
85a9d3f9a0
commit
4dac351ce6
|
@ -104,7 +104,16 @@ développement :
|
||||||
child [missing] {}
|
child [missing] {}
|
||||||
child [missing] {}
|
child [missing] {}
|
||||||
child { node [folder] {scenes}}
|
child { node [folder] {scenes}}
|
||||||
child { node [folder] {utils}}
|
child { node [folder] {utils}
|
||||||
|
child { node [folder] {closure-compiler}}
|
||||||
|
child { node [folder] {simple-compiler}}
|
||||||
|
child { node { build\_all.sh}}
|
||||||
|
child { node { demon.sh}}
|
||||||
|
}
|
||||||
|
child [missing] {}
|
||||||
|
child [missing] {}
|
||||||
|
child [missing] {}
|
||||||
|
child [missing] {}
|
||||||
child { node {l3d.js}}
|
child { node {l3d.js}}
|
||||||
|
|
||||||
;
|
;
|
||||||
|
@ -136,12 +145,30 @@ développement :
|
||||||
}
|
}
|
||||||
child [missing] {}
|
child [missing] {}
|
||||||
child {node [folder] {prototype}
|
child {node [folder] {prototype}
|
||||||
child {node [folder] {interactive}}
|
child {node [folder] {interactive}
|
||||||
child {node [folder] {replay}}
|
child {node {main.js}}
|
||||||
child {node [folder] {tutorial}}
|
}
|
||||||
child {node [folder] {coin-creator}}
|
child [missing] {}
|
||||||
child {node [folder] {coin-viewer}}
|
child {node [folder] {replay}
|
||||||
child {node [folder] {coin-checker}}
|
child {node {main.js}}
|
||||||
|
}
|
||||||
|
child [missing] {}
|
||||||
|
child {node [folder] {tutorial}
|
||||||
|
child {node {main.js}}
|
||||||
|
}
|
||||||
|
child [missing] {}
|
||||||
|
child {node [folder] {coin-creator}
|
||||||
|
child {node {main.js}}
|
||||||
|
}
|
||||||
|
child [missing] {}
|
||||||
|
child {node [folder] {coin-viewer}
|
||||||
|
child {node {main.js}}
|
||||||
|
}
|
||||||
|
child [missing] {}
|
||||||
|
child {node [folder] {coin-checker}
|
||||||
|
child {node {main.js}}
|
||||||
|
}
|
||||||
|
child [missing] {}
|
||||||
child {node {ButtonManager.js}}
|
child {node {ButtonManager.js}}
|
||||||
child {node {Coin.js}}
|
child {node {Coin.js}}
|
||||||
child {node {GlobalFunctions.js}}
|
child {node {GlobalFunctions.js}}
|
||||||
|
@ -232,3 +259,56 @@ utiliserons par la suite.
|
||||||
\paragraph{}
|
\paragraph{}
|
||||||
Dans la suite, nous allons seulement parler de L3D, puisque c'est le code que
|
Dans la suite, nous allons seulement parler de L3D, puisque c'est le code que
|
||||||
nous avons développé.
|
nous avons développé.
|
||||||
|
|
||||||
|
\subsection{Les sources}
|
||||||
|
L3D est composée de plusieurs classes :
|
||||||
|
\begin{itemize}
|
||||||
|
\item les caméras, permettant de choisir des caméras avec des mouvements
|
||||||
|
particuliers
|
||||||
|
\item les canvas, qui permettent d'afficher des informations
|
||||||
|
supplémentaires à l'écran
|
||||||
|
\item les loaders, qui permettent de charger des modèles de manière
|
||||||
|
différente de celles proposées par \threejs
|
||||||
|
\item les classes mathématiques, comme les polynômes de Hermite
|
||||||
|
\item les recommandations, notamment les flèches et les \emph{viewports}
|
||||||
|
\end{itemize}
|
||||||
|
|
||||||
|
\paragraph{}
|
||||||
|
Elle contient aussi quelques fonctions qui permettent de créer les scènes que
|
||||||
|
nous avons utilisées, et notamment leurs recommandations et leurs pièces
|
||||||
|
rouges.
|
||||||
|
|
||||||
|
\paragraph{}
|
||||||
|
Dans le répertoire \texttt{utils}, il y a plusieurs outils pratiques pour le
|
||||||
|
développement et le déploiement : c'est là qu'est rangé le \emph{minifier} de
|
||||||
|
Google, \closurecompiler, et une version simplifiée, le Simple-Compiler, qui
|
||||||
|
utilise les mêmes paramètres mais se contente de concaténer le code.
|
||||||
|
|
||||||
|
\paragraph{}
|
||||||
|
Pour L3D, le premier fichier qui sera dans la version finale est
|
||||||
|
\texttt{l3d.js}. Il contient simplement l'initialisation du \emph{namespace}
|
||||||
|
\texttt{L3D}, auquel toutes les classes et fonctions appartiendront.
|
||||||
|
|
||||||
|
\subsection{Les applications}
|
||||||
|
Les applications sont principalement composées de programmes principaux, qui
|
||||||
|
utilisent les classes de L3D, ainsi, elles ne sont pas fusionnées avec L3D, et
|
||||||
|
laissées dans le namespace global.
|
||||||
|
|
||||||
|
\subsubsection{Interactive}
|
||||||
|
Ceci est l'interface principale, où l'utilisateur doit rechercher les pièces.
|
||||||
|
Nous en parlerons plus dans la section \ref{interface}.
|
||||||
|
|
||||||
|
\subsubsection{Replay}
|
||||||
|
C'est l'interface qui crée une \texttt{ReplayCamera} et permet de visionner une
|
||||||
|
expérience qui a été faite dans le passé.
|
||||||
|
|
||||||
|
\subsubsection{Tutorial}
|
||||||
|
C'est le tutoriel de l'application : il possède notamment une classe qui copie
|
||||||
|
la caméra principale tout en permettant de vérifier que les interactions sont
|
||||||
|
faites comme il faut.
|
||||||
|
|
||||||
|
\subsubsection{Coin-creator}
|
||||||
|
C'est une interface qui permet de créer des pièces : en cliquant sur une paroi,
|
||||||
|
un pièce apparait, et en cliquant sur une pièce, elle disparaît. Cette
|
||||||
|
interface possède un bouton qui permet d'envoyer un mail contenant les données
|
||||||
|
des pièces crées au format JSON.
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
\part{L'interface}
|
\part{L'interface \label{interface}}
|
||||||
\section{Interactions élémentaires}
|
\section{Interactions élémentaires}
|
||||||
\paragraph{}
|
\paragraph{}
|
||||||
La première interface a été pensée pour être la plus simple possible.
|
La première interface a été pensée pour être la plus simple possible.
|
||||||
|
|
|
@ -53,6 +53,7 @@ anchorcolor = blue]{hyperref}
|
||||||
\newcommand{\threejs}{\href{http://threejs.org/}{Three.js }}
|
\newcommand{\threejs}{\href{http://threejs.org/}{Three.js }}
|
||||||
\newcommand{\socketio}{\href{http://socket.io/}{Socket.IO }}
|
\newcommand{\socketio}{\href{http://socket.io/}{Socket.IO }}
|
||||||
\newcommand{\jsdoc}{\href{http://usejsdoc.org/}{JSDoc }}
|
\newcommand{\jsdoc}{\href{http://usejsdoc.org/}{JSDoc }}
|
||||||
|
\newcommand{\closurecompiler}{\href{https://developers.google.com/closure/compiler/}{Closure-Compiler }}
|
||||||
\renewcommand{\include}[1]{\import{./}{#1.tex}}
|
\renewcommand{\include}[1]{\import{./}{#1.tex}}
|
||||||
|
|
||||||
\newcommand{\namedparagraph}[1]{\paragraph{#1}\mbox{}\\}
|
\newcommand{\namedparagraph}[1]{\paragraph{#1}\mbox{}\\}
|
||||||
|
|
Loading…
Reference in New Issue