background preloader

Hackery, Matemática y Diseño -

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. The next step is to create your draw() function, which controls the behavior of each frame in your animation. The draw function loops continuously unless you tell it otherwise by using the exit() command. To the right is a basic example of Processing.js in action. Adding interactivity to your visualization is incredibly simple. Processing.js also tracks a range of pre-defined variables like key, which stores the value of the last key pressed; or mouseX and mouseY, which store the last recorded position of the mouse pointer. Using Processing There are two ways of implementing processing. First Method Needed files:

Our Mission : Our Mission: We use the beauty of fractals to inspire interest in Science, Math and Art. Our vision is for a world of wonder and curiosity, a culture of scientific inquiry, an appreciation of the interconnections of natural systems and an understanding of their essential nonlinearity. We see a world where everyone is mathematically literate and has a grasp of how math is a powerful tool to help turn their visions into reality. We are out to change the culture. We have enough sports heroes and movie stars. History: The Fractal Foundation was formed in 2003, as an outgrowth of the Albuquerque based “Chaos Club”.

tholman/intense-images 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! How do I know if this course is for me? Take a look at the “Class Summary,” “What Should I Know,” and “What Will I Learn” sections above. Can I skip individual videos? Yes! How much does this cost? It’s completely free! What are the rules on collaboration? Collaboration is a great way to learn. Why are there so many questions? Udacity classes are a little different from traditional courses. What should I do while I’m watching the videos? Learn actively!

Zen Mandelbrot Offline Fractal Generator Developer: Zen Dog Software License: Shareware Windows 98 / ME / 2000 / XP / 2003 / Vista Price: $14.99 Price is subject to change at any time by the company Date added: Last Update: Average Rating: Not yet rated. Your Rating: Please login to rate the software. ( Free Trial |2.56 MB )Zen Mandelbrot 1.1.2430 Publisher's description Relax and "zen out" while watching intricate fractals being built before your eyes. Watch as Zen Mandelbrot creates stunning fractal imagery on your computer display! Some screen savers just show a slide show of a limited number of images and can quickly get rather repetitive, but Zen Mandelbrot will continue to find new and interesting sections of the Mandelbrot Set, creating works of fractal art automatically while your computer sleeps. Several customization settings are available to help you fine tune the range of images that will be shown. Any image that is created can be saved instantly by pressing the PrtScn button, without interrupting the show.

lollytin beta 1.4 - A yummy HTML5 blockouterer! The stunning beauty of the Mineral Radiolarians Skeletons +69 more posted on Jul, 21 2012 @ 12:30 PM Radiolarians are holoplanktonic protozoa, a form of plankton found throughout the worlds oceans. One of the most interesting aspects of these organisms is that they possess a skeleton composed of amorphous silica. Their skeletons take on a diverse set of forms from ornate geodesic-like polyhedral lattices, spike encrusted spheres, to other complex geometric designs... Let's take a closer look at some beautiful pictures of these Radiolarians Skeletons... Mixed Radiolarians in Darkfield IlluminationSource Coloured SEM of a radiolarian, Cecryphalium sp.Source Replication of the SEM (scanning electron Microscope) look of a RadiolarianSource Christopher B. Photomicrograph of radiolarians taken at X1500 by using a scanning electron microscope. German biologist, naturalist, philosopher, physician, professor and artist Ernst Haeckel (1834-1919) focus for many years was an intricate, single-celled organism known as a Radiolarian.

Star Wars - Long Shadow Flat Design Icons on Behance Obviously, I'm a Star Wars fan, so I wanted to pay a tribute to something I really love. Being a copywriter, the Star Wars' universe that I was i… Read More Obviously, I'm a Star Wars fan, so I wanted to pay a tribute to something I really love.

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. For whom can this project be useful? Why topographic lines? In “Breathing Wall 2.0” since the rods moved the surface, information about the surface was constantly changing. So the procedure I used is as follows:

Fractal Universe How to create a parallax scrolling website using Skrollr.js | Tutorial Today’s parallax website tutorial is a detailed explanation of the Parallax Scrolling Effect using Skrollr.js published a few weeks ago. You will learn how to create a simple parallax scrolling website using Skrollr.js plugin. If you haven’t seen the demo already, go and check it out. View Demo Introduction To develop a parallax scrolling website can be a bit scary especially if you do it for the first time, but as you know the practice makes perfect. Please note, that this tutorial is suitable for a more advanced developers and attached files are the final files. 1. As a first step we need to include Skrollr.js preferably before the closing body tag. Initiate the Skrollr inside of the _main.js file. Now lets have a look at the markup and Skrollr settings of the individual slides. 2. Section height – 100% of the viewport, resized on page load Background animationThe background image of .bcg is animating from the initial position (data-center) 50% 0px to 50% -100px. 3. 4. 5. 6. Conclusion

BVH Importador This software ("the Software Product") and accompanying documentation is licensed and not sold. This Software Product is protected by copyright laws and treaties, as well as laws and treaties related to other forms of intellectual property. The author owns intellectual property rights in the Software Product. The Licensee's ("you" or "your") license to download, use, copy, or change the Software Product is subject to these rights and to all the terms and conditions of this End User License Agreement ("Agreement"). Acceptance YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS AGREEMENT BY SELECTING THE "ACCEPT" OPTION AND DOWNLOADING THE SOFTWARE PRODUCT OR BY INSTALLING, USING, OR COPYING THE SOFTWARE PRODUCT. YOU MUST AGREE TO ALL OF THE TERMS OF THIS AGREEMENT BEFORE YOU WILL BE ALLOWED TO DOWNLOAD THE SOFTWARE PRODUCT. License Grant This Agreement entitles you to install and use one copy of the Software Product.