Moo3DFx

Friday, 02 July 2010 

It's taken long enough but it's finally here: Mootools Fx for Moo3D (the 3D engine)!

You can see an application at the top of the page - the revisions scroller (use the mouse wheel to scroll between revisions).

What does it mean pratically? If you know the current Mootools.Fx, then you must know that it allows you to transform the CSS properties of an element with a nice transition and a whole bunch of parameters. The problem here was that I didn't want it to change CSS properties, but 3D properties (basically points' coordinates).

As of now, you can move an entire object (a series of points) by the provided values, meaning you cannot specify starting values or target values (these will get calculated based on the starting coordinates of each point and the provided values). An interesting side effect of Moo3DFx is that you can also apply an effect to the camera itself or the rotation axis of your scene, since they're pretty much points too.

Read further for details on how to use it, and go to the SVN to get the latest version (or just download it here).

The example, a carousel-like feature, just click and see Moo3DFx in action:

 

SVN

Saturday, 17 April 2010 

After a lot of time wasted dealing with my hosting service, I've finally managed to get the SVN up and running! It's got read-only public access so you can checkout anything, the address is http://svn.grownseed.net/grownseed/.

For easier access, I've also managed to integrate WebSVN to Joomla with MooTools and some AJAX magic, have a look on the projects page. WebSVN is a really good SVN browser made in PHP and I would gladly recommend it.

If anybody is interested in integrating an SVN browser to their site (and in particular Joomla), leave a comment and I'll make my script available. I'm also planning on creating a proper port to Joomla that I'll add to the SVN.

 

A 3D Engine with MooTools

Wednesday, 14 April 2010 

Here's the first project on Grownseed, a basic 3D engine made with MooTools. For those of you who have never heard of MooTools, it's a Javascript framework that makes life much easier. The engine was originally based on the work of Devirtuoso as you can see here with JQuery. I've tried to take it further by making it a bit more versatile, particularly by making the CSS modifiers totally customisable and by making the rendering slightly more efficient. It's also very compact (at the moment anyway) and works with MooTools 1.11 (for the Joomla users) as well as MooTools 1.2.*.

I put it together as a proof of concept more than anything else, but I'd like to see people find a proper use for it. Have a look at the example below for a better idea, and if you want to see how to use it, read on.

Any suggestions are welcome, if you want to use it click here to get the engine and this example.

You can move the mouse around to change the camera (within the boundaries of the div below), you can also use the mouse wheel to trigger an animation (or similarly the up and down keys).

 

Grownseed!

Sunday, 04 April 2010 

Well the site is finally up, some of you may think "finally!", most of you will probably think "and...?".

Anyhow, the point is I want to showcase some of the things I make in my spare time and hopefully share it and take it further with the help of other people. If you want to use any of the stuff on this site, please do, it's under GPL license (for the code anyway).

If you'd like to participate or you'd like to share an idea, drop me a note and I'll get back to you shortly.

It is mostly going to be web-oriented stuff, since it's basically what I do for a living, but I'm also hoping to cover other platforms down the line. I may also occasionally show some random designs I make, like the ones you can see in the gallery, and talk about subjects more or less related to my projects.

By now you've probably realised: this is a blog.

This is all work in progress, including the site itself, so it'll be changing regularly. Do leave a comment if you have anything (constructive) you'd like to say about the design or the functionality.

As of now the site is accessible through grownseed.org, .net, .com and .co.uk.

 
<< Start < Prev 1 2 Next > End >>

Page 2 of 2