Make javascript developments simpler

Memento

The Algoscript Library

a=getString(); Function that reads a string on the standard input (prompt). French translation = Saisie [or getString([message] Function that reads a string on the standard input, a optional message is printed. ) or getInt([message]) Function that reads an integer on the standard input, same syntax as getString. French translation = SaisieEntier. ou getReal([message]) Function that reads a real number on the standard input, same syntax as getString. French translation = SaisieReel. ]: Allows to enter a string, an integer or a real number.
toInt(x); Function that casts a string to an integer number (Example, toInt('123') is equal to the number 123) [or toReal(x) Function that casts a string to a real number (Example, toReal('1.23') is equal to the number 1.23) or toString(x) Function that casts a number to a string (Example, toString(123) is equal to the string '123') ]: Conversion functions to integers, reals or strings.
Write(ch); Function that prints the string ch on the standard text output. Adds a newline. [or Print(ch) same as Write(ch) but without the newline. ]: Prints ch on the standard output [and continue of the same line].
ClearScreen(); Clear the standard text output.: Clear the standard text output.
Stop('variable1,variable2'); Debugging function that breaks the execution at a given point and prints the values of some given variables.: Debugging function that breaks the execution at a given point and prints the values of variables variable1 and variable2.
Help(); Print this manual: Print this manual.
InitializeGraphics(); Clear the graphic window and et put the turtle at its initial position. Viewport(minx,miny,maxx,maxy,dir); Defines the coordinate system.: Initialize the graphic window.
Turtle_go(l); Go forward by l unities (depends on the coordinate system defined by viewport). A line is drawn is the turtle is down. Turtle_right(a); Turn right the turtle by a given an angle in degrees. Turtle_left(a); Turn left the turtle by a given angle in degrees. Turtle_up(); Disable the line drawing. Turtle_down(); Enable the line drawing. Turtle_move(x,y); Put the turtle at a given position (default is position 0,0). Turtle_color(c); Change the color of the line drawing.: Usual manipulation functions for the LOGO turtle.
Point(x,y,color); Draw a point at coordinates x,y with the given color. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function. Example: Point(100,200,'red'); Line(x0,y0,x1,y1,color); Draw a line joining the points at coordinates x0,y0 and x1,y1 using the given color. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function. Example: Line(100,200,300,50,'red'); Rectangle(x,y,l,h,color); Draw (the border of) a rectangle whose upper left corner is at position x,y, having length l and height h with the given color. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function. Example: Rectangle(100,200,150,50,'red'); FilledRectangle(x,y,l,h,color); Draw a rectangle whose upper left corner is at position x,y, having length l and height h with the given color. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function. Exemple: FilledRectangle(100,200,150,50,'red'); Circle(x,y,r,color); Draw a circle whose center is at coordinate x,y, and diameter is r with the given color. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function (in this latter case, the circle can appear as an ellipse). Example: Circle(100,200,50,'red'); FilledCircle(x,y,r,color); Draw a disk whose center is at coordinate x,y, and diameter is r with the given color. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function (in this latter case, the disk can appear as an ellipse). Example: FilledCircle(100,200,50,'red'); Ellipse(x,y,rx,ry,color); Draw an ellipse whose center is at coordinate x,y, and horizontal and vertical diameters are rx and ry with the given color. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function. Example: Ellipse(100,200,50,'red'); FilledEllipse(x,y,rx,ry,color); Draw a filled ellipse whose center is at coordinate x,y, and horizontal and vertical diameters are rx and ry with the given color. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function. Example: FilledEllipse(100,200,50,'red'); Polygon(x1,y1,x2,y2,...,color); Draw a polygon constructed by using a list of points. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function. Example: Polygon(100,200,150,100,200,200,'blue'); // draws a triangle FilledPolygon(x1,y1,x2,y2,...,color); Draw a filled polygon constructed by using a list of points. The coordinate system is either the default one (expressed in pixels with an origine to the upper left corner), or provided by the Viewport function. Example: FilledPolygon(100,200,150,100,200,200,'blue'); // draw a filled triangle Text(x, y, ch, color); Write the text ch on the graphical window at position x,y with the given color. Example: Text(100,200,'Hello world','red'); setCanvasFont(fontname, fontsize, fontstyle); Modify the default font. fontname is the name of the font family (eg. 'times', 'helvetica',...) that is installed of the system. fontsize is the size of the font expressed in pt (points) or px (pixels) (eg. '25pt'). fontstyle allows the change the style of the font (eg. 'bold', 'italic', 'bold italic'). Example: setCanvasFont('helvetica', '25pt', 'bold'); Text(100,100,'Hello world','blue'); setCanvasFont('helvetica', '25px', 'bold italic'); Text(100,200,'Hello world','red'); PreloadGooglefont(familyname); It is usually hasardous to use exotic fonts because there is a almost no chance that the font is installed on all the systems. An alternative is to use licence free fonts by using the google font api mechanism https://fonts.google.com. PreloadGooglefont allows to get such a font working in javascript. Example: var fontRanga=PreloadGooglefont("'Ranga', cursive"); // It is usually necessar to wait until 1s before using the fonts setTimeout(function () { setCanvasFont(fontRanga, '25pt', ''); Text(100,100,'Hello world','blue'); }, 1000); DrawImage(imageurl,x,y,w,h); Draw an image on the graphical window. The image, given by its url, is drawn at position x,y, with length w and height h. The use of the function is quite complex, mainly due to some security processes developed by the browser in order to forbid unusual use of externel images (for instance, the use of external images require to disable the logo turtle functionality by adding the instruction turtleEnabled=false;). Here are two examples: Use of an external image. turtleEnabled=false; Initialiser(); DrawImage('https://algoscript.info/Logo.png',150,200,200,100); Use of an image from the internal filesystem (compatible with the turtle and faster when on the low bandwidth internet connections). The image must by integrated in the internal filesystem before by using the following procedure: go to the "File Manager" of the environnement, then to "External FS". Browse your disk and select the image file (let say 'image.png' is store on your disk). Then select "Data file to Internal FS". After a few second, the file Data/image.png should appear in the internal filesystem. It can be used then with, Initialiser(); DrawImage(readFile('Data/image.png'),150,200,100,100); PreloadImage(imageurl)/DrawImageObject(image,x,y,w,h); Preload an image from an url. The image, stored in a variable, is drawn with DrawImageObject at position x,y, with length w and height h. The usage and limitations are the same as DrawImage. This preload process is much more efficient than its non preloaded counterpart. It is also useful to use the function WaitPreload(f) that ensures a proper preload of all the images before executing the given function f.qui s'assure que toutes les images sont bien pr�charg�es avant d'ex�cuter la fonction f. Here are two examples: Use of an external image. turtleEnabled=false; Initialiser(); var MyImage=PreloadImage('https://algoscript.info/Logo.png'); function run() { DrawImageObject(MyImage,150,200,200,100); } WaitPreload(run); Use of an image from the internal filesystem (compatible with the turtle and faster when on the low bandwidth internet connections). The image must by integrated in the internal filesystem before by using the following procedure: go to the "File Manager" of the environnement, then to "External FS". Browse your disk and select the image file (let say 'image.png' is store on your disk). Then select "Data file to Internal FS". After a few second, the file Data/image.png should appear in the internal filesystem. It can be used then with, Initialiser(); var MyImage=PreloadImage(readFile('Data/image.png')); function run() { DrawImageObject(MyImage,150,200,100,100); } WaitPreload(run); rgb(cr,cv,cb); rgba(cr,cv,cb, opacité); Define a color by providing its rgb components (three integers between 0 and 255), and for rgba by adding a transparency coefficient (real number between 0 and 1). These fonction can be used each time a color is required. Example: FilledRectangle(200,200,300,50,rgb(255,0,255)); // or another example for(var i=0; i<10; i=i+1) { FilledRectangle(Hasard(500),Hasard(500),50,50,rgb(Hasard(255),Hasard(255),Hasard(255))); } FilledRectangle(200,200,300,50,rgba(255,0,255,0.5)); FilledRectangle(350,225,300,50,rgba(255,0,255,0.5)); LinearGradient(color1,color2,xd,yd,xf,yf); Define a gradient of color between two colors (color1 and color2). Point xd,yd has color color1 and point xf,yf has color color2. Example: FilledCircle(200,200,100,LinearGradient('red','yellow',150,200,250,200)); ShadowOn(); ShadowOff(); Enable or disable the shadow effect. Example: ShadowOn(); FilledRectangle(100,100,200,80,'red'); ShadowOff(); FilledRectangle(100,200,200,80,'red');: Usual functions for the graphical output.
ch[i]; Return the character at indice i is string ch (the first character is at indice 0). Length(ch); Return the length of ch. Example: Write(Length('Hello')); prints 5. Substr(ch,begin,length); Return a substring of ch composed by length characters from indice begin. Example: Write(Substr('Bonjour',3,2)); prints 'jo'. Search(ch,ch_searched); Return the position of the first occurrence of ch_searched is ch (or -1 if ch_searched is not a substring of ch). Example: Write(Search('Bonjour','jour')); prints 3.: Standard manipulation functions of strings.
toAscii(c); Return the ASCII code of character c (also works with unicode). Exemple: Write(toAscii('A')); prints 65. fromAscii(n); Return the symbol corresponding to the ASCII code n (also works with unicode). Example: Write(fromAscii(66)); prints 'B'. Uppercase(c); Transform a lettre in uppercase. Example: Write(Uppercase('é')); prints 'E'.: Functions for symbol manipulations.
Tableau(n); Create an array of size n. The other standard way of defining an array are: By providing the list of its elements: var T=[1,2,3]; By creating an array of size 0: var T=[]; By using the javascript object Array: var T=new Array(10) The element at index i is accessible for reading and writing by using T[i]. Tableau(n,k); Create an 2D array of size n x k. The element at index (i,j) is accessible for reading and writing by using T[i][j]. Size(T); Return the size of T. Example: var T=[3,4,5]; Write(Size(T)); prints 3. PrintTable(T); Pretty print of the array on the standard text output. Example: var T=[[2,6],[4,5],[7,8]]; // 2D array PrintTable(T); prints 2 6 4 5 7 8 DrawTable(T); Create a diagram (in the graphical output) using the values stored in T. Example: var T=[[2,6],[4,5],[7,8]]; // 2D array DrawTable(T); Numbers of options are associated to this function. Here is its complete syntax: DrawTable(T,addition,fill,color,type,thickness) where addition is a boolean (default to false) indicate if the curve must be added to the preceding one. fill is a boolean (default to true) indicate wether the area under the curve must be filled or not. color is the color of the curve, (default to red). type is a string defining the type of points: 'O', 'X' or ' ' (default to 'O'). thickness is the thickness of the curve (default to 2). InitTable(T, value); Assign the same value to all the elements of the tablea T. Example: var T=new Array(5); InitTable(T, 0); ConcatTable(T1,T2); Concatenate two tables. CombineTableByRow(T1,T2); Construct a two dimensional table whose first column is T1 and second column is T2. CombineTableByColumn(T1,T2); Construct a two dimensional table whose first row is T1 and second row is T2. Renverse(T); Construct the inverse of table T. SortNumericalOrder(T); Sort T using a numerical order. SortLexicographicOrder(T); Sort T using a lexicographical order. SubTable(T, begin, length); Extract a subtable from T.: Table manipulation functions.
LoadAudio(url); Return an audio object, read from a given url, that can be played by the method play(). Notice that the supported song format may vary depending on the browser (nevertheless, .wav files are largely supported). As for images, two usages are possible: Use of an external url. var song=LoadAudio('http://www.moviesoundscentral.com/sounds/star_wars/empire_strikes_back/jedi3.wav'); song.play(); Use of a song stored in the internal filesystem. The song must by integrated in the internal filesystem before by using the following procedure: go to the "File Manager" of the environnement, then to "External FS". Browse your disk and select the song file (let say 'song.wav' is store on your disk). Then select "Data file to Internal FS". After a few second, the file Data/song.wav should appear in the internal filesystem. It can be used then with, var song=LoadAudio(readFile('Data/song.wav')); song.play(); CreateAudio(Table,SampleRate); Create an audio object by using an array of values (integer between 0 and 255) that corresponds to the sample of the song at a given samplerate. It can be played using method play(). Example: var data=[]; for(var i=0; i<22050; i++) {data[i]=128+Math.floor(127*Math.sin(i*0.125315));} var LA=CreateAudio(data,22050); LA.play(); CreateAudio16bits(Table,SampleRate); Create an audio object by using an array of values (real values between -1 and +1) that corresponds to the sample of the song at a given samplerate. It can be played using method play(). The main difference with CreateAudio is that the generated audio object has a better quality (16bits instead of 8bits). Exemple: var data=[]; for(var i=0; i<22050; i++) {data[i]=Math.sin(i*0.125315));} var LA=CreateAudio16bits(data,22050); LA.play(); ImportAudio(filename); SampleRate(nomfichier); Create an array that corresponds to the sample of the song (only 8bit, mono wav files or supported). The song must be stored in the internal filesystem. The obtained table can be manipulated and replayed using the CreateAudio function. The sample rate of the original song can be retrieved by using the SampleRate function. var data=ImportAudio('Data/jedi3.wav'); var SR=SampleRate('Data/jedi3.wav'); var son=CreateAudio(data,SR*1.5); son.play(); SaveAudio(filename, data, samplerate); Generate a wav file and store the resulting file in the internal filesystem. ExportAudio(data, samplerate);/ExportAudio16bits(data, samplerate); Generate a wav file on a url encoded form. Can be saved using the "save as" functionality of the browser. NormalizeAudio(data); Generate a 0-255 integer array from [-1,1] real array. StartMicrophone(function (T) {...}); StopMicrophone(); Gives access to the microphone. The sound signal is splitted into small parts as arrays of -1 to +1 reals values aimed to be processed by the given function. StopMicrophone() disables the connection with the microphone. // a simplistic oscilloscope StartMicrophone(function (T) {T[0]=-1; T[1]=1; DrawTable(T,false,false,'red','',1);}); function MouseClick(x,y) { StopMicrophone(); } StartWebcam(function (T) {...}); StopWebcam(); Gives access to the webcam. The video signal is given image by image by means of a javascript imageData (see here for a reference) aimed to be processed by the given function. StopWebcam() stops the process. // a simplistic example that draws the webcam signal on the standard output StartWebcam(function (T) {ctx.putImageData(T,0,0)}); function MouseClick(x,y) { StopWebcam(); } StartSpeechRecognition(function (T) {...}); For Chrome users only. Gives access to the speech synthesis API. The speech is given fragment by fragment by means of a string aimed to be processed by the given function. Notice that setLanguage(lang) allows to change the recognition language. // a simplistic example that prints the recognized sentences on the standard text output setLanguage('en-US'); StartSpeechRecognition(Write);: Functions for manipulating HTMLaudio objects.
Random(n); Return a uniform random integer between 0 and n-1. Example: Write(Random(10)); ExecutionTime(codeJS); Return the execution time (in milliseconds) used by the given JS code Example: Write(ExecutionTime('var c; for(var i=0; i<1000000; i++) {c=c+i;}')); getTextEntry(); setTextEntry(chaine); Input/output functions from/to the text input window. getTextEntry() returns a string corresponding the the content of the window and setTextEntry(ch) replaces the content of the window by the content of ch. HTMLoutput(ch); Interpret the HTML code ch. The result is displayed in the HTML output window.: Miscellaneous functions.
includeFile(filename); Execute the javascript content of filename. This function can be used to define some external libraries. (ex: includeFile('Library/libRS.js');). readFile(filename); Read the content of file filename et return a string that corresponds to its content. writeFile(filename,content); Save the given content in filename removeFile(filename); Remove file filename. renameFile(oldname, newname); Rename a file. ls(); List all the files stored in the internal filesystem. FileExists(filename) Test if a file exists in the internal filesystem.: File manipulation functions.

Variable inspector

The variable inspector allows to follow the values of some variables by constructing a execution trace. In order to follow a variable, it must be entered in the inspect field (several variables separated by a comma). An execution trace is then constructed (evaluation of all the variables each time a ';' is reached).

A few examples (see the internal FS for further examples)

Petit mémento

La bibliothèque Algoscript

a=Saisie(); Fonction permettant de saisir une chaîne de caractères [ou Saisie([message] Fonction permettant de saisir une chaîne de caractères, un message optionnel peut être affiché au moment de la saisie ) ou SaisieEntier([message]) Fonction permettant de saisir un nombre entier, sa syntaxe est la même que la fonction Saisie() ou SaisieReel([message]) Fonction permettant de saisir un nombre réel, sa syntaxe est la même que la fonction Saisie() ]. SaisieAudio(message) Fonction permettant de saisir une chaîne de caractères. A la différence de Saisie, le message est lu.: Permet la saisie d'une chaîne de caractère (ou d'un entier ou d'un réel).
enEntier(x); Fonction permettant transformer une chaîne de caractères en un nombre entier (par exemple, enEntier('123') renvoie la valeur entière 123) [ou enReel(x) Fonction permettant transformer une chaîne de caractères en un nombre réel (par exemple, enReel('1.23') renvoie la valeur réelle 1.23) ou enChaine(x) Fonction permettant transformer un nombre en une chaîne de caractères (par exemple, enChaine(123) renvoie la chaîne '123') ]: Convertit x en entier (ou réèl ou chaîne de caractère).
Ecrire(ch); Fonction d'affichage. La chaîne ch est affichée dans la fenêtre de sortie texte. Il y a un retour à la ligne après l'affichage. [ou Afficher(ch) Idem à Ecrire(ch). Cette fonction est conservée pour assurer une compatibilité. ou Afficher_srl(ch); Idem à Ecrire(ch) sauf qu'il n'y a pas de retour à la ligne après l'affichage. ]. EcrireAudio(ch); Fonction qui lit la chaîne ch avant de l'afficher. Rq: setLanguage(lang) permet de changer la langue de lecture (eg. setLanguage('fr-FR') ou setLanguage('en-US')).: Affiche la chaîne de caractères ch [sans retour à la ligne].
EffacerEcran(); Efface la sortie texte.: Efface la sortie texte.
Stop('variable1,variable2'); Bloque l'exécution à un endroit déterminé est affiche les valeurs de variables données en paramètre: Suspend l'exécution du programme et affiche l'état courant des variables variable1 et variable2.
Help(); Affiche l'aide: Affiche cette aide.
Initialiser(); Efface la fenêtre graphique et replace la tortue en position initiale. Viewport(minx,miny,maxx,maxy,dir); Défini le système de coordonnées qui est utilisé lors des affichages graphiques. dir définit le sens d'affichage, minx et miny définit les coordonnées du coin supérieur (inférieur si dir=-1) gauche et maxx et maxy définit les coordonnées du coin inférieur (supérieur si dir=-1) droit.: Fonctions d'initialisation de la fenêtre graphique.
Avancer(l); Avance la tortue de l unités (dépend du système de coordonnées défini par Viewport). Une ligne est tracée si la tortue est baissée. Droite(a); Tourne la tortue de a degrés dans le sens des aiguilles d'une montre. Gauche(a); Tourne la tortue de a degrés dans le sens inverse des aiguilles d'une montre. Baisser(); Baisse la tortue (et donc la tortue laisse des traces lorsqu'elle avance). Lever(); Lève la tortue (et donc supprime les traces laissées par la tortue lorsqu'elle avance). Deplacer(x,y); Place la tortue en une position fixée de l'écran (par défaut, elle est en position 0,0). Couleur(c); Change la couleur de la trace laissée par la tortue.: Opérations usuelles de manipulation de la tortue.
Point(x,y,couleur); Trace un point aux coordonnées x,y avec la couleur donnée. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport. Exemple: Point(100,200,'red'); Ligne(x0,y0,x1,y1,couleur); Trace une ligne joignant les points de coordonnées x0,y0 et x1,y1 avec la couleur donnée. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport. Exemple: Ligne(100,200,300,50,'red'); Rectangle(x,y,l,h,couleur); Trace (les bords d')un rectangle dont le coin supérieur gauche est le point de coordonnées x,y, de longueur l et de hauteur h avec la couleur donnée. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport. Exemple: Rectangle(100,200,150,50,'red'); RectanglePlein(x,y,l,h,couleur); Trace un rectangle plein dont le coin supérieur gauche est le point de coordonnées x,y, de longueur l et de hauteur h avec la couleur donnée. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport. Exemple: RectanglePlein(100,200,150,50,'red'); Cercle(x,y,r,couleur); Trace un cercle dont le centre est le point de coordonnées x,y, et le rayon est r avec la couleur donnée. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport (dans ce cas, le cercle peut apparaître déformé). Exemple: Cercle(100,200,50,'red'); CerclePlein(x,y,r,couleur); Trace un disque dont le centre est le point de coordonnées x,y, et le rayon est r avec la couleur donnée. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport (dans ce cas, le cercle peut apparaître déformé). Exemple: CerclePlein(100,200,50,'red'); Ellipse(x,y,rx,ry,couleur); Trace une ellipse dont le centre est le point de coordonnées x,y, et les rayons sont rx et ry avec la couleur donnée. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport. Exemple: Ellipse(100,200,50,'red'); EllipsePlein(x,y,rx,ry,couleur); Trace une ellipse pleine dont le centre est le point de coordonnées x,y, et les rayons sont rx et ry avec la couleur donnée. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport. Exemple: EllipsePlein(100,200,50,'red'); Polygone(x1,y1,x2,y2,...,color); Trace un polygone à partir d'une liste de points. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport. Exemple: Polygone(100,200,150,100,200,200,'blue'); // trace un triangle PolygonePlein(x1,y1,x2,y2,...,color); Dessine un polygone plein à partir d'une liste de points. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport. Exemple: PolygonePlein(100,200,150,100,200,200,'blue'); // trace un triangle plein Texte(x, y, ch, couleur); Ecrit le texte ch sur la sortie graphique à partir du point de coordonnées x,y avec la couleur donnée. Le système de coordonnée est soit celui par défaut (exprimée en pixel avec une origine au coin supérieur gauche), soit celui fourni par la commande Viewport. Exemple: Texte(100,200,'Bonjour tout le monde','red'); setCanvasFont(fontname, fontsize, fontstyle); Modifie la police de caractères par défaut. fontname est le nom d'une police de caractères (ex: 'times', 'helvetica',...) qui doit être installée sur le système. fontsize est la taille de cette police exprimée en unité pt (points) )ou px (pixels) (par ex: '25pt'). fontstyle permet de changer le style de cette police (ex: 'bold', 'italic', 'bold italic'). Exemple: setCanvasFont('helvetica', '25pt', 'bold'); Texte(100,100,'Bonjour le monde','blue'); setCanvasFont('helvetica', '25px', 'bold italic'); Texte(100,200,'Bonjour le monde','red'); PreloadGooglefont(familyname); Il est souvent hasardeux d'utiliser une police "exotique" étant donné qu'il y a peu de chance qu'elle soit installée sur toutes les machines visées. Une alternative consiste à utiliser le gestionnaire de polices libres de droite fourni pas Google https://fonts.google.com. PreloadGooglefont permet de précharger de manière transparents ces polices de caractères pour une utilisation en javascript. Exemple: var fontRanga=PreloadGooglefont("'Ranga', cursive"); // Il est en général nécessaire d'attendre un temps de préchargement d'environ 1s avant de pouvoir utiliser la police setTimeout(function () { setCanvasFont(fontRanga, '25pt', ''); Text(100,100,'Bonjour le monde !','blue'); }, 1000); DrawImage(imageurl,x,y,w,h); Place une image dans le canvas. L'image, donnée par son url est placée au point de coordonnées x,y et affichée avec une largeur w et une hauteur h. L'utilisation de cette fonction est complexe, notamment car il y a des processus de sécurités développés par le serveur pour empêcher l'utilisation frauduleuse d'images externes (Il est possible d'utiliser ce type d'images mais il faut avoir au préalable desactivé la fonctionnalité "Tortue" de l'interface via l'instruction turtleEnabled=false;). Voici deux exemples: Utilisation d'une url externe. turtleEnabled=false; Initialiser(); DrawImage('https://algoscript.info/Logo.png',150,200,200,100); Utilisation d'une image du gestionnaire de fichiers interne (compatible avec l'utilisation de la tortue). Il faut avoir intégré l'image correspondante dans le gestionnaire de fichiers interne par la procédure suivante: aller dans GestionsFichiers, puis dans "External FS". Parcourez votre disque pour sélectionner l'image (imaginons qu'elle s'appelle 'image.png' sur votre disque). Cliquez sur "Data file to Internal FS". Normalement vous devriez voir apparaître le fichier image.png dans le répertoire Data du gestionnaire de fichiers interne. Pour l'utiliser, Initialiser(); DrawImage(readFile('Data/image.png'),150,200,100,100); PreloadImage(imageurl)/DrawImageObject(image,x,y,w,h); Précharge une image à partir d'une url. L'image, stockée dans une variable, peut être affichée par la suite grâce à DrawImageObject (même utilisation et limitations que DrawImage). Ce procédé de préchargement d'images est beaucoup plus optimal que sa version sans préchargement. Il est aussi utile d'utiliser la fonction WaitPreload(f) qui s'assure que toutes les images sont bien préchargées avant d'exécuter la fonction f. Voici deux exemples: Utilisation d'une url externe. turtleEnabled=false; Initialiser(); var MonImage=PreloadImage('https://algoscript.info/Logo.png'); function A_Executer() { DrawImageObject(MonImage,150,200,200,100); } WaitPreload(A_Executer); Utilisation d'une image du gestionnaire de fichiers interne (compatible avec l'utilisation de la tortue). Il faut avoir intégré l'image correspondante dans le gestionnaire de fichiers interne par la procédure suivante: aller dans GestionsFichiers, puis dans "External FS". Parcourez votre disque pour sélectionner l'image (imaginons qu'elle s'appelle 'image.png' sur votre disque). Cliquez sur "Data file to Internal FS". Normalement vous devriez voir apparaître le fichier image.png dans le répertoire Data du gestionnaire de fichiers interne. Pour l'utiliser, Initialiser(); var MonImage=PreloadImage(readFile('Data/image.png')); function A_Executer() { DrawImageObject(MonImage,150,200,100,100); } WaitPreload(A_Executer); rgb(cr,cv,cb); rgba(cr,cv,cb, opacité); Définit une couleur en fonction de ses composantes de rouge, vert et bleu (trois entiers entre 0 et 255), et pour rgba d'un coefficient d'opacité compris entre 0 et 1. Ceci peut être placé à chaque fois qu'une couleur est demandée. En général, l'attribut couleur peut être soit un nom 'red', 'blue',..., soit rgb(10,100,255), soit GradientLineaire('red',rgb(10,100,255),0,0,500,600); Exemple: RectanglePlein(200,200,300,50,rgb(255,0,255)); // ou un autre exemple for(var i=0; i<10; i=i+1) { RectanglePlein(Hasard(500),Hasard(500),50,50,rgb(Hasard(255),Hasard(255),Hasard(255))); } RectanglePlein(200,200,300,50,rgba(255,0,255,0.5)); RectanglePlein(350,225,300,50,rgba(255,0,255,0.5)); GradientLineaire(couleur1,couleur2,xd,yd,xf,yf); Définit un gradient de couleur entre deux couleurs (couleur1 et couleur2). Les points situés en xd,yd auront pour couleur couleur1, ceux situés en xf,yf auront pour couleur couleur2, les autres auront un mélange des deux couleurs. Exemple: CerclePlein(200,200,50,GradientLineaire('red','yellow',150,200,250,200)); ShadowOn(); ShadowOff(); Active ou désactive l'effet d'ombre. Lorsque l'effet est activé, tout ce qui est tracé apparaît avec une légère ombre Exemple: ShadowOn(); RectanglePlein(100,100,200,80,'red'); ShadowOff(); RectanglePlein(100,200,200,80,'red');: Fonctions usuelles pour le mode graphique.
CaractereEn(ch,i); Renvoie le caractère à l'indice i de la chaîne ch (le premier caractère est à l'indice 0). La notation ch[i] est un équivalent à cette fonction. Exemple: Ecrire(CaractereEn('Bonjour',3)); affiche 'j'. Longueur(ch); Renvoie la longueur de la chaîne ch. Exemple: Ecrire(Longueur('Bonjour')); affiche 7. SousChaine(ch,debut,longueur); Renvoie un sous-chaîne composée des longueur caractères de la chaîne ch à partir de l'indice début. Exemple: Ecrire(SousChaine('Bonjour',3,2)); affiche 'jo'. PositionDans(ch,ch_cherchee); Renvoie la première occurrence de la chaîne cherchée dans la chaîne ch (ou -1 si elle ne s'y trouve pas). Exemple: Ecrire(PositionDans('Bonjour','jour')); affiche 3.: Fonctions de manipulation de chaînes de caractères.
Caractere_vers_Ascii(c); Renvoie le code ASCII du caractère c (fonctionne aussi avec les caractères UTF-8). Exemple: Ecrire(Caractere_vers_Ascii('A')); affiche 65. Ascii_vers_Caractere(n); Renvoie le caractère correspondant au code ASCII n (fonctionne aussi avec les caractères UTF-8). Exemple: Ecrire(Ascii_vers_Caractere(66)); affiche 'B'. Majuscule(c); Transforme une letre en majuscule lorsque c'est possible. Exemple: Ecrire(Majuscule('é')); affiche 'E'.: Fonctions de manipulation de caractères.
Tableau(n); Crée un tableau de taille n (toutes les cases de ce tableau sont non définies). Les autres manières de déclarer sont: En donnant la liste de ses valeurs: var T=[1,2,3]; En créant un tableau de taille 0: var T=[]; En l'objet javascript Array. On accède alors à l'élément du tableau situé à l'indice i par T[i]. Tableau(n,k); Crée un tableau 2D de taille n x k (toutes les cases de ce tableau sont non définies). On accède alors à l'élément du tableau situé dans la case (i,j) par T[i][j]. Taille(T); Renvoie la taille du tableau T. Exemple: var T=[3,4,5]; Ecrire(Taille(T)); affiche 3. AfficherTableau(T); Affiche le tableau, y compris s'il est à deux dimensions. Exemple: var T=[[2,6],[4,5],[7,8]]; AfficherTableau(T); affiche 2 6 4 5 7 8 AfficherCourbe(T); Trace (dans la fenêtre graphique) la courbe correspondant aux valeurs stockées dans le tableau (si le tableau est à deux dimensions, les valeurs d'abscisses sont celles d'indice 0 et les valeurs des ordonnées sont celles d'indice 1). Exemple: var T=[[2,6],[4,5],[7,8]]; AfficherCourbe(T); Il y a un certain nombre d'options à cette fonction. Voici sa syntaxe complète: AfficherCourbe(T,addition,remplissage,couleur,type,epaisseur) où addition est un booléen (défaut false) qui indique si la courbe doit être tracée dans le même repère que la courbe précédente. remplissage est un booléen (défaut true) qui indique si l'aire sous la courbe doit être tracée. couleur est la couleur de la courbe (défaut rouge). type est le type de tracé des points de la courbe. Peut-être 'O' (un gros point, c'est le défaut), 'X' (une croix) ou ' ' (rien du tout). épaisseur est l'épaisseur de la courbe (défaut 2). InitialiserTableau(T, valeur); Donne à toutes les cases du tableau T la même valeur. Exemple: var T=Tableau(5); InitialiserTableau(T, 0); ConcateneTableaux(T1,T2); Construit un tableau qui est la concatenation des deux tableaux T1 et T2. CombineTableauxL(T1,T2); Construit un tableau à deux dimensions dont la première colonne est T1 et la deuxième colonne est T2. CombineTableauxC(T1,T2); Construit un tableau à deux dimensions dont la ligne colonne est T1 et la deuxième ligne est T2. Renverser(T); Construit l'inverse du tableau T. OrdreNumerique(T); Trie le tableau T en utilisant un ordre numérique. OrdreLexicographique(T); Trie le tableau T en utilisant un ordre lexicographique. SousTableau(T, debut, longueur); Extrait du tableau T un sous-tableau de taille longueur à partir de l'indice début.: Fonctions de manipulation de tableaux.
ChargerSon(url); Renvoie un objet audio, chargé à partir d'une url, qui peut être joué par la suite avec la méthode play(). Les formats sonores supportés dépendent du navigateur (les fichiers .wav sont les plus largement supportés). Voici deux exemples d'utilisation: Utilisation d'une url externe. var son=ChargerSon('http://www.moviesoundscentral.com/sounds/star_wars/empire_strikes_back/jedi3.wav'); son.play(); Utilisation d'un son du gestionnaire de fichiers interne. Il faut avoir intégré l'image correspondante dans le gestionnaire de fichiers interne par la procédure suivante: aller dans GestionsFichiers, puis dans "External FS". Parcourez votre disque pour sélectionner le fichier son (imaginons qu'il s'appelle 'son.wav' sur votre disque). Cliquez sur "Data file to Internal FS". Normalement vous devriez voir apparaître le fichier son.wav dans le répertoire Data du gestionnaire de fichiers interne. Pour l'utiliser, var son=ChargerSon(readFile('Data/son.wav')); son.play(); CreerSon(Tableau,Echantillonnage); Renvoie un objet audio, créé à partir du tableau donné (d'entiers compris entre 0 et 255) correspondant à un échantillonnage de ce son à la fréquence d'échantillonnage donnée. Il peut être joué par la suite avec la méthode play(). Exemple: var data=[]; for(var i=0; i<22050; i++) {data[i]=128+Math.floor(127*Math.sin(i*0.125315));} var LA=CreerSon(data,22050); LA.play(); CreerSon16bits(Tableau,Echantillonnage); Renvoie un objet audio, créé à partir du tableau donné (de réels compris entre -1 et 1) correspondant à un échantillonnage de ce son à la fréquence d'échantillonnage donnée. Il peut être joué par la suite avec la méthode play(). La différence avec CreerSon est que le son généré est un son en 16bits, de meilleure qualité. Exemple: var data=[]; for(var i=0; i<22050; i++) {data[i]=Math.sin(i*0.125315));} var LA=CreerSon16bits(data,22050); LA.play(); ImportSon(nomfichier); SampleRate(nomfichier); Renvoie le tableau de valeur correspondant au son stocké dans le fichier (uniquement format .wav, une seule voie, 8bits). Le son doit se trouver dans le gestionnaire de fichiers interne. Le tableau obtenu peut ensuite être manipulé et rejoué par exemple en utilisant la fonction CreerSon. Pour récupérer le taux d'échantillonnage du son, il faut utiliser la fonction SampleRate. var data=ImportSon('Data/jedi3.wav'); var SR=SampleRate('Data/jedi3.wav'); var son=CreerSon(data,SR*1.5); son.play(); SauverSon(nomfichier, data, samplerate); Génère le son au format .wav et l'enregistre dans le gestionnaire de fichiers interne. Il peut ensuite être rechargé avec la fonction ChargerSon. ExportSon(data, samplerate);/ExportSon16bits(data, samplerate); Génère le son au format .wav et avec le son chargé sous forme d'url. Il peut alors être enregistré (via le navigateur) sur le disque et joué avec n'importe quel autre outil. NormaliserSon(data); Crée un tableau d'entiers entre 0 et 255 à partir d'un tableau de réels entre -1 et 1. StartMicrophone(function (T) {...}); StopMicrophone(); donne accès au microphone. Le son est découpé en tableau de réels compris entre -1 et 1 que la fonction gère en temps réel. StopMicrophone() stoppe la connection avec le micro. // un oscilloscope très simple StartMicrophone(function (T) {T[0]=-1; T[1]=1; AfficherCourbe(T,false,false,'red','',1);}); function MouseClick(x,y) { StopMicrophone(); } StartWebcam(function (T) {...}); StopWebcam(); Donne accès à la webcam. Le signal video est obtenu sous la forme d'une imageData (cf here pour une référence) qui est traité par la fonction passée en paramètre. StopWebcam() arrête le traitement. // Un exemple simple qui affiche le signal sur la sortie graphique StartWebcam(function (T) {ctx.putImageData(T,0,0)}); function MouseClick(x,y) { StopWebcam(); } StartSpeechRecognition(function (T) {...}); Sous Chrome uniquement. Donne accès à l'API de reconnaissance vocale. Le discours est interprété fragment par fragment sous la forme d'une chaîne de caractères destinée à être traitée par la fonction fournie. Rq: setLanguage(lang) permet de changer la langue de reconnaissance (eg. setLanguage('fr-FR') ou setLanguage('en-US')). // un exemple simple qui répète tout ce qu'on dit StartSpeechRecognition(EcrireAudio);: Fonctions de création de son (à partir d'un fichier ou directement en générant le son). A chaque fois, on objet HTMLAudio est retourné qui peut être joué par sa méthode play().
Hasard(n); Renvoie un nombre au hasard (uniforme) compris entre 0 et n-1. Exemple: Ecrire(Hasard(10)); chronometre(codeJS); Renvoie le temps d'exécution en millisecondes mis par le code AlgoScript. Exemple: Ecrire(chronometre('var c; for(var i=0; i<1000000; i++) {c=c+i;}')); getEntreetexte(); setEntreetexte(chaine); Permet de manipuler la fenêtre d'entrée de texte long. getEntreetexte() retourne une chaîne de caractère correspondant au contenu de la fenêtre et setEntreetexte(chaine) remplace le contenu de la fenêtre par le contenu de chaîne. HTMLoutput(ch); Interprète le code HTML stocké dans la chaîne ch. Le résultat est affiché dans la fenêtre de sortie HTML. NB: cette fonctionnalité se combine très bien avec le champ d'entrée de texte long (taper le code HTML dans le champ de texte long et interpréter le résultat via la commande "HTMLoutput(getEntreetexte());" dans la fenêtre Code JS).: Divers.
includeFile(filename); Exécute le contenu du fichier filename. Cette fonction permet par exemple de travailler avec des bibliothèques de fonctions (ex: includeFile('Library/libRS.js');). readFile(filename); Lire le contenu du fichier filename et retourne la chaîne de caractères correspondante. writeFile(filename,content); Sauvegarde le contenu content dans le fichier filename. removeFile(filename); Supprime le fichier filename. renameFile(oldname, newname); Renomme le fichier de oldname à newname. ls(); Ecrit la liste de tous les fichiers contenu dans le gestionnaire de fichiers internes. FileExists(filename) Teste si un fichier existe dans le gestionnaire de fichiers internes.: Fonctions de gestion de fichiers (en particulier, includeFile permet d'inclure le code d'une bibliothèque au moment de l'exécution du code).

Inspecteur de variables

L'inspecteur de variables permet de suivre l'évolution des valeurs des variables au cours de l'exécution. Les valeurs de variables saisies dans le champ Inspecteur (noms de variables séparés par des virgules) sont calculées à chaque fois qu'un ; est rencontré. Un tableau récapitulatif des différentes valeurs est affiché à la fin de l'exécution.

Quelques exemples

	Execution
	Automatic indentation
	Save a script file
	Lock/unlock a window and split the screen in two parts.
Code JS	Name of the current window
Inspect	Variable inspector/construction of an execution trace
	Start/Stop the collaborative mode.
	Start/Stop the fullscreen mode.

Execution

Automatic indentation

Save a script file

Lock/unlock a window and split the screen in two parts.

Code JS

Name of the current window

Inspect

Variable inspector/construction of an execution trace

Start/Stop the collaborative mode.

Start/Stop the fullscreen mode.

Cours_3/JeuDeDes.js
--------------
setCanvasFont('arial', '14pt', 'bold');

RectanglePlein(100, 100, 100, 100, 'blue');
RectanglePlein(200, 100, 100, 100, 'red');
Texte(140, 80, 'L\'amphi', 'black');
Texte(140, 150, 'Go', 'black');
Texte(240, 150, 'Stop', 'black');
RectanglePlein(600, 100, 100, 100, 'blue');
RectanglePlein(700, 100, 100, 100, 'red');
Texte(640, 80, 'Le prof', 'black');
Texte(640, 150, 'Go', 'black');
Texte(740, 150, 'Stop', 'black');
var score = Tableau(3);
var scoreserie = Tableau(3);
score[1] = 0;
score[2] = 0;
scoreserie[1] = 0;
scoreserie[2] = 0;
t = 0;
joueur = 1;
var lancer = 0;
var ll = 0;
afficherfleche();

function afficherfleche() {
  RectanglePlein(360, 100, 150, 50, 'white');
  RectanglePlein(400, 120, 60, 20, 'green');
  if (joueur == 1) PolygonePlein(380, 130, 400, 110, 400, 150, 'green');
  else PolygonePlein(490, 130, 460, 110, 460, 150, 'green');

}

function joueruncoup(i) {
  lancer = Hasard(6) + 1;
  if ((joueur == 2) && (lancer == 1)) lancer = Hasard(6) + 1; //la ligne du tricheur
  afficherlancer(joueur, lancer);
  if (lancer == 1) {
    joueur = prochainjoueur(joueur);
    scoreserie[i] = 0;
  } else scoreserie[i]++;
}

function MouseClick(x, y) {
  setCanvasFont('arial', '48pt', 'bold');
  if ((joueur == 1) && (x > 100 && x < 200) && (y > 100 && y < 200)) {
    joueruncoup(1);
    RectanglePlein(220, 10, 100, 70, 'yellow');
    Texte(245, 70, score[1], 'black');
    RectanglePlein(320, 10, 100, 70, 'grey');
    Texte(345, 70, scoreserie[1], 'white');

}
  if ((joueur == 1) && (x > 200 && x < 300) && (y > 100 && y < 200)) {
    score[joueur] = score[joueur] + scoreserie[joueur];
    joueur = 2;
    RectanglePlein(220, 10, 100, 70, 'grey');
    Texte(245, 70, score[1], 'black');
    scoreserie[1] = 0;
  }
  if ((joueur == 2) && (x > 600 && x < 700) && (y > 100 && y < 200)) {
    joueruncoup(2);
    RectanglePlein(720, 10, 100, 70, 'yellow');
    Texte(745, 70, score[2], 'black');
    RectanglePlein(820, 10, 100, 70, 'grey');
    Texte(845, 70, scoreserie[2], 'white');
  }
  if ((joueur == 2) && (x > 700 && x < 800) && (y > 100 && y < 200)) {
    score[joueur] = score[joueur] + scoreserie[joueur];
    joueur = 1;
    RectanglePlein(720, 10, 100, 70, 'yellow');
    Texte(745, 70, score[2], 'black');
    scoreserie[2] = 0;
  }
  afficherfleche();
  if (score[1] > 20) {
    setCanvasFont('arial', '24pt', 'bold');
    Texte(340, 300, 'L\'amphi a gagné', 'black');
  }
  if (score[2] > 20) {
    setCanvasFont('arial', '24pt', 'bold');
    Texte(340, 300, 'Le prof a gagné', 'black');
  }
}

function prochainjoueur(j) {
  if (j == 1) j = 2;
  else j = 1;
  return (j);
}

//Cette fonction est supposée donner l'illusion d'un lancer aléatoire. Hum....

// Voici une petite visite guidée en attendant...
// Quelques exemples
// Se placer sur la fenêtre CodeJS
MontreFenetre(0);

// 1] Utiliser la bibliothèque graphique
// Aller directement sur la sortie graphique
MontreFenetre(2);
// Effacer l'écran
Initialiser();

// Lui donner une résolution indépendante de la taille de l'écran
Viewport(0, 0, 600, 400, 1);

// Quelques Rectangles
for (var i = 0; i < 20; i++) {
  var x = Hasard(600);
  var y = Hasard(400);
  RectanglePlein(x, y, Hasard(600 - x), Hasard(400 - y), rgb(Hasard(256), Hasard(256), Hasard(256)));
}
// Quelques Lignes
for (var i = 0; i < 100; i++) {
  Ligne(Hasard(600), Hasard(400), Hasard(600), Hasard(400), rgb(Hasard(256), Hasard(256), Hasard(256)));
}

alert('Quelques dessins\nContinuez la démonstration');

// 2] Utiliser la bibliothèque graphique via la tortue
Initialiser();
Viewport(0, 0, 600, 400, 1);

// Placer la tortue au centre de l'écran
Deplacer(100, 100);
for (var i = 0; i < 5; i++) {
  Avancer(100);
  Droite(720 / 5);
}

alert('Quelques dessins avec la tortue\nContinuez la démonstration');

// 3] Utiliser la bibliothèque graphique pour tracer des courbes
var data1 = new Array();
var data2 = new Array();
for (var i = 0; i < 360; i++) {
  data1[i] = Math.sin(4 * i * Math.PI / 180);
  data2[i] = 1.5 * Math.sin(6 * i * Math.PI / 180);
}
AfficherCourbe(data2);
AfficherCourbe(data1, true, false, '.', 'green', 2);

alert('Deux courbes\nContinuez la démonstration');

// 4] Utiliser la bibliothèque de son (sauf sur smartphones et tablettes)
MontreFenetre(-2);
// Charger un son à partir de son url
var unson = ChargerSon('http://dl.dropbox.com/u/1961350/jazzy.wav');
// Jouer le son
unson.play();

alert('Attendez la fin de la musique et\nContinuez la démonstration');

// Créer un son de toute pièce, par exemple un LA (440Hz), fréquence d'échantillonnage 11025Hz
var data = new Array();
for (var i = 0; i < 11025; i++) data[i] = Math.round(128 + 127 * Math.sin(i * 440 / 11025 * 2 * Math.PI));
var unautreson = CreerSon(data, 11025);
// Jouer ce son
unautreson.play();

alert('Attendez la fin du LA et\nContinuez la démonstration');

// 5] Utiliser la sortie HTML
// Aller automatiquement sur la fenêtre de sortie HTML
MontreFenetre(4);

alert('Continuez la démonstration');
HTMLoutput('<h1>Venez voir ce qui sort sur la sortie HTML</h1>');

alert('Continuez la démonstration');

// Taper maintenant quelques lignes d'HTML dans l'onglet "Entrée Texte", elles seront affichées par la commande
HTMLoutput(texte_a_etudier());

alert('Continuez la démonstration');

MontreFenetre(-3);
Ecrire('Allez voir sur le Memento pour d\'autres démos !');

setTimeout('MontreFenetre(-1);', 1500);
------------------
Library/libTALN.js
------------------
function code(car)
{// renvoie le code du caractère car
 return car.charCodeAt(0);
}

function caractere(c)
 {// renvoie le caractère dont le code est c
  return (String.fromCharCode(c));
 }

function ordre (a, b)
{ // renvoie un indicateur d ordre pour le tri du tableau
   var t1 = a.match(/[0-9]+/);
   var t2 = b.match(/[0-9]+/);
   return (t2[0] - t1[0]);
}

/*Remplissage de la table*/
var aime_bien=[
[true, true, false, true, false, false, true, false, false, false, false, true, false, true, false],
[true, true, true, true, false, false, true, false, true, true, false, true, false, true, false],
[true, true, true, false, false, false, true, false, true, false, false, true, false, true, false],
[true, true, false, true, false, false, true, false, false, true, true, true, false, true, false],
[true, true, false, true, false, false, true, false, false, true, false, true, true, true, true],
[true, true, false, true, true, false, true, false, false, false, false, true, true, false, false],
[true, false, false, false, true, true, true, true, true, false, true, true, false, true, false],
[true, false, false, true, true, false, false, true, false, false, true, false, false, true, false],
[true, true, false, true, false, true, false, true, true, false, true, true, false, true, false],
[true, false, true, false, false, true, true, true, false, true, false, false, true, true, true],
[true, false, false, false, true, true, true, true, true, false, false, true, true, false, true],
[true, false, false, true, true, false, true, false, true, true, false, true, false, false, true],
[true, false, true, true, true, false, false, false, true, true, false, true, false, false, true],
[true, false, true, false, false, true, true, true, false, true, true, false, false, false, false],
[false, true, false, false, true, false, true, false, true, true, false, false, true, false, true]
];

/*Remplissage de la table des noms*/
var noms=new Array ('alice', 'bob', 'colin', 'denis', 'eudes', 'francoise', 'greg', 'henri', 'irene', 'jean', 'kamel', 'lauriane', 'marc', 'norbert', 'octave') ;

/* Quelques fonctions basiques*/
function a_pour_ami(i,j)/*résultat est un booléen*/
/*retourne un Booléen indiquant si i a j pour ami*/
{ return(aime_bien[i][j]);}

function prenom(i)/*résultat est une chaîne*/
/*retourne un message avec le prénom numéro i*/
{ return noms[i]}

function tous_les_prenoms()/*résultat est une chaîne*/
/*retourne un message avec tous les prénoms*/
{ var message = '';
  for (var j=0;j<Taille(noms);j++)
      {message=message+' '+noms[j];}
  return message
}

-----------------
Examples/Mandelbrot.js
-----------------
Initialiser();
Viewport(0, 0, 300, 200, 1);
HideTurtle();
AfficheGraphique();
Mandelbrot();
DrawTurtle();

function TranslateX(x) {
  return x * 3 / 300 - 2;
}

function TranslateY(y) {
  return (y - 100) * 3 / 200;
}

function module(x, y) {
  return Math.sqrt(x * x + y * y);
}

function CouleurMandelbrot(a, b) {
  var i = 0;
  var x = a;
  var y = b;
  do {
    var tmp = x;
    x = x * x - y * y + a;
    y = 2 * tmp * y + b;
    i++;
  }
  while ((module(x, y) < 2) && (i < 50));
  return 50 - i;
}
-----------------
Examples/LSYSTEMS_anime.js
-----------------
Initialiser();
Couleur('green');

var ch = Lsystems2('F', [
  ['F', 'FF-[-F+F+F]+[+F-F-F]']
], 3);

var t = 0;

function UnCran(ch, t) {
  Deplacer(0, 0);
  RectanglePlein(10, 10, 500, 350, 'white');
  Deplacer(300, 300);
  interprete(ch, 10, 40 * Math.cos(t * 3.14 / 180));
  HideTurtle();
}

function Animation(ch, t) {
  UnCran(ch, t);
  t = (t + 15) % 360;
  setTimeout('Animation("' + ch + '",' + t + ')', 20);
}

Animation(ch, t);

}
  }
}
-----------------
Examples/Tours_Hanoi_Animees.js
-----------------
var SequenceDeplacements=Tableau(0);

function Hanoi(n,tige1,tige2,tige3) {
   if (n > 0) {
      Hanoi(n-1, tige1, tige3, tige2);
      DeplacerCyl(tige1,tige3);
      Hanoi(n-1, tige2, tige1, tige3);
   }
}

function DeplacerCyl(T1,T2) {
	SequenceDeplacements.push(new Array(T1,T2));
}

var n=SaisieEntier();

Hanoi(n,0,1,2);

var Tiges=Tableau(0);
Tiges.push(Tableau(0));
Tiges.push(Tableau(0));
Tiges.push(Tableau(0));

for (var i=0; i < n; i++) {Tiges[0].push(n-i);}

function AnimeUnCran(dep1,dep2) {
	Initialiser();
	ShadowOn();
	Viewport(0,0,400,300);
	AfficheTiges();
}

Animation(0);
-----------------
Examples/EffetPlasma.js
-----------------
var palette = Tableau();
var cosTbl = Tableau();
var p1, p2, p3, p4, t1, t2, t3, t4;

function createPalette() {
  var i;
  for (i = 0; i < 64; i++) {
    palette[i] = rgb(4 * i, 4 * i, 0);
    palette[i + 64] = rgb(255, 255 - 4 * i, 0);
    palette[i + 128] = rgb(255 - 4 * i, 0, 4 * i);
    palette[i + 192] = rgb(0, 4 * i, 255 - 4 * i);
  }
}

function precalcCosinus() {
  var i;
  for (i = 0; i < 256; i++)
  cosTbl[i] = Math.floor(Math.cos(i * Math.PI / 128) * 32) + 32;
}

function dessinePlasma(qualite) {
  var x, y, col, pos;

pos = 0;
  t1 = p1;
  t2 = p2;
  for (y = 0; y < 200; y += qualite) {
    t3 = p3;
    t4 = p4;
    for (x = 0; x < 320; x += qualite) {
      col = cosTbl[t1] + cosTbl[t2] + cosTbl[t3] + cosTbl[t4];
      RectanglePlein(x, y, qualite, qualite, palette[col]);
      pos++;
      t3 = (t3 + 255 - qualite) % 256;
      t4 = (t4 + 2 * qualite) % 256;
    }
    t1 = (t1 + 255 - 2 * qualite) % 256;
    t2 = (t2 + 2 * qualite) % 256;
  }
  p1 = (p1 + qualite) % 256;
  p2 = (p2 + 2 * qualite) % 256;
  p3 = (p3 + 255 - qualite) % 256;
  p4 = (p4 + 255 - 2 * qualite) % 256;
}

Initialiser();
Viewport(0, 0, 320, 200, 1);
createPalette();
precalcCosinus();
p1 = Hasard(256);
p2 = Hasard(256);
p3 = Hasard(256);
p4 = Hasard(256);

// Animation
function draw() {
  dessinePlasma(4);
}

Loop(10000);

-----------------
Examples/EffetPlasma_fast.js
-----------------

var palette = [];
var cosTbl = [];
var p1, p2, p3, p4, t1, t2, t3, t4;

function createPalette() {
  var i;
  for (i = 0; i < 64; i++) {
    palette[i] = [4 * i, 4 * i, 0];
    palette[i + 64] = [255, 255 - 4 * i, 0];
    palette[i + 128] = [255 - 4 * i, 0, 4 * i];
    palette[i + 192] = [0, 4 * i, 255 - 4 * i];
  }
}

function precalcCosinus() {
  var i;
  for (i = 0; i < 256; i++)
  cosTbl[i] = Math.floor(Math.cos(i * Math.PI / 128) * 32) + 32;
}

function dessinePlasma(qualite) {
  var x, y, col, pos;

pos = 0;
  t1 = p1;
  t2 = p2;
  for (y = 0; y < 200; y += qualite) {
    t3 = p3;
    t4 = p4;
    for (x = 0; x < 320; x += qualite) {
      col = cosTbl[t1] + cosTbl[t2] + cosTbl[t3] + cosTbl[t4];

image.data[4*pos]=palette[col][0];
      image.data[4*pos+1]=palette[col][1];
      image.data[4*pos+2]=palette[col][2];
      image.data[4*pos+3]=255;
      //RectanglePlein(x, y, qualite, qualite, palette[col]);
      pos++;
      t3 = (t3 + 255 - qualite) % 256;
      t4 = (t4 + 2 * qualite) % 256;
    }
    t1 = (t1 + 255 - 2 * qualite) % 256;
    t2 = (t2 + 2 * qualite) % 256;
  }
  p1 = (p1 + qualite) % 256;
  p2 = (p2 + 2 * qualite) % 256;
  p3 = (p3 + 255 - qualite) % 256;
  p4 = (p4 + 255 - 2 * qualite) % 256;
}

Initialiser();
Viewport(0, 0, 640, 400, 1);
createPalette();
precalcCosinus();
p1 = Hasard(256);
p2 = Hasard(256);
p3 = Hasard(256);
p4 = Hasard(256);
var image=ctx.createImageData(320,200);

function draw() {
  dessinePlasma(1);
  ctx.putImageData(image,0,0);
}

Loop(10000);

------------------
TP/Sons/exercice_2.js
--------
// LA à la guitare
var data = Tableau();
var note = 440;

// Q2 Tableau au hasard
var Decalage = Math.floor(22050 / note);
for (var i = 0; i < Decalage; i++) {
  data[i] = Hasard(200000) / 100000 - 1;
}

// Q3
var Attenuation = 0.995;

for (var i = Decalage; i < 22050; i++) {
  data[i] = Attenuation * (data[i - Decalage] + data[i - Decalage + 1]) / 2;
}

// Q4 => 8bits non signé
for (var i = 0; i < Taille(data); i++) {
  data[i] = 128 + Math.floor(128 * data[i]);
}

var son = CreerSon(data, 22050);
son.play();
-------------------
Examples/smallpaint.js
-------------------
Initialiser();
// Trace palette
var Couleurs = ['white', 'black', 'blue', 'red', 'yellow', 'green', 'orange', 'purple'];
RectanglePlein(0, 0, 50, size_canvas_y, rgb(200, 200, 200));
for (var i = 0; i < Taille(Couleurs); i = i + 1) {
  RectanglePlein(5, 5 + 50 * i, 40, 40, Couleurs[i]);
}

var CouleurCourante = 1;
MouseClick(5, 55);

function MouseMove(x, y) {
  if (x >= 50) {
    RectanglePlein(x - 5, y - 5, 10, 10, Couleurs[CouleurCourante]);
  }
}

// How lines generated by the grounding part must be interpreted
window.Interprete_grounding = function(ch) {
  // Do nothing
}

// How lines generated by the solving part must be interpreted
window.Interprete = function(ch) {
  if (PositionDans(ch, 'Answer') >= 0) {
    answerno++;
    Damier(n);
  }
  if (PositionDans(ch, 'occupied') >= 0) {
    var Tinst = ch.split(' ');
    for (var i = 0; i < Taille(Tinst); i++) {
      eval(Tinst[i]);
    }
    Ecrire(ch);
  }
};

function occupied(i, j) {
  DrawQueen(i - 1, j - 1);
}

function column(i) {}

function row(i) {}

// Graphical part
var taille = 20;
var nbanswersperlines = 6;

function DrawQueen(i, j) {
  var decX = (n + 1) * taille * ((answerno - 1) % nbanswersperlines);
  var decY = (n + 1) * taille * Math.floor((answerno - 1) / nbanswersperlines);
  setCanvasFont('Helvetica', taille + 'px', '');
  var color = ((i + j) % 2 == 1) ? 'white' : 'black';
  Texte(decX + 50 + 5 + i * taille, decY + 50 + taille - 5 + j * taille, Ascii_vers_Caractere(9819), color);
}

// Main part
var n = SaisieEntier('Size of the chessboard');
var answerno = 0;

solve('nqueens.lp', '-cn=' + n + ' -n 10');// How lines generated by the solving part must be interpreted

--------------------
Play_with_clasp_sudoku.js
--------------------
includeFile('Library/Lparse_clasp.js');

var answerno = 0;

window.Interprete_grounder = function(ch) {
}

Initialiser();
setCanvasFont('helvetica', '30px', '');
for (var i = 0; i < 10; i++) {
  Ligne((i + 1) * 50, 0, (i + 1) * 50, 450, (i % 3 == 0) ? 'red' : 'black');
  Ligne(50, i * 50, 500, i * 50, (i % 3 == 0) ? 'red' : 'black');
}

Texte(500, 500, 'Solve', 'black')

var Tpos = [];
for (var i = 1; i <= 9; i++) {
  for (var j = 1; j <= 9; j++) {
    Tpos[i + ',' + j] = 0;
  }
}

function g_x(i, j, k) {

}

function x(i, j, k) {
  if (Tpos[i + ',' + j] ==0) {
    Texte(j * 50 + 10, i * 50 - 10, k, 'blue');
  	Tpos[i + ',' + j] = k;
  }
}

function MouseClick(x, y) {
  var j = Math.floor((x - 10) / 50);
  var i = Math.floor((y - 10) / 50) + 1;

if (i > 0 && i <= 9 && j > 0 && j <= 9) {
    Tpos[i + ',' + j] = (Tpos[i + ',' + j] + 1) % 10;
    RectanglePlein(j * 50 + 1, i * 50 - 49, 48, 48, 'white');
    Texte(j * 50 + 10, i * 50 - 10, (Tpos[i + ',' + j]==0)?'':Tpos[i + ',' + j], 'black');
  } else if (i == 10 && j == 10) {
    var pb = ''
    for (var ii = 1; ii <= 9; ii++) {
      for (var ji = 1; ji <= 9; ji++) {
        if (Tpos[ii + ',' + ji] != 0) pb += 'x(' + ii + ',' + ji + ',' + Tpos[ii + ',' + ji] + ').\n';
      }
    }
    pb += readFile('sudokuvierge.lp');
    writeFile('tmpsudoku.lp', pb);
    groundandsolve('tmpsudoku.lp', '', '"1"');
  }
}

function val(i) {}

function border(i) {}

--------------------
nqueens.lp
--------------------
% THE N-QUEENS PROBLEM

% DOMAIN PREDICATES
row(1..n).
column(1..n).

% GENERATE
1{occupied(R,C):row(R)}1 :- column(C).

% TEST
:- occupied(R,C), occupied(R,C1),
   row(R), column(C), column(C1), C < C1.

:- occupied(R,C), occupied(R1,C1),
   row(R), column(C), row(R1), column(C1),
   C < C1, abs(R - R1) == abs(C - C1).
--------------------
sudokuvierge.lp
--------------------
%
% domains
%
val(1..9).
border(1;4;7).

% alldifferent boxes
1 { x(X,Y,N) : val(X;Y):
    X1<=X:X<=X1+2:Y1<=Y:Y<=Y1+2 } 1 :- val(N), border(X1;Y1).

% alldifferent rows, columns, values
1 { x(X,Y,N) : val(N) } 1 :- val(X;Y).
1 { x(X,Y,N) : val(X) } 1 :- val(N;Y).
1 { x(X,Y,N) : val(Y) } 1 :- val(N;X).

% alternative:
% :- 2 { x(X,Y,N) : val(N) }, val(X;Y).
% :- 2 { x(X,Y,N) : val(X) }, val(N;Y).
% :- 2 { x(X,Y,N) : val(Y) }, val(N;X).
--------------------
Library/Lparse_clasp.js
--------------------
function solve(_fn, _args) {

var worker = new Worker("worker.js");

worker.onmessage = function(event) {
    //Ecrire(event.data);
    switch (event.data.type) {
    case "ready":
      Ecrire("Go solving");
      break;
    case "output":
      //if (PositionDans(event.data.data,'edge')>=0) {
      Interprete(event.data.data);
      //}
      break;
    case "done":
      event.target.terminate();
      break;
    }
  };

var filename = _fn;
  if (res_for_groundandsolve == '') {
    var filedata = readFile(filename);
  } else {
    var filedata = res_for_groundandsolve; // readFile(filename);
  }
  var args = JSON.parse(_args);

worker.postMessage({
    'type': 'solve',
    'filename': filename,
    'filedata': filedata,
    'args': args
  });
}

var res_for_groundandsolve = '';

worker.onmessage = function(event) {
    //Ecrire(event.data);
    switch (event.data.type) {
    case "ready":
      Ecrire("Go grounding");
      res_for_groundandsolve = '';
      break;
    case "output":
      //if (PositionDans(event.data.data,'edge')>=0) {
      //Ecrire(event.data.data);
      var ch = event.data.data;
      var tch = ch.split(' ');
      ch = tch[0];
      for (var i = 1; i < Taille(tch); i++) if (tch[i] != '') ch += ' ' + tch[i];
      //Ecrire(ch);
      if (res_for_groundandsolve == '') res_for_groundandsolve = ch;
      else res_for_groundandsolve += '\n' + ch;
      //}
      Interprete_grounder(event.data.data);

break;
    case "done":
      event.target.terminate();
      //window.localStorage['tmpfileforclasp.sm']=res_for_groundandsolve;
      //alert('Ready to solve ?');
      solve('tmpfileforclasp.sm', '["tmpfileforclasp.sm",' + _argssolve + ']');
      break;
    }
  };

var filename = _fn;
  var filedata = readFile(filename);
  var args = JSON.parse(_args);

worker.postMessage({
    'type': 'ground',
    'filename': filename,
    'filedata': filedata,
    'args': args
  });
}

function Interprete(ch) {
  Ecrire(ch);
}

function Interprete_grounder(ch) {}
----------------------------
Cours_1/Demo1.js
--------------------
Ecrire('Bonjour le monde');

--------------------
Cours_1/Demo2.js
--------------------
var message=Saisie('Entrez votre message');
Ecrire(message);

--------------------
Cours_1/Demo3.js
--------------------
Rectangle(10,10,100,200,'red');
RectanglePlein(150,50,200,200,'blue');
Ligne(0,0,500,300,'green');
--------------------
Cours_1/Demo_Guitare.js
--------------------
// Génération des notes (harmoniques sur gammes tempérées)
var data = Tableau(0);

frequence = 440;

var Decalage = Math.floor(22050 / frequence); //En gros, Décalage représente la longueur de la corde
for (var i = 0; i < Decalage; i++) {
  data[i] = Hasard(256); // on pince la corde (i.e., valeurs au hasard)
}
for (var i = Decalage; i < 22050 / 3; i++) {
  // Le principe de l'algorithme (de Karplus-Strong), c'est de faire une sorte de moyenne glissante pour rendre le son de plus en plus harmonieux
  data[i] = 128 + Math.floor(0.995 * ((data[i - Decalage] + data[i - Decalage + 1]) / 2 - 128));
}
// On crée le son à partir du tableau
var note = CreerSon(data, 22050);

// On joue la note....
note.play();
--------------------
Cours_1/Demo_Webcam.js
--------------------
// Bienvenu chez les trolls !!!

function Traitement(T){
  // Affichage de l'image originale
  ctx.putImageData(T,0,0);
  for(var i=0; i<Taille(T.data); i=i+4) {
    var rouge=T.data[i];
    var vert=T.data[i+1];
    var bleu=T.data[i+2];

T.data[i] = bleu;
    T.data[i+1] = rouge;
    T.data[i+2] = vert;
  }
  // Affichage de l'image modifiée
  ctx.putImageData(T,640,0);
}

// On arrête d'enregistrer dès qu'on clique
function MouseClick(x,y) {
  StopWebcam();
}

// On lance la capture de la webcam
StartWebcam(Traitement);

--------------------
Cours_2/Historique_Execution.js
--------------------
// Historique d'exécution
// Variables position,deplacement à inspecter, ne pas oublier de les ajouter dans le champs correspondant
var position, deplacement;
position = 25;
deplacement = 11;
position = position + deplacement;
Ecrire(position);

---------------------
Cours_3/Accumulateur_Repetition.js
--------------------
/*
Algorithme Répétition de caractères
Variables:
	x: chaîne de caractères
	i: entiers;
Début
	x ← ‘’;
	pour i allant de 1 à 100 faire
		x ← x+ ‘*’;
	fin pour
	Ecrire(x);
Fin
*/

// Algorithme Répétition de caractères

var x,i;
x = '';
for(i = 1; i <= 100; i=i+1) {
  x = x + '*';
}
Ecrire(x);
--------------------
Cours_3/Accumulateur_factorielle.js
--------------------
/*
Algorithme Calcul de n!
Variables:
	x,i,n: entiers;
Début
	x ← 1;
	n ← Saisie();
	pour i allant de 1 à n faire
		x ← i * x;
	fin pour
	Ecrire(x);
Fin

// Algorithme Calcul de n!

var n,x,i;
n = SaisieEntier();
x = 1;
for(i = 1; i <= n; i=i+1) {
  x = i*x;
}
Ecrire(x);
--------------------
Cours_3/Accumulateur_moyenne.js
--------------------
/*
Algorithme Moyenne de 36 notes saisies
Variables:
	note,i: entiers;
	x: réel;
Début
	x ← 0;
	pour i allant de 1 à 36 faire
		note ← Saisie();
		x ← x + note;
	fin pour
	Ecrire(x/36);
Fin
*/

// Algorithme Moyenne de 36 notes saisies

var note,x,i;
x = 0;
for(i = 1; i <= 36; i=i+1) {
  note = SaisieReel();
  x = x + note;
}
Ecrire(x/36);
--------------------
Cours_3/Conditionnelles_imbriquées.js
--------------------
// Algorithme Test de Ph
var ph, statut;

ph = Saisie();
if (ph < 7) {
  statut = 'acide';
} else {
  if (ph > 7) {
    statut = 'basique';
  } else {
    statut = 'neutre';
  }
}
Ecrire(statut);
--------------------
Cours_3/Historique_Boucles.js
--------------------
/*
Algorithme Toto
Variables:
	nb1,nb2: entiers;
Début
	nb1 ← 1;
	nb2 ← 10;
	Tant que (nb1<nb2) faire
		nb1 ← 2*nb1;`
		nb2 ← nb2-1;
	fin tant que
Fin
*/

// Algorithme Toto
// N'oubliez pas d'inspecter nb1, nb2
var nb1,nb2;

nb1 = 1;
nb2=10;
while (nb1<nb2) {
  nb1 = 2*nb1;
  nb2=nb2-1;
}

--------------------
Cours_3/Historique_conditionnelles.js
--------------------
// Algorithme Majorité
// N'oubliez pas d'ajouter les variables à inspecter
var age, statut;

age = Saisie();
if (age < 18) {
  statut = 'mineur';
} else {
  statut = 'majeur';
}
Ecrire(statut);
--------------------
Cours_3/Jeu_plus_moins.js
--------------------
// Algorithme le jeu du plus ou moins

var proposition, cache, nbpropositions;

cache = Hasard(10);
proposition = SaisieEntier('Votre proposition');
nbpropositions = 1;
while (proposition != cache) {
	nbpropositions = nbpropositions + 1;
	if (proposition < cache) {
		Ecrire('C\'est plus !');
	} else {
		Ecrire('C\'est moins !');
	}
	proposition = SaisieEntier('Votre proposition');
}
Ecrire('Gagné ! Vous avez mis '+nbpropositions+' coups');

--------------------
Cours_3/Jolies_Couleurs.js
--------------------
// Algorithme couleurs
var x,y;

Initialiser(); // Pour effacer l'écran
for(x=0; x<800; x=x+1) {
	for(y=0; y<600; y=y+1) {
      Point(x,y,rgb((x+y) % 256,x%256,y%256));
    }
}

--------------------
Cours_3/Pour_Polygone.js
--------------------
// Algorithme polygone
var n,i;

Initialiser(); // Pour effacer la sortie graphique
Deplacer(200,200); // Pour placer la tortue à un endroit où elle est visible
n = SaisieEntier('Combien de côté pour le polygone ?');
for(i=1; i <= n; i=i+1) {
	Avancer(10);
	Droite(360/n);
}

--------------------
Cours_3/Pour_factorielle.js
--------------------
/*
Algorithme Calcul de 20 !
Variables:
	x,i: entiers;
Début
	x ← 1;
	pour i allant de 1 à 20 faire
		x ← i * x;
	fin pour
	Ecrire(x);
Fin

// Algorithme Calcul de n!

var n,x,i;
n = SaisieEntier();
x = 1;
for(i = 1; i <= n; i=i+1) {
  x = i*x;
}
Ecrire(x);
--------------------
Cours_3/TantQue_Mystere.js
--------------------
// Algorithme mystère
var x;

Initialiser(); // Pour effacer la sortie graphique
Deplacer(200, 200); // Pour placer la tortue à un endroit où elle est visible

x=1;
while (x < 720) {
  Avancer(10);
  Droite(x);
  x = x + 1;
}
--------------------
Cours_3/TantQue_log.js
--------------------
/*
Algorithme Calcul de [log3(100)]
Variables:
	x,i: entiers;
Début
	x ← 1;
	i ← 0;
	Tant que (x < 100) faire
		x ← 3 * x;
		i ← i+1;
	fin tant que
	Ecrire(i);
Fin
*/

// Algorithme Calcul de [log3(100)]
var x,i;
x = 1;
i = 0;
while (x<100) {
  x = 3*x;
  i = i + 1;
}
Ecrire(i-1);
Ecrire(Math.log(100)/Math.log(3));
--------------------
Cours_3/VerificationSaisie.js
--------------------
/*
Algorithme Saisie d’un nombre positif
Variables:
	x: entier;
Début
	x ← Saisie();
	Tant que (x < 0) faire
		x ← Saisie();
	fin tant que
	Ecrire(x);
Fin
*/

// Algorithme Saisie d’un nombre positif
var x;

x = SaisieEntier();
while (x < 0) {
  x = SaisieEntier();
}
Ecrire(x);
--------------------
Cours_4/Exemple_Fleche.js
--------------------
/*

Fonction Repeter(nb : entier, symbole: caractère):chaîne de caractères
Variables:
	i : entier;
	res : chaîne de caractères
Début
    res ⟵ ‘’;
    pour i allant de 1 à nb faire
    	 res ⟵ res + symbole;
	fin pour
	retourner(res);
Fin

Algorithme Flèche
Variables:
   i : entier;
Début
   pour i allant de 1 à 5 faire
   Ecrire(Repeter(6-i,’˽‘)+Repeter(2*i-1,’*’));
   fin pour
   pour i allant de 1 à 5 faire
      Ecrire(Repeter(4,’˽‘)+Repeter(3,’*’));
   fin pour
Fin

function Repeter(nb,symbole) {
  var i,res;
  res = '';
  for(i=1; i<= nb; i=i+1) {
    res = res + symbole;
  }
  return res;
}

// Algorithme Flèche
var i;
for(i=1; i<=5; i=i+1) {
  Ecrire(Repeter(6-i,'˽')+Repeter(2*i-1,'*'));
}
for(i=1; i<=5; i=i+1) {
  Ecrire(Repeter(4,'˽')+Repeter(3,'*'));
}

--------------------
Cours_4/Exemple_Hanoi.js
--------------------
// Exemple : Puissance de la récursion: la résolution des tours de Hanoi

function Hanoi(n, tige1, tige2, tige3) {
  if (n > 0) {
    Hanoi(n - 1, tige1, tige3, tige2);
    Ecrire('Deplacer de ' + tige1 + ' à ' + tige3);
    Hanoi(n - 1, tige2, tige1, tige3);
  }
}

// Appel (ici, il s'agit d'une procédure)
Hanoi(5, 'début', 'milieu', 'fin');

--------------------
Cours_4/Exemple_Historique_Execution.js
--------------------
// Un exemple d'historique d'exécution
function double(x) {
  var res;
  res = 2*x;
  return res;
}

// Algorithme
var v;
v = double(3);

--------------------
Cours_4/Exemple_declaration_Calcule_age.js
--------------------
/*

Algorithme Calcule age
Variables:
   année, age : entier;
Début
   année ← Saisie();
   age ← 2020 - année;
   Ecrire(age);
Fin

devient:

Fonction Calcule_age(année : entier) : entier
Variables:
   age : entier;
Début
   age ← 2020 - année;
   Retourner(age);
Fin

function Calcule_age(annee) {
  var age;
  age = 2020 - annee;
  return age;
}

// Utilisation de la fonction qu'on a déclaré
// ça ne sert à rien de définir une fonction si on ne s'en sert pas !!!
Ecrire(Calcule_age(1998));

var x;
x = SaisieEntier();
Ecrire(Calcule_age(x));

--------------------
Cours_4/Exemple_declaration_CtoF.js
--------------------
/*

Fonction C_to_F(temp : réel): réel;
Variables
	res: réel;
Début
	res <- 1.8*temp+32;
	retourner res;
Fin

function C_to_F(temp) {
  var res;
  res=1.8*temp+32;
  return res;
}

// Algorithme pour utiliser la fonction définie

var temperature=SaisieReel('Veuillez entrer une température en Celcius');

Ecrire('Il fait '+C_to_F(temperature)+' degrés Fahrenheit');

--------------------
Cours_4/Exemple_declaration_factorielle.js
--------------------
/*
Version algorithme

Algorithme Factorielle
Variables
   n : entier;
   res: entier;
   i: entier;
Début
   n ← Saisie();
   res ← 1;
   pour i allant de 1 à n faire
      res ← res * i;
   fin pour
   Ecrire(res);
Fin

devient:

fonction factorielle(n : entier) :entier
Variables:
   res: entier;
   i:entier;
Début
   res ← 1;
   pour i allant de 1 à n faire
      res ← res * i;
   fin pour
   retourner res;
Fin

On rend réutilisable les instructions de l'algorithme

fonction binomiale(n,p)
Début
   retourner factorielle(p)/(factorielle(n)*factorielle(n-p));
Fin

function factorielle(n) {
  var res, i;
  res = 1;
  for (i = 1; i <= n; i = i + 1) {
    res = res * i;
  }
  return res;
}

// Utilisation de la fonction qu'on a déclaré
// ça ne sert à rien de définir une fonction si on ne s'en sert pas !!!
Ecrire(factorielle(5));
Ecrire(factorielle(10));

var x;
x = SaisieEntier();
Ecrire(factorielle(x));

--------------------
Cours_4/Exemple_factorielle_recursive.js
--------------------
/*
Fonctions définies récursivement: premier exemple, la fonction factorielle: f(0)=1 et f(n)=n*f(n-1) si n>0.
*/
/*
On a le droit d'appeler une fonction à l'intérieur de sa déclaration

Fonction factorielle_rec(n:entier):entier
Variables:
   res:entier;
Début
   si (n=0)
      Alors res <- 1;
      Sinon res <- n*factorielle_rec(n-1);
   retourner res;
Fin
*/

function factorielle_rec(n) {
  var res;
  if (n == 0) {
    res = 1;
  } else {
    res = n * factorielle_rec(n - 1);
  }
  return res;
}

Ecrire(factorielle_rec(5));
Ecrire(factorielle_rec(10));

var x;
x = SaisieEntier();
Ecrire(factorielle_rec(x));
--------------------
Cours_4/Hanoi_anime.js
--------------------
// Exemple : Démonstration animée de la résolution du problème (nb: on stocke le contenu des tiges dans des tableaux...)
var SequenceDeplacements = Tableau(0);

function Hanoi(n, tige1, tige2, tige3) {
  if (n > 0) {
    Hanoi(n - 1, tige1, tige3, tige2);
    DeplacerCyl(tige1, tige3);
    Hanoi(n - 1, tige2, tige1, tige3);
  }
}

function DeplacerCyl(T1, T2) {
  SequenceDeplacements.push(new Array(T1, T2));
}

var n = SaisieEntier();

Hanoi(n, 0, 1, 2);

var Tiges = Tableau(0);
Tiges.push(Tableau(0));
Tiges.push(Tableau(0));
Tiges.push(Tableau(0));

for (var i = 0; i < n; i++) {
  Tiges[0].push(n - i);
}

function AnimeUnCran(dep1, dep2) {
  Initialiser();
  ShadowOn();
  Viewport(0, 0, 400, 300);
  AfficheTiges();
}

Animation(0);

--------------------
Cours_4/Motivations.js
--------------------
// Un calcul...
var a, b, c;
var u, v, tmp;

u = 1;
v = 3;
while (Math.abs(u * u - 3) > 0.0001) {
  tmp = u;
  u = (1 / u + 1 / v) / 2;
  v = (tmp / v) / 2;
}
a = u;

u = 1;
v = 5;
while (Math.abs(u * u - 5) > 0.0001) {
  tmp = u;
  u = (1 / u + 1 / v) / 2;
  v = (tmp / v) / 2;
}
b = u;

u = 1;
v = 7;
while (Math.abs(u * u - 7) > 0.0001) {
  tmp = u;
  u = (1 / u + 1 / v) / 2;
  v = (tmp / v) / 2;
}
c = u;

Ecrire(a + b + c);

// Que fait ce programme ???

function Racine_Carree(x) {
  var u, v, tmp;
  u = 1;  v = x;
  while (Math.abs(u * u - x) > 0.0001) {
    tmp = u;
    u = (1 / u + 1 / v) / 2;
    v = (tmp / v) / 2;
  }
  return u
}

Ecrire(Racine_Carree(3) + Racine_Carree(5) + Racine_Carree(7));

// Que fait celui là ?

--------------------
Cours_4/Utilisation_fonctions.js
--------------------
// Quelques utilisations de fonction prédéfinies

Ecrire(Math.floor(3/2));
Ecrire(Math.abs(-5));
Ecrire(Math.log(12));
Ecrire(Longueur('Bonjour'))
Ecrire(typeof('ceci est une chaîne'));

// SaisieReel est une fonction à 0 argument qui renvoie un nombre
var x;
x=SaisieReel();
// Ecrire(ch) est une fonction à 1 argument qui ne renvoie rien (on parle souvent de procédure dans ce cas).
Ecrire(Math.sin(x));

// Une valeur de Pi ? Utilisation du résultat d'une fonction dans une expression...
Ecrire(4*Math.atan(1));

----------------------
Cours_6/CompteARebours_Bon.js
--------------------
function CompteARebours(n) {
  if (n == 0) {
    Ecrire('Boum !!');
  } else {
    Ecrire(n);
    // Pour plus d'information: http://www.w3schools.com/jsref/met_win_settimeout.asp
    setTimeout(function() {CompteARebours(n-1);}, 1000);
  }
}

CompteARebours(4);

--------------------
Cours_6/CompteARebours_Mauvais.js
--------------------
function Attendre(t) {
  var debut, maintenant;
  debut = (new Date()).getTime(); // nb de millisecondes depuis 1/1/70
  maintenant;
  do {
    maintenant=(new Date()).getTime();
  } while (maintenant - debut < t);
}

function CompteARebours(n) {
  if (n == 0) {
    Ecrire('Boum !!');
  } else {
    Attendre(1000);
    Ecrire(n);
    CompteARebours(n-1);
  }
}

CompteARebours(4);

--------------------
Cours_6/Contraintes.js
--------------------
// Les problèmes de résolution de contraintes
// Problème: On cherche A,B,C tels que A*B+C*D = 1500, 2<A<1500, 2<B<1500, 2<C<1500, 2<D<1500.

// un tel problème est décrit par
//      - les domaines des variables
var Domaines = [[2,1500],[2,1500],[2,1500],[2,1500]];

//      - une fonction qui teste si une affectation est valide ou non
function Test(V) {
  var A = V[0];
  var B = V[1];
  var C = V[2];
  var D = V[3];
  return (A * B + C * D == 1500);
}

var MonProbleme=[Domaines,Test];

// on peut ensuite faire appelle à des fonctions de résolution "génériques" comme celle-ci

Ecrire(Resoudre(MonProbleme));

--------------------
Cours_6/Contraintes_Fubuki.js
--------------------
// Les problèmes de résolution de contraintes

// un tel problème est décrit par
//      - les domaines des variables
var Domaines = [[6],[2,3,4,5,7,8],[2,3,4,5,7,8],
                [2,3,4,5,7,8],[9],[2,3,4,5,7,8],
                [2,3,4,5,7,8],[2,3,4,5,7,8],[1]
                ];

//      - une liste de contraintes

function TousDifferents(V) {
  var T=[];
  var res=true;
  for(var i=0; i<Taille(V); i++) {
    if (T[V[i]] == 1) res=false;
    T[V[i]] = 1;
  }
  return res;
}

function Test(V) {
  var res=true;
  res=res && (V[0]+V[1]+V[2] == 18);
  res=res && (V[3]+V[4]+V[5] == 21);
  res=res && (V[6]+V[7]+V[8] == 6);
  res=res && (V[0]+V[3]+V[6] == 17);
  res=res && (V[1]+V[4]+V[7] == 16);
  res=res && (V[2]+V[5]+V[8] == 12);
  res=res && TousDifferents(V);
  return res;
}

var MonProbleme=[Domaines,Test];

// on peut ensuite faire appelle à des fonctions de résolution "génériques" comme celle-ci

Ecrire(Resoudre(MonProbleme));

--------------------
Cours_6/Exemple_POO.js
--------------------
function Personnage(_col) {
  this.couleur = _col;
  this.force = 10;
  this.position = 5; // se déplacent sur un segment 10x10
  this.Bouger = function() {
    // Se déplace d'une case au Hasard sur le damier 10x10
    this.position = this.position + Hasard(3) - 1;
    if (this.position < 0) {
      this.position = 0;
    }
    if (this.position > 9) {
      this.position = 9;
    }
  }
  this.Frapper = function(autrePersonnage) {
    // On essaye de frapper un autre personnage. On le touche s'il est à distance <= 1
    if (Math.abs(autrePersonnage.position - this.position) <= 1) {
      // Quand on touche, ça motive et ça fait mal à l'adversaire
      this.force = this.force + 1;
      autrePersonnage.force = autrePersonnage.force - 1;
    } else {
      // Quand on frappe dans le vide, ça fatigue
      this.force = this.force - 0.5;
    }
  }
}

var Joueur1 = new Personnage('red');
var Joueur2 = new Personnage('blue');

function Affiche(pers) {
  RectanglePlein(pers.position * 50 + 50, 100, 40, 40, pers.couleur);
}

function draw() {
  Initialiser();
  Affiche(Joueur1);
  Affiche(Joueur2);
  if (Hasard(2) == 0) {
    // Un seul personnage fait quelquechose
    if (Hasard(2) == 0) {
      // Joueur 1 Bouge ou frappe
      Joueur1.Bouger();
    } else {
      Joueur1.Frapper(Joueur2);
      Texte(100, 200, 'Boum !!!', 'black');
    }

} else {
    // Un seul personnage fait quelquechose
    if (Hasard(2) == 0) {
      // Joueur 1 Bouge ou frappe
      Joueur2.Bouger();
    } else {
      Joueur2.Frapper(Joueur1);
      Texte(100, 200, 'Boum !!!', 'black');
    }

}
}

FrameRate=2;
Loop(-1);
--------------------
Cours_6/Fibo.js
--------------------
function Fibo(n) {
  if (n < 2) return 1;
  else
  return Fibo(n - 1) + Fibo(n - 2);
}

var T = []; // pour mémoriser les valeurs calculées

function Fibo2(n) {
  if (typeof(T[n]) == 'undefined') {
    if (n < 2) {
      T[n] = 1;
    } else {
      T[n] = Fibo2(n - 1) + Fibo2(n - 2);
    }
  }
  return T[n];
}

Ecrire('Temps execution de Fibonacci "standard" = '+chronometre('Fibo(40)')+'ms');
Ecrire('Temps execution de Fibonacci "dynamique" = '+chronometre('Fibo2(40)')+'ms');
Ecrire(T);

--------------------
Cours_6/ProgFonctionnelle.js
--------------------
function carre(x) {
  return x*x;
}

// Un exemple typique de programmation fonctionnelle
Ecrire(Somme(Mapper(carre,[1,2,3,4,5,6,7,8,9,10])));

// Somme et Mapper sont des fonctions "haut niveau"
function Somme(L) {
  var res,i;
  res=0;
  for(i=0; i<Taille(L); i=i+1) {
    res=res+L[i];
  }
  return res;
}

function Mapper(f,L) {
  var i;
  for(i=0; i<Taille(L); i=i+1) {
    L[i]=f(L[i]);
  }
  return L;
}

--------------------
Cours_6/RenduMonnaie.js
--------------------
// Rendu de monnaie
var i,nb;
var PiecesEuros = [1,2,5,10,20,50,100,200];
var retrait=SaisieEntier('Combien voulez-vous retirer ?');
Ecrire('Vous voulez retirer '+retrait+' euros');

for(i=Taille(PiecesEuros)-1; i>=0; i=i-1) {
  // Meilleur choix local
  nb=Math.floor(retrait/PiecesEuros[i]);
  retrait = retrait % PiecesEuros[i];
  if (nb != 0) {
    Ecrire('Voici '+nb+' pièces ou billets de '+PiecesEuros[i]+' euro(s)');
  }
}
// Dans le cas des pièces euros, c'est toujours le meilleur choix global
// Attention, ce n'est pas toujours le cas. Prenons cet exemple de pièces
// issues d'une république tordue

var PiecesTordue = [1,3,4];
var retrait=6;

for(i=Taille(PiecesTordue)-1; i>=0; i=i-1) {
  // Meilleur choix local
  nb=Math.floor(retrait/PiecesTordue[i]);
  retrait = retrait % PiecesTordue[i];
  if (nb != 0) {
    Ecrire('Voici '+nb+' pièces de '+PiecesTordue[i]+' tordux');
  }
}

// Le meilleur choix est 2x3 mais on obtient 1x4+2x1 !

---------------------
Cours_5/Exemple_Complexite_Recherches.js
--------------------
// génération d'un tableau aléatoire TRIE de 100000 cases
var tab=Tableau(100000);
var i;
tab[0]=1;
for (i=1; i<100000; i=i+1) {
   tab[i]=tab[i-1]+Hasard(5);
}

// Le nombre maximum est

var maximum=tab[99999];

// Version 1: On cherche séquentiellement

// Version 2: On cherche "dichotomiquement"

Ecrire('Temps de 1000 recherches, méthode 1 = '+chronometre('for (var j=1; j<1000; j++) Recherche1(tab,Hasard(maximum))')+'ms');

Ecrire('Temps de 1000 recherches, méthode 2 = '+chronometre('for (var j=1; j<10000; j++) Recherche2(tab,Hasard(maximum))')/10+'ms');

--------------------
Cours_5/Exemple_son.js
--------------------
/*
Comment générer un LA ???

Un son est décrit par une onde (sinusoïdale si le son est cristallin).
En informatique, cette "onde" est "échantillonnée" (calcul d'un sous-ensemble de valeurs)
et stockée dans un tableau. En pratique, on calculera une valeur de cette onde tous les 1/22050 secondes !

Si on veut générer 1 seconde de son, il faut calculer 22050 valeurs et les stocker dans un tableau.

Pour un LA cristallin, la courbe est donnée par la formule sin(t * 440 * 2 * Pi) où t est le temps.
(il faut faire 440 tours d'un cercle de 2*Pi radians).

Dernier petit détail "technique": au lieu d'utiliser des réels (entre -1 et 1) pour représenter les valeurs de la courbe,
en informatique on utilisera des entiers (entre 0 et 255), il faut donc prévoir une mise à l'échelle avant de générer le son.

Algorithme Génération d'un LA
Variables:
    i : entier
    T : Tableau d'entiers
  son : son
Début
  Pour i allant de 0 à 22049 faire
    T[i]=sin((i/22050) * 440 * 2 * Pi);
  fin pour

// "Normalisation" = détail technique
  Pour i allant de 0 à 22049 faire
    T[i]=128+ Arrondir (127*T[i])
  fin pour
  son=CreerSon(T,22050);
  son.play();
Fin

var i, T, son;

T = []; // T est un Tableau
for (i = 0; i <= 22049; i = i + 1) {
  T[i] = Math.sin((i / 22050) * 440 * 2 * Math.PI);
}

// "Normalisation" = détail technique
for (i = 0; i <= 22049; i = i + 1) {
  T[i] = 128 + Math.floor(127 * T[i])
}

son = CreerSon(T, 22050);
son.play();
--------------------
Cours_5/tempsconstant.js
--------------------
var T=[];
T[0]=1;
T[1000]=1;

Ecrire(chronometre('for(var i=0; i<1000000; i=i+1) T[0]=1;'));
Ecrire(chronometre('for(var i=0; i<1000000; i=i+1) T[1000]=1;'));
Ecrire(chronometre('for(var i=0; i<1000000; i=i+1) T[i]=1;'));

--------------------
Cours_5/Tableaux2D.js
--------------------
// Les tableaux à deux dimensions
// Dans tous les cas, on souhaite mémoriser un tableau de 5 lignes et 8 colonnes

// Version 1 : On crée un tableau de 5*8=40 cases
//             La case (i,j) du tableau 2D est donc stockée dans la case i*8+j du tableau 1D
var i,j;
var T=Tableau(40);
for (i=0; i<5; i=i+1) {
	for (j=0; j<8; j=j+1) {
      T[i*8+j] = 'je stocke la case ('+i+','+j+')';
    }
}

Ecrire(T);

// Version 2 : On crée un tableau de 5 cases dont chaque case contient un tableau de 8 cases
//             La case (i,j) du tableau 2D est donc stockée dans la case [i][j] du tableau
var i,j;
var T2=Tableau(5);
for(i=0; i<5; i=i+1) {T2[i]=Tableau(8);}

for (i=0; i<5; i=i+1) {
	for (j=0; j<8; j=j+1) {
      T2[i][j] = 'je stocke la case ('+i+','+j+')';
    }
}
AfficherTableau(T2);

--------------------
Cours_6/Exemple_DoubleClic.js
--------------------
window.ondblclick=function () {Ecrire('Aie !!!');}

--------------------
Cours_6/GestionClavier_souris.js
--------------------
function MouseMove(x,y) {
	CerclePlein(x,y,10,'red');
}

function Keypressed(c) {
	Ecrire('Vous avez appuyé sur '+c+' = '+Ascii_vers_Caractere(c));
}

--------------------
Cours_6/Ordinateur_je_te_parle .js
--------------------
// Cet exemple ne fonctionne pour le moment que sous Google Chrome

StartSpeechRecognition(Interprete);

--------------------
Cours_6/Test_unitaire.js
--------------------
// Un exemple de test unitaire

function Multiplier(a,b,c) {
  return a*b*c;
}

// Algorithme test unitaire
var a,b,c;
// Arranger
a=2; b=3; c=4;
// Agir
resultat = Multiplier(a,b,c);
// Auditer
if (resultat != 24) {
  Ecrire('Erreur');
}

--------------------
Cours_6/Invariants.js
--------------------
function Puissance(x, n) {
  var i, res;
  Assert(n >= 0, 'Pré-condition de Puissance');
  res = 1
  for (i = 0; i < n; i = i + 1) {
    Assert(res == Math.pow(x, i), 'Invariant de boucle');
    res = res * x;
  }
  Assert(res == Math.pow(x, n), 'Post-condition de Puissance');
  return res;
}

// Allez voir ce qui se passe dans la console javascript (shift+Ctrl+j)
Ecrire(Puissance(2, 5));
Ecrire(Puissance(2, -5));

--------------------
BasicExampleForWebGL.js
--------------------
// Charger les bibliothèques nécessaires
PreloadLib('https://algoscript.info/three_2017.min.js');
PreloadLib('https://algoscript.info/threejs_post.js');

WaitPreloadLibs(main);

var scene, camera, renderer;

function main() {
  /*
  // Doit être décommenté dans le cas où il faut créen une app pour smartphone
  document.getElementById('webglcontainer').style.visibility = 'visible';
  document.getElementById('webglcontainer').style.zIndex = 100;
  */

scene = new THREE.Scene();
  camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
  renderer = new THREE.WebGLRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  AssociateWebGlContainer(renderer.domElement);

// Ajout d'une lumière (pour le matériaux Phong)
  var light = new THREE.DirectionalLight(0xffffff);
  light.position.set(3, 5, 5).normalize();
  scene.add(light);

camera.position.x = 1;
  camera.position.y = 0;
  camera.position.z = 10;

var geometry = new THREE.BoxGeometry(1, 1, 1);
  var material = new THREE.MeshPhongMaterial({
    color: 0xffff00
  });
  var cube = new THREE.Mesh(geometry, material);
  cube.name = 'cube1';
  scene.add(cube);

geometry = new THREE.SphereGeometry(1, 50, 50);
  material = new THREE.MeshPhongMaterial({
    color: rgb(50, 50, 255)
  });
  var sphere = new THREE.Mesh(geometry, material);
  sphere.position.x = 1;
  sphere.name = 'sphere1';

scene.add(sphere);
  renderer.render(scene, camera);

// Lancement de l'animation (lorsque tout est prêt)
  Loop(-1);

}

function draw() {
  var cube = scene.getChildByName('cube1');

cube.rotation.x += 0.01;
  cube.rotation.y += 0.01;
  cube.rotation.z += 0.02;

var sphere = scene.getChildByName('sphere1');

sphere.position.x = 2 * Math.cos(cube.rotation.x);
  sphere.position.y = 2.5 * Math.sin(cube.rotation.x);

renderer.render(scene, camera);

}

function MouseClick(x, y) {

// on change la couleur de la sphère (alternance de rouge et de bleu)
  var sphere = scene.getChildByName('sphere1');

if (sphere.material.color.r == 1) {
    sphere.material.color.setRGB(0.2, 0.2, 1);
  } else {
    sphere.material.color.setRGB(1, 0.2, 0.2);
  }
}

function Keypressed(c) {
  noLoop();
}

--------------------
Cours_Crypto/Steganographie.js
--------------------
// Une petite animation pour la stéganographie

var message = "RENSEIGNEMENTSARRIVENT";

function bird(x, y, t) {
  // procédure qui dessine un oiseau
  var s = Math.sin(t * 3.14 / 180);
  s = s * s + 0.2;
  Ligne(x - 10 * s, y - 10 * s, x, y, 'black');
  Ligne(x + 10 * s, y - 5 * s, x, y, 'black');
}

var taillex = 900;
var tailley = 400;

function alphabet(y) {
  // procédure qui dessine l'alphabet
  for (var i = 0; i < 26; i++) {
    Ligne(50 + (taillex / 26) * i, 20, 50 + (taillex / 26) * i, y, 'white');
    Texte(50 + (taillex / 26) * i, y, Ascii_vers_Caractere(i + 65), 'white');
  }
}

setCanvasFont('helvetica', '20px', 'bold');

function scene(t) {
  Initialiser();
  RectanglePlein(0, 0, 1500, 1000, rgb(100, 100, 255));
  CerclePlein(200, 200, 100, 'red');

CerclePlein(0, 700, 1000, 'white');
  CerclePlein(400, 700, 700, 'white');
  CerclePlein(800, 700, 450, 'white');

CerclePlein(0, 700, 1000, rgba(100, 255, 0, 0.5));
  CerclePlein(400, 700, 700, rgba(100, 255, 0, 0.5));
  CerclePlein(800, 700, 450, rgba(100, 255, 0, 0.5));
  CerclePlein(400, 700, 700, rgba(100, 255, 0, 0.5));
  CerclePlein(800, 700, 450, rgba(100, 255, 0, 0.5));
  CerclePlein(800, 700, 450, rgba(100, 255, 0, 0.5));

ShadowOn();

var y = 100;
  for (var i = 0; i < Longueur(message); i++) {
    var numcase = Caractere_vers_Ascii(message[i]) - 65;
    bird(Math.floor(50 + (taillex / 26) * numcase) + 5 * Math.sin((t * ((i + 1) % 5)) * 3.14 / 180), Math.floor(50 + tailley * i / Taille(message)), t + i * 10);
  }
}

var t = 0;

function Min(a, b) {
  return (a < b) ? a : b;
}
var tstart = 0;
var flagstart = false;
var flagfirststart = false;

function MouseClick(x, y) {
  flagfirststart = true;
  flagstart = !flagstart;
}

anim();

Memento

The Algoscript Library

Variable inspector

A few examples (see the internal FS for further examples)

Petit mémento

La bibliothèque Algoscript

Inspecteur de variables

Quelques exemples

AlgoScript: a multi-platform development tool for javascript

Developer

Contributors

External libraries

Known bugs

Internal Filesystem

Send by e-mail

Load from an external filesystem

Create a standalone application

Application title

Application style

Encryption of the code

Files to be included