Mootools en 30 jours : jour 1 - Introduction Installation de Mootools 1.2 Tout d'abord, téléchargez et installez le noyau (core) de la librairie Mootools 1.2. Téléchargez la librairie Mootools 1.2 CoreUploadez la librairie de Mootools 1.2 sur votre serveur ou espace de travailFaites un lien vers la librairie Mootools 1.2 Core entre les balises de votre page - 2. Créer un fichier JavaScript externe et faire le lien vers celui-ci dans votre : A partir de là, vous pouvez utiliser l'une ou l'autre des méthodes. Placer dans le domready Les fonctions Mootools doivent être appelées dans l'évènement domready. window.addEvent('domready', function() { exampleFunction();}); Placer dans une Fonction Vous pouvez quand même placer vos fonctions en dehors du domready, puis les appeler à l'intérieur de celui-ci. var exampleFunction = function() { alert('hello')}; Description de la librairie Noyau Natif Classes Une classe JavaScript (c'est différent d'une classe CSS), est un objet réutilisable avec des fonctionnalités. Elements Utilitaires Request Plugins
O(N)CS Lessons www.lyceelecorbusier.eu/p5js/ Le site web generative-gestaltung.de traite de la production d’images au moyen de programmes développés avec Processing. Ce site est le support du livre éponyme publié en France par les éditions Pyramyd. Les codes proposés sur le site generative-gestaltung.de le sont sous Licence Apache, Version 2.0. Les caractéristiques majeures de la licence Apache sont, d’une part, d’autoriser la modification et la distribution du code sous toute forme (libre ou propriétaire, gratuit ou commercial) et, d’autre part, d’obliger le maintien du copyright lors de toute modification. Les codes proposés ont été ré-écrits pour fonctionner avec p5.js. Le projet Recode est une entreprise communautaire dont l’objectif est préserver des œuvres d’art créées avec l’ordinateur en le traduisant dans un langage de programmation moderne (Processing). Lire la suite…
Getting Started with Three.js ## Introduction I have used Three.js for some of my experiments, and it does a really great job of abstracting away the headaches of getting going with 3D in the browser. With it you can create cameras, objects, lights, materials and more, and you have a choice of renderer, which means you can decide if you want your scene to be drawn using HTML 5’s canvas, WebGL or SVG. For all the awesomeness of Three.js, there can be times where you might struggle. The basics I will assume that you have at least a passing knowledge of 3D, and reasonable proficiency with JavaScript. In our 3D world we will have some of the following, which I will guide you through the process of creating: A scene A renderer A camera An object or two (with materials) You can, of course, do some crazy things, and my hope is that you will go on to do that and start to experiment with 3D in your browser. Support Just a quick note on support in the browsers. Set the Scene
Buzz, a Javascript HTML5 Audio library Introduction to Computer Science using Java This is a course in Java programming for beginners. It covers the fundamentals of programming, roughly the same material that is covered in a beginning programming course in a university or in a high school AP Computer Science course. For maximum benefit, go though these .. These Notes assume that you have a recent version of Java, available from Oracle, Inc. at and a text editor such as Notepad. For more about these .. A German translation of these .. A French translation of selected chapters is available at www.lifl.fr/~secq/IUT/JAVA/intro.html Here is very nice site (unrelated to this site) that allows you to practice Java programming on line: Another nice site (unrelated to this site) that allows you to run Java programs directly in your browser is: An alternate site, with faster response time, that contains this material is: Mirror Site Best viewed at 1024 x 768 or higher.
p5.js - lauren mccarthy p5.js. p5.js is an open source JavaScript framework that makes creating visual media with code on the web accessible to artists, designers, educators, and beginners. p5js.orgdocumentation on medium I have been developing p5.js for five years now, in collaboration with a large community of contributors. p5.js is an open source JavaScript framework that makes creating visual media with code on the web accessible to artists, designers, educators, and beginners. It is a reinterpretation of Processing for the web. It is taught in K-12 to universities worldwide, in art and design programs as well as engineering programs. p5.js is not only a web programming language, it is a project that emphasizes inclusion, diversity, and access in its community of users and developers. This work involves everything from maintaining a codebase, website, and documentation, to leading diversity advocacy and outreach initiatives, leading workshops and organizing events, and mentoring student contributors.
The Beginner's Guide to three.js In this step-by-step guide, we’re going to create a 3D version of the Treehouse logo using three.js, which is a 3D graphics framework built on top of WebGL. Click and drag your mouse to orbit the camera! You can also use your mousewheel to zoom in and out. See the Demo Download the Code View on CodePen Note: You’ll need the desktop version of either Chrome, Firefox, or Safari. 3D graphics can be difficult, especially 3D in the browser. Even though three.js might look complex at first, it would actually take even more code to write the same thing in pure WebGL, mostly because we’d need to write a rendering engine. Browser Compatibility For this tutorial, you’ll need the desktop version of either Chrome, Firefox, or Safari. Also, if you’re using Safari, you need to enable WebGL first. Open the Preferences menu.Click on the Advanced tab.Click the checkbox that says Show Develop menu in menu bar.Open the Develop menu from the menu bar and select Enable WebGL. Getting Started Download three.js
ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. Current version: 2.1 beta4. IE7.js Upgrade MSIE5.5-6 to be compatible with MSIE7. IE8.js Upgrade MSIE5.5-7 to be compatible with MSIE8. You do not need to include IE7.js if you are using IE8.js IE9.js Upgrade MSIE5.5-8 to be compatible with modern browsers. You do not need to include IE7/IE8.js if you are using IE9.js The script only fixes images named: *-trans.png If you want the fix to apply to all PNG images then set a global variable as follows: var IE7_PNG_SUFFIX = ".png"; You must set this variable before including the IE7.js script. <script src="IE8.js">IE7_PNG_SUFFIX=".png";</script> The suffix will ignore query string parameters. var IE7_PNG_SUFFIX = ":"; By default, the PNG will be stretched (this simulates tiling). You may link directly to these files if you wish: