papervision « WordPress.com Tag Feed

Stickymania

Natalie — Fri, 27 Nov 2009 10:25:09 +0000

Stickymania brings to you, your very own 3D sticky note board,cool idea and good use of pv3D

Pop over and check out the demo at : Link

Stickybit

Natalie — Thu, 26 Nov 2009 22:57:51 +0000

From Andrey at Stickybit comes stickybit.com ,great use of papervision3D, cool reflective cube for the company site.

Check it out at : Link

Multi Format Video Player With PureMVC & Papervision2

Doug — Wed, 25 Nov 2009 16:00:54 +0000

Here’s a rough demo of my latest flash video player:

The MyLiveSession Demo

Currently using old video files and images from the good old MLS days…better assets make it look a lot nicer!

In this setup i’m streaming .flv via rtmp from Flash Media Server; When i get time i’ll add some demos showing custom (psuedo stream) and progressive .flv plus a demo of the windows media overlay to handle .mpg, .mp4 and .wmv files via http all within the same UI.

I’d love to know how the preview function works for you – you can activate it by hovering your mouse over the prev/next buttons, just wait 5 seconds and the image shown will change to a video of the next stream, audio will switch as well (NOTE: some of the videos currently avaialble dont have audio for a few seconds once they start – so it’s not so obvious). When both stream are playing what is the performance on your computer like, acceptable??

Feedback and suggestions appreciated, cheers.

The Profiler

Natalie — Wed, 25 Nov 2009 09:00:30 +0000

“Visualise your cyber life with The Profiler and discover the scope of your interests and especially those of your friends”

From Laurent Dochy comes a Papervision3d site designed to visualise your Facebook content.

Be sure to check it out for yourself at: The Profiler

Camp Is Cool

Natalie — Tue, 24 Nov 2009 09:00:43 +0000

From our friends at Webber Design comes Camp is Cool Taking their brand of collage art to another level, here is what john from webber had to say about the new project:

“ Unlike our other clients where we create a fantasy world, Camp Balcones Springs has a physical location they wanted to showcase.Camp Balcones Springs is not just another day camp and wanted a new website to reflect that fact. Our first instinct was to travel to the Camp and photograph as much of it as we could. After a few hours we took some 800 photos of the entire facility. The client gave us a map of the facilities which includes a river which created the back side border of the camp with a white sand beach. We decided to turn the map upside down so our opening would come in from the beach and not from the less visually interesting highway side.

The client requested a “cartoon” feel after our first mock up, so back at the lab, we began the process of recreating the camp in 3D Flash. We stylized each image using a combination Photoshop Filters & colorizing tools.

The site ended up a perfect split between art and content. “

Check it our for yourself here : Link

3spin

Natalie — Mon, 23 Nov 2009 09:00:47 +0000

Here is a website for german based company,3spin.

Here is their say on the new site:

“spin is an internet agency based in Darmstadt, Germany. Since 2008 we

create all kinds of websites, applications and games for companies and do a

lot of technical development for major German advertising and internet

agencies.

Our aim was to build a website which communicates the 3spin corporate design

and our philosophy while demonstrating technical skills.

Papervision was used in combination with Vectorvision to render the 3D world

and the “spin” (SVG image). A challenge was the 3D run-time positioning of

the content planes which are generated by a CMS and the 3D bezier-tweening.

Please note that there are a lot of technical details like deep-linking,

localization and auto-pilot.”

Be sure to check it out here : Link

The Trivial Persuit experiment

Paul — Mon, 23 Nov 2009 03:22:13 +0000

The Trivial Persuit Experiment

To help answer one of lifes greatest questions, “Who is smarter, men or women?” , Hasbro have created a quiz game using flash and papervision. The idea is simple, the players select their sex, then continue to answer trivial persuit style questions in order to contribute to the overall score of their sex.

Mr A 4.0

Natalie — Fri, 20 Nov 2009 09:00:40 +0000

You may remember Mathieu from Mr A. T-shirts, now we bring to you another project from him.
Pv3D with sound generation,play with the little man and make sweet music.

Be sure to check it out here:- Link

Twigital

Natalie — Thu, 19 Nov 2009 09:00:37 +0000

From George over at Disturb Media is a site launched for London Digital Week and Flash on the Beach 09: Twigital.

Here’s what George had to say about the site :

“Twigital is a ‘Virtual Event’ created for London Digital Week and Flash On The Beach by disturb media,a London-based digital agency. Twigital populates London with characters who’ve recently Tweeted about London Digital Week and Flash on the Beach ‘09. If you Tweet mentioning #ldw or #fotb then you’ll appear on the landscape.”

Check Twigital out here : Link

Living Sasquatch

Natalie — Wed, 18 Nov 2009 09:00:19 +0000

Also From the Guys over at Boffswana comes a new Augmented reality site :- Living Sasquatch.

A great job,simple and great fun to play with.

Get yourself over to Living Sasquatch and have a little play for yourself.

Video Mapping

Natalie — Tue, 17 Nov 2009 09:00:59 +0000

” Videomapping is a special 3D projection technology which is one of the most innovative communication tools world wide. It is perfectly integratable in a global communication strategy. You can make your events and advertisments more monumental and exclusive. The special projection technique makes it possible to use it indoor or outdoor. We can project onto any object or building. We are making unique animations especially for your events that is fit in your needs. The projected animation integrates well into reality. The installation is always in movement so it can grab your spectators’ attention for a long time.
A Professional designer and animatior team is at your service to make your events and advertisments more exclusive, innovative and unforgettable”.

Be sure to check it out here :Link

Stewen

Natalie — Mon, 16 Nov 2009 09:00:07 +0000

As a means of getting a portfolio online Stewen created this rather magnificent site using PV3D. Its a great example of what can be achieved with PV3D,and a little self -teaching.
A really great job,grabbed my attention,held my attention,a really great way of showcasing work online.

Please do go ahead and check it out for yourself at : Link

I Love Pocket.

Natalie — Fri, 13 Nov 2009 07:00:57 +0000

From Eric Weber at Dabber comes ilovepocket

In Eric’s own words:-

“Created by digital agency Dabber in September 2009, ilovepocket is a PV3D-powered interface for Natur&Kultur, one of Sweden’s largest publishing houses. The site features a 3D timeline with N&K’s recent and upcoming book releases, and provides an alternative way for customers to find new titles.”

Be sure to check it our here :Link

Optus Whale Song.

Natalie — Thu, 12 Nov 2009 07:00:45 +0000

From the Guys over at Boffswana Comes Optus Whale song, Use your keyboard to communicate with a whale or write a song for the whale and have an orchestra play it back to you.

A Great job and Great fun, be sure to check it out here : Link

reMap

Natalie — Wed, 11 Nov 2009 13:26:48 +0000

From Jose and Bestiario comes reMap

“reMap is a Bestiario project based on visualcomplexity.com

Visual Complexity.com is the most complete and well organized collection of visualization projects related with complex systems. Manuel Lima’s compilation is priceless for all of us working on the visualization fields. But also artists, scientists, humanists, educators… can find inspiration and knowledge. VC is not only a compilation: each project is displayed with rich contextual information, including a text and visitors comments, and the whole project is enriched with stats, a book selection, external links, trend analysis on contents and depiction techniques, and a blog.

reMap displays visualcomplexity.com projects allowing navigation using a semantic approach and depicting relations among them. Images and texts belong to vc portal. Tags are assigned using a semantic engine created by Bestiari”

Be sure to check it out here : Link

Champagne Valentine

Natalie — Tue, 10 Nov 2009 09:13:22 +0000

From Domanic over at Champagne Valentine ,comes this site, a fully interactive site for the tenth commission in The Unilever Series for the Turbine Hall at Tate Modern, “How It Is” by renowned Polish artist Miroslaw Balka.

Here’s what Domanic had to say about the project:-

“Working in close collaboration with the Tate and the artist himself, Champagne Valentine have designed the site to allow the online visitor to experience the concerns of the work via a unique 3D interface.
Champagne Valentine How It Is site combines Flash and Papervision technologies to create the essence of darkness, using complex shading algorithms to give the user the experience of an infinite landscape of audio and visual content.”

Check out the site for yourselves here

Also there will be an app for the iPhone released shortly so check iTunes store for more information on the “How it is” app.

Book Source Code Here!

Mike Lively — Mon, 09 Nov 2009 22:40:54 +0000

My apologies for the book delay…As a result I’ve decided to start releasing all of its assets.

I actually finished the book many months ago and there was an image problem at the end. I’ve ended up redoing every image in the book. I think the issue was over the fact that I create for the web not for print…so during the process we were talking apples and oranges. Also, in the meanwhile, I’ve ported PV3D over to Flash 10 and I am considering writing a free book (on this Flash 10 version) as an apology for this delay. My intention is to make this right.

My sincerest apology for the delay. Best Regards Mike

Book Source Code by Chapter

Note: The code was written in Flash, Air, Flex 3 + SDK4, Flash Builder, and Flash Catalyst…it’s pretty versatile. I will be releasing the demos in the next few days.

Chapter 5 ManSize Zip

HA-PY ISLAND

Natalie — Mon, 09 Nov 2009 11:28:18 +0000

From Ha-py.com comes Ha-py island. A cute walk around and good use of pv3D

Check it out for yourself here: Link

Augmented Ribbons

jamesalliban — Mon, 09 Nov 2009 01:37:24 +0000

Here I’ve combined 2 reoccurring themes that run throughout my work – Augmented Reality and ribbons. It is an evolution of the particle trails code from AR Particle Beam. Initially I wanted to create a flocking effect for the ribbons, but didn’t quite get that far and ended up cheating. This will be the next step.

Check back soon to interact with the application. And I should also be releasing the source for this at some stage in the near future.

¿Que es realidad aumentada?

emilio vegas ubillus — Wed, 04 Nov 2009 19:50:27 +0000

La realidad aumentada consiste en un conjunto de dispositivos que añaden información virtual a la información física ya existente. Esta es la principal diferencia con la realidad virtual, puesto que no sustituye la realidad física, sino que sobreimprime los datos informáticos al mundo real. ( vía la gran academia de wikipedia)

Gracias a FLAR( Flash Augmented Reality) se puede desarrollar realidad aumentada con la plataforma Flash.

Para desarrollar esta tecnología desde la computadora basicamente necesitas estos productos:

1)Cámara
2)Flex 3 o Flash Builder 4
3)Papervision

Flex 3 se puede conseguir “free” en Adobe y Papervision es una librería completamente gratuita que ha ido creciendo por su comunidad de desarrolladores. Surgió como una innovación en la plataforma flash pues gracias a papervision se puede usar elementos 3d e interactuar con ellos.

Este ejemplo me tomó 2 días en realizarlo desde cero.

El ejemplo que mostré es lo más básico que se puede realizar con Realidad Aumentada.

Making a Collada interactive in Papervision

Tim — Fri, 30 Oct 2009 01:38:06 +0000

Arrghh! That took ages and much viewing of a wide range of solutions – most of which I couldn’t get to work. I finally figured out that you need to work on the children of a DAE object’s root node (called object.rootNode, funnily enough). Finally got it working though. It’s an animated worm, for testing purposes. (Exported from Maya using the opensource COLLADAMaya plugin, as the one that comes with Maya had problems…)

For the record – make the viewport interactive, make the material interactive, get the children of the DAE object’s root_node and add the event listeners to them.

// add the worm
private function addWorm():void
{
var daeFile = “DAE/wormtest.dae”;           // my DAE file
// my texture map – in theory this can be received from the file but I found it flakey
var colMap:String = “IMAGES/worm_col.jpg”;
var shader:String = “worm_SH”;              // the shader name (from Maya)
var bmapMat = new BitmapFileMaterial(colMap, true); // Material, bitMap for this one
bmapMat.doubleSided = false;
bmapMat.interactive = true; // make the material interactive!
var matList:MaterialsList = new MaterialsList();
matList.addMaterial(bmapMat, shader);
worm = new DAE(true, “worm”, true);
worm.load(daeFile, matList, false);
scene.addChild(worm);
worm.addEventListener(FileLoadEvent.LOAD_COMPLETE, handleWormComplete);
}

private function handleWormComplete(e:FileLoadEvent):void
{
// loop through the kids of the root node
for each(var i:DisplayObject3D in worm.rootNode.children)
{
i.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, wormClick);
}
}

private function wormClick(e:InteractiveScene3DEvent):void
{
trace (“I clicked on a worm!”);
}

then go and do your onEnter’s and stuff. I used BasicView for this test as there’s less stuffing around.

Making sure papervision acknowledges Flex of its dimensions

juandevelops — Wed, 21 Oct 2009 16:02:28 +0000

This is an effective way to load papervison into Flex.

In application include a UIComponent instance

<box:PaperVisionBoxid=”ppv“/>

This is the UIComponent instance. Here we are getting feedback from mc to know the dimensions of its papervision content and in order to resize this UIComponent. In this way the application gets noticed of the new dimensions and pushes down or left depending of its layout.

//PaperVisionBox

<<?xml version=”1.0″ encoding=”utf-8″?>

<mx:UIComponentxmlns:mx=”http://www.adobe.com/2006/mxml” xmlns:box=”com.juandevelops.ppv.box.*“

preinitialize=”this.onFlexEvent( event );”

addedToStage=”this.onFlexEvent(event);”

resize=”this.onFlexEvent(event);”>

<mx:Script>

<![CDATA[

import com.juandevelops.flesh.stage.StageEvent;

import com.juandevelops.flesh.stage.StageListener;

import com.juandevelops.ppv.cube.MotherCube;

import mx.events.FlexEvent;

private var mc:MotherCube

private function onFlexEvent( event:Event ):void

{

if( event.type == FlexEvent.PREINITIALIZE )

{

mc =new MotherCube();

this.addChild( mc );

}

else

if( event.type == Event.ADDED_TO_STAGE || event.type == Event.RESIZE )

{

this.invalidateSize();

}

override protected function measure():void

{

super.measure();

if( mc )

{

this.measuredWidth = mc.width;

this.measuredHeight = mc.height;

}

]]>

</mx:Script>

</mx:UIComponent>

Now it’s time to see the work done in MotherCube which is an instance os Sprite and is loading papervision, and in papervision we include a cube.

We can ignore most of the code and just pay attention to getters width and height.

Also important, not to include any other content but just papervision.

//MotherCube

package icom.juandevelops.ppv.cube

{

import flash.display.Sprite;

import flash.events.Event;

import flash.events.MouseEvent;

import flash.geom.Rectangle;

import org.papervision3d.cameras.CameraType;

import org.papervision3d.materials.ColorMaterial;

import org.papervision3d.materials.MovieMaterial;

import org.papervision3d.materials.utils.MaterialsList;

import org.papervision3d.objects.primitives.Cube;

import org.papervision3d.render.BasicRenderEngine;

import org.papervision3d.view.BasicView;

publicclass MotherCube extends Sprite

{

privatevar view:BasicView;

privatevar _cube:Cube;

privatevar list:MaterialsList;

privatevar cm:ClipMaterial;

privatevar mm:MovieMaterial;

publicfunction MotherCube()

{

view = new BasicView(600, 600, false, false, CameraType.FREE);

view.renderer = new BasicRenderEngine(); addChild(view);

view.viewport.interactive = true;

view.camera.z = -540;

list = new MaterialsList();

list.addMaterial( new ColorMaterial( 0xFFFFFF, “back” );

list.addMaterial( new ColorMaterial( 0×0099FF, 1, false ), “front” );

list.addMaterial( new ColorMaterial( 0xFF0000, 1, false ), “left” );

list.addMaterial( new ColorMaterial( 0xFFCC00, 1, false ), “right” );

list.addMaterial( new ColorMaterial( 0×93A070, 1, false ), “top” );

list.addMaterial( new ColorMaterial( 0×999999, 1, false ), “bottom” );

_cube = new Cube( list, 400, 400, 400 );

view.scene.addChild( _cube );

this.addEventListener( Event.ENTER_FRAME, onRenderViewport);

}

privatefunction onRenderViewport(e:Event): void

{

view.singleRender();

}

overridepublicfunctiongetwidth():Number

{

if( view )

return view.viewport.viewportWidth;

return 0;

}

overridepublicfunctionget height():Number

{

if( view )

return view.viewport.viewportWidth;

return 0;

}

publicfunctionget cube():Cube

{

returnthis._cube;

}

In my appliation I included the box below having the scrollers, and they are pushed down as the content in PaperVisionBox found out the dimensions of MotherCube

I Hope this helps, please let me know.. I am try to share my work knowledge and I never get any comments.

CU3ER, impresionante slider en flash (y gratuito!)

ozzysong — Wed, 14 Oct 2009 06:49:27 +0000

CU3ER es un increible slider en 3d hecho en flash. Para conseguir los efectos 3d usa la famosa librería de la que ya hablamos aquí, Papervision 3d.

Ademas es personalizable por medio de XML, que es muy facil de generar mediante PHP.

No os quedeis sin verlo por que es impresionante. Sobra decir que encima es gratis.

Link: CU3ER, flash 3d image slider

Papervision3D Essentials: Review

nikhiljoshi122 — Mon, 12 Oct 2009 14:57:33 +0000

hey
I am almost half way through “Papervision3D Essentials”
The book is nicely written what it lacks in the amount of graphics that are being used to demonstrate things.
There could have been many more to give pure starters a clear look of whats being told.
Rest I came to know much more about papervision through this book.
cheers “Papervision3D Essentials”
nik

Papervision

emilio vegas ubillus — Sun, 11 Oct 2009 15:54:06 +0000

Este un post acerca de mi experiencia con Papervision y la realidad Aumentada.

En esta última semana he aprendido en curso intensivo como usar flex y papervision. No ha sido nada fácil y por momentos algo desesperante pero logré mi cometido: La primera fase de mi proyecto que estoy desarrollando con Realidad Aumentada.

Papervision es una librería de código utilizada para la realización de objetos 3d y facilmente empleado con la interfaz SWF. Es decir papervision ha ayudado al desarrollo del flash (en vez de 2 dimensiones, ahora 3d) Con esta librería también se puede hacer realidad aumentada.