background preloader

The mesmerizer

The mesmerizer
Related:  Flash, Interactive, Generative & Online Art

The Animator The Cloth Simulator A little more detail: What makes this simulation special is the speed at which everything is computed. Javascript (the language this is written in) is not exactly the most efficient language for this type of computation. This being said, much time was spent squeezing out every little detail that slows things down. The most computationally expensive part is trying to satisfy the constraints. To do this requires the calculation of distance between two points. "Boring!" No. Maybe a little more detail: Another pretty neat thing about this simulation is how all the constraints are satisfied. As it turns out there is a really simple solution to this problem. Knowledge is power: If you're interested here are some links: Advanced Character Physics This article (or paper...) is my inspiration for doing this simulation.

A site to explore HTML5 features: canvas, css3, offline storage ... 10 HTML5 Demos to Make You Forget About Flash You’ve probably been hearing a lot lately about how Flash is a dying technology and how it’ll soon be replaced by HTML5. Personally, I think that it will slowly replace Flash for some things, but Flash will always have a place, especially for developing complex games and rich internet applications. If you’ve yet to see what HTML5 can do, I’ve rounded up 10 demos that show off some of its capabilities. So what do you think – will HTML5 replace Flash? Canvas Minimal Particle Animation CanvasMol Flickr and Canvas in 3D Cloth Simulation etchaPhysics Google Images Gift Box – CSS 3D example Liquid Particles HTML5 Canvas Nebula Ball Pool Bomomo About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 1139 shares 20 Fresh CSS3 Tutorials The design industry is probably one of the fastest changing and growing. Read More 559 shares Developing Streamlined and Efficient CSS Styles

Mimicry - Dean McNamee Mimicry Interactive Lamp November 2010 Mimicry is a lamp that imitates the color of objects. We created a simple but effective DIY color sensor, from spare available parts. Project created by Dean McNamee and Ishac Bertran at the Copenhagen Institute of Interaction Design.

Rafaël Rozendaal – Official Website - The Blog 50 impressive CSS drawings « Web Design Blog – WebDesignShock As Wikipedia says, Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is, the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL. But beyond the web design, you can use CSS to create some pretty cool graphics, as the ones we show you below. 1. 3D CSS Puzzle by Stu Nicholls This puzzle was made completely with CSS, must have taken a lot of time. 2. This guy knew about the hidden potential inside CSS, and use to draw a simple but lovely character of all. 3. A simple pencil that draws a horizontal line. 4. A new year greeting can be made in CSS, easy way. 5. The beautiful American flag, CSS version. 6. iPod with CSS3 A realistic iPod made with CSS3, pretty cool graphic. 7. Using pure CSS2.1 and CSS3, this guy achieve to create the main social icons on the web. 8. 9.

js-fireworks - JavaScript Fireworks - A Chrome Experiment Pure CSS Coke Can (versión en castellano abajo) After doing the CSS Paper Bird effect, I found out that by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a background image). With displacement maps lots of cool effects could be done, but thinking that the complexity of the displacement map would directly affect the CSS and markup size, choosing a good example took me some time. I thought in sea waves reflections, underwater distortions, magnifying glass, a rotating Earth… but the final thing I did was just right in my desktop: a Coke can - my favourite drink. Due the cilindrical shape of a can, the displacement map is very simple with the parallel projection I did, so the code is very little - below 5kb - and easy to understand I hope. Castellano

[ uncontrol ]