background preloader

Tech

Tech
"3 Dreams of Black" is an interactive film by Chris Milk and some friends at Google that showcases the creative potential of WebGL. WebGL is a context of the HTML5 canvas element that enables hardware-accelerated 3D graphics in the web browser without a plug-in. In other words, it enables your browser to show some really beautiful visuals. On this page, you'll find a WebGL model viewer featuring several of the "3 Dreams of Black" creatures. You'll also find 8 demos created by our development team, a link to the code base, and some links to resources on the web that will be useful for getting started in WebGL programming. Ready to get the entire code base? "3 Dreams of Black" is entirely open source, and the project is hosted on Google Code. Get the code

http://www.ro.me/tech/

Related:  interacción-animación-kinect

Processing.js Basic Syntax A brief look at the structure of a Processing sketch reveals how easy it is to program interactive visualizations. As with any language, you begin by defining your global variables. Then you create a setup() function, where you control the visualization's properties, like the canvas size, frame rate and perhaps variables such as the stoke-weight or background-color. WebGL Water Loading... Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Ai to Canvas Plug-In Almost any Illustrator artwork can be exported to a HTML5 canvas element. Where canvas lacks support for a specific feature, Ai->Canvas automatically rasterizes the artwork to a bitmap and properly positions the image on the canvas. Bring your artwork to life by adding animations to your Illustrator drawings. Ai->Canvas supports rotation, scaling, fading, and movement along a path. For more advanced users, add triggers that start one animation when another animation completes.

Explore All Films Sorry, none of our films matched your search criteria. Please check to make sure you checked off the appropriate boxes in the left-hand sidebar Try a more general search Not all films from our collection are available online. It’s possible that the film you’re searching for is not here. Please consult the complete NFB collection.

25 Secrets of the Browser Developer Tools – AndiSmith.com Over the last few years there has been one tool that has helped out every web developer more than any other – the browser developer tools. Working in harmony with the web browser, the developer tools allows us to manipulate DOM elements, CSS styles, JavaScript and other useful information from the same window often in real time. Historically developers have used Firefox's Firebug add-on to develop and debug their websites, but more recently each browser has developed its own set of tools and each comes with its own advantages and disadvantages. Nowadays it seems hard to imagine ever building a website without one of these handy tools, which are normally accessible by either pressing "F12″ in Windows or "Cmd" ⌘, "Option" ⌥ and "I" on the Mac, or by right clicking on the page and selecting “Inspect Element”. But are you using the developer tools to their full potential?

Interactivo Gráficos 3D Curso Con Three.js y WebGL When does the course begin? This class is self paced. You can begin whenever you like and then follow your own pace. It’s a good idea to set goals for yourself to make sure you stick with the course. How long will the course be available? This class will always be available! Brown Sugar Hair Straightener Welcome to Pinterest Tested! Ever wonder if that miracle cleaner is really miraculous? Or what about that homemade facial cleanser or delicious-looking recipe? This is the place to find out! I am testing Pins that catch my eye to see if they really live up to the claims made on Pinterest.

CSS3 Minimalistic Navigation Menu Martin Angelov As you have probably heard by now, CSS3 animations are a powerful tool, which enables you to create animations which run without the need of applying additional scripting to the page. What is even better, in the next generation of browsers we will have even more powerful tools, including 3D transformations (already present in Safari). But what difference does it make for us today? At the moment only three browsers give you the ability to animate CSS properties – Chrome, Safari and Opera, which together take up only a small part of the browser market.

Agile software development Agile software development is a set of principles for software development in which requirements and solutions evolve through collaboration between self-organizing,[1] cross-functional teams. It promotes adaptive planning, evolutionary development, early delivery, and continuous improvement, and it encourages rapid and flexible response to change.[2] Agile itself has never defined any specific methods to achieve this, but many have grown up as a result and have been recognized as being 'Agile'. The Manifesto for Agile Software Development,[3] also known as the Agile Manifesto, was first proclaimed in 2001, after "agile methodology" was originally introduced in the late 1980s and early 1990s.

Breathing Wall: projection mapping onto a moving surface using a depth camera Wouldn't it be nice if we could sense information about the surface of objects at our fingertips? The way we touch objects, how firm we press them and generally how we move info the physical space can all be reflected onto the surface of the surrounding environment. Through this project I am going to show how to do a real time projection mapping onto the surface. This project is part of an interactive art installation, about which you can find more information here: The main objective of the projection mapping is to project Contour Lines for displaying spatial information about the surface in real time. Moreover, real-time projection mapping in this project connects the digital world to the physical world and increases the awareness of the audience about the physical environment.

Installing Mercurial on a Shared Web Server without Root Access (HostEurope) SVN did a great job for me for at least four years now. Lately, I stumbled upon Mercurial and decided to have a closer look. It turned out that Mercurial (also called “hg”) comes with some great advantages, namely: Not a “Version Control System” (VCS), but a “Distributed Version Control System” (DVCS) enabling you to check in changes locally (offline, without an internet connection). The advantages of this one are also discussed in detail in PEP 374 (Python Foundation).Available in pure Python, therefore installable on a standard shared web server without root access (not a virtual server, just a “web host”). Thereby cutting my costs of maintaining a root server on my own or being charged by a specialized host for an SVN/VPS plan.

Related:  OskarFB HTML5 show caseOpenGL - frameworks & libraries