Angel Medrano | Web (*) Developer

All sorts of webby goodness!

Oh yeah, I made this....

(download)

Just found this, the idea was that when I was frustrated I would type
out my frustrations. AS3 + Tweener

A nice little resource

Ever since I got back from the HOW Conference, I've been trying to sharpen my design skills. I always say, design theory applies to all mediums.
I tend to always be deemed a jack of all trades at almost every place I work so even though my blog says "Flash Developer" I tend to touch just about every medium. For example lately I've been working on an After Effects project, which is actually what my focus in school was. I picked up web design and then web languages post-grad. Any how, in all these mediums, design plays a crucial role and so after attending a mainly design oriented conference, I've been thinking more about design. ANYHOW, someone emailed me a great little design resource and I thought I'd share it. :D

http://bit.ly/bdKKb

Happy coding, designing, w/e it is you love.

-angel

Recording voiceovers

Recording voice overs for an inhouse video we are doing. Tools - Garage Band - M-Audio and an empty photo room.

- happy coding? Or editing or designing stuff?

So Long Wordpress

So im trying out this new posterous dealio. We'll see how far it goes!
It seems like a fantastic idea, and i hate to say it, even though i am a web designer developer, for my own personal stuff i prefer to keep it minimal!
I'll try and post more on my experience with posterous.

Site Navigation

Boy its been along time since ive posted anything, been working hard lately and looking forward to attending the HOW design conference next week. Anywho Found this post on site navigation and i found it quite usefull! Check  it out Happy coding!

Expand your horizon 2!

So yes, Im on a non AS3 kick. Its all relevant tho eh? Events, Eventhandlers, functions I think you can apply that to any programing language. Anyways, recently I've been learning jquery, and I am more and more amazed. I came across a great tutorial site for it. Check it out. Anyways. Happy coding. -am

Expand your horizon!

I love being a Flash Developer... Seems to me that Actionscript Developers have the best of all the worlds. My most favorite thing is that I can combine a multitude of programing languages with Flash. Learning new ways of incorporating other programing languages into your Flash projects is getting easier everyday. Learn any language you can, ( if you have the time). All the documentation you need to do anything is just one google search away. Heres an example of a project I did recently: I needed to create a simple xml CMS for the company I work for. I used AS3 + AIR to create a desktop app that would display and edit xml files in a simple form for those who are not quite tech savvy. I used HTML and Javascript to create oop way of displaying XML pages that were styled with XSLT and CSS. Zend PHP for (Flash) to write XML files to the server and upload them. Voila! Believe you me, there was many a google searches :D What's my point? NEVER STOP LEARNING! Here are just some of my fav places to learn things: W3 Schools  You can find just about anything on this site. gotoandlearn.com I've learned soooooooooooo much from this guy! (for free) lynda.com If your company has a subscription to this... TAKE ADVANTAGE OF IT! Adobe Dev Net Tons of great examples on this site. And of course, if you have a question.... RTSD!!!! ( read the stinking documentation!!!!) -angel

Transition Plane with PaperVision

For those who dont have CS4 yet (like myself) and need to do are wanting to tinker with 3d, fear not,  you can always use Papervision. I created a very simple class you can use to make a double sided plane. You can tell it which movieclips you want to use for the front and back and in this example I used TWEENER to animate it. Heres the class:

package
{
import flash.display.*;
import flash.events.*;

import org.papervision3d.scenes.*;
import org.papervision3d.cameras.*;
import org.papervision3d.objects.*; import org.papervision3d.objects.special.*;
import org.papervision3d.objects.primitives.*;
import org.papervision3d.materials.*; import org.papervision3d.materials.special.*;
import org.papervision3d.materials.shaders.*;
import org.papervision3d.materials.utils.*;
import org.papervision3d.lights.*;
import org.papervision3d.render.*;
import org.papervision3d.view.*;
import org.papervision3d.events.*;
import org.papervision3d.core.utils.*;
import org.papervision3d.core.animation.*;
import org.papervision3d.core.math.Number3D; import org.papervision3d.core.utils.virtualmouse.VirtualMouse;// papervision
public class TransitionPlane extends MovieClip
{
private var renderer:BasicRenderEngine = new BasicRenderEngine();
private var scene:Scene3D = new Scene3D();
private var camera:Camera3D = new Camera3D();
private var viewport:Viewport3D = new Viewport3D(0,0,true,true);//
public var motherP:Plane; // plane all faces are on
public var p:Plane;// front face public var p2:Plane;// back face
public var planeWidth:Number; public var planeHieght:Number ;
public var mm:MovieMaterial; public var mm2:MovieMaterial;  |
public function TransitionPlane(planeW:Number, planeH:Number)
{
 trace("TransitionPlane!");

planeWidth = planeW;
planeHieght = planeH; 

addEventListener(Event.ENTER_FRAME, processFrame);// contiusly renders scene addChild(viewport);//
container camera.focus = 25;// or camera.zoom.. you can modify this
// make main plane
motherP = new Plane(null, planeWidth, planeHieght, 5, 5);
///makes the mother Plane invisible. motherP.material.lineColor = 0x000000;
motherP.material.oneSide = true;
motherP.material.lineAlpha = 0;
/// add mother Plane to 3d scene scene.addChild(motherP);
}
 protected function processFrame(e:Event):void
{
/// renders scene renderer.renderScene(scene,camera,viewport);
 }
 public function createSides(front:MovieClip, back:MovieClip) // creates 2 faces for mother Plane a front and back.
{
mm = new MovieMaterial(front,true);
mm.interactive = true; mm.animated = true;
mm.smooth=true; mm.oneSide = true; p = new Plane(mm, planeWidth,planeHieght, 5, 5);
motherP.addChild(p);
//scene.addChild(p)
mm2 = new MovieMaterial(back,true);
mm2.interactive = true;
mm2.animated = true;
mm2.smooth=true;
mm2.oneSide = true;
 p2 = new Plane(mm2, planeWidth,planeHieght, 5, 5);
 p2.rotationY = 180;// this makes it so the plane is backwards.
motherP.addChild(p2);
 }
 }//end Class
 }//end Package

Now lets use the class in a project. 1. Create new AS3 Fla. 2. Create 2 MovieClips, 1 you want for the front, the other for the back of your double sided plane. Export them for actionscript, giving them a class name. In this example I used "front" and "back". Heres the code:

import TransitionPlane; // import TransitionPlane
import caurina.transitions.*;
var myPlane:TransitionPlane = new TransitionPlane(250,200); // new TP with Width and Height Params // create MovieClips ill use for front and back var b:back = new back();
var f:front = new front();
myPlane.createSides(f,b); // add sides to TP pass in FRONT AND BACK
 addChild(myPlane);
 // make a tweener loop to show this plane in action! // your actually gonna tween the mother Plane inside your 3d scene.
 function rotateP ():void {
Tweener.addTween(myPlane.motherP, {rotationY:myPlane.motherP.rotationY+180, time:1, transition:"easeOutBack", onComplete:rotateP} );
 }
 rotateP();

Easy peasey. You can get some source files here Hope you enjoyed it! Happy Coding!

ZendFramework for Flash and PHP4

So I've started using the ZendFramework for AS3. One problem I ran into was the Zend only supports PHP5 or higher. My production server had option to use PHP3, 4 or 5 but was currently running 4 and so I was getting errors when trying to make a NetConnection Call to my Zend Class. Anywho, heres the solution if your working on an Apache server. Make a file called a .htaccess (no extension) file and place the following line "AddType x-mapp-php5 .php" in it. Upload it to your web root. This will tell Apache to use PHP 5 instead of PHP 4 for the extension .php in the directory the .htaccess is placed and all sub-directories under it. Happy coding!

First Post

Well everyone said, if your gonna be a Flash Developer, you need to have a blog. So here it is. I will be adding tutorials, ongoing projects and other neat things. Thanks for reading and HELLO!