Depending of your scene sometimes require just of billboards or shapes without geometries known as Sprite3D in away3D <what it could be a transparency material in C4D>, do not have mouse event enabled they are considerer as low pol meshes and their use is just limitated as flat image, hence they do not create shadows by the reflection of light( e.g. directionalLight ) but the can be affected by light themselves, the other option is to add a plane geometry and dress it with the material wished, it has mouse event enable and can be handle as a 3D mesh, (see how to add 3d model with away3D), also can create shadow by the reflection of light. Otherwise just adding a bitmap to a movieclip it could be an option its use is known as a flash display object and of course have to be treated as 2D. The idea is to know to deal with these to set up the best your scene that include a beautiful and fast render of course.
Here's the code:
package code {
import away3d.cameras.Camera3D;
import away3d.containers.View3D;
import away3d.entities.Mesh;
import away3d.events.MouseEvent3D;
import away3d.events.LoaderEvent;
import away3d.materials.TextureMaterial;
import away3d.primitives.SphereGeometry;
import away3d.textures.BitmapTexture;
import away3d.textures.Texture2DBase;
import away3d.textures.VideoTexture;
import away3d.tools.helpers.MeshHelper;
import away3d.utils.*;
import away3d.primitives.PlaneGeometry;
import away3d.entities.Sprite3D;
import flash.display.Sprite;
import flash.display3D.textures.Texture;
import flash.events.Event;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.text.TextField;
import flash.display.BitmapData;
import flash.display.Bitmap;
import away3d.core.pick.*;
[SWF(width="1000", height="600", frameRate="60", backgroundColor="#000000")]
public class main extends Sprite {
private var _view:View3D;
[Embed(source="/embeds/tree.png")]
private var tree:Class;
private const WIDTH:Number = 1000;
private const HEIGHT:Number= 600;
private var ms:Mesh;
private var lbls:Array= new Array("Bitmap","3D plane","Sprite3D");
public function main() {
// constructor code
super();
if (stage) initialize();
else addEventListener(Event.ADDED_TO_STAGE, initialize);
}
private function initialize(evt:Event = null):void
{
removeEventListener( Event.ADDED_TO_STAGE, initialize );
turnon();
}
private function turnon():void{
initStage();
initEngine();
setUp();
addEventListener( Event.ENTER_FRAME, enterframeHandler );
}
private function initStage():void {
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.frameRate = 60;
}
private function initEngine():void
{
_view = new View3D();
_view.backgroundColor = 0x333333;
_view.width = WIDTH;
_view.height = HEIGHT;
_view.antiAlias = 4;
_view.camera.lens.far = 15000;
_view.addSourceURL( "srcview/index.html" );
_view.forceMouseMove = true;
_view.camera.x=-5000.76;
_view.camera.y = -700;
_view.camera.z =-10026.991;
_view.camera.rotationX=4.5 ;
addChild( _view );
}
private function enterframeHandler( event:Event ):void {
update();
}
private function update():void {
_view.render();
}
private function setUp():void{
//Bitmap - MC
var btm:Bitmap= new Bitmap(Cast.bitmapData(tree));
btm.x=-100;
btm.y=-50;
var mc:MovieClip = new MovieClip();
mc.addChild(btm);
addChild(mc);
mc.addEventListener(MouseEvent.CLICK,ClickMeMC);
//Handle as movieclip
//Mesh
var txture:BitmapTexture = new BitmapTexture(Cast.bitmapData(tree));
var material:TextureMaterial = new TextureMaterial(txture,true, true, true);
material.alphaThreshold = 0.5;
material.mipmap = false;
material.repeat = false;
var lovelyTree:PlaneGeometry = new PlaneGeometry(10000, 10000, 1, 1, false, false);
ms = new Mesh(lovelyTree, material);
ms.x = -5000;
//ms.y = -100;
//ms.rotationY=90;
_view.scene.addChild(ms);
ms.pickingCollider = PickingColliderType.AS3_FIRST_ENCOUNTERED;
ms.mouseEnabled = true;
ms.addEventListener(MouseEvent3D.MOUSE_DOWN,MouseDownMesh);
//Supports Mouse Events 3D,carefull handling to get appereance wanted, you can also
// add your own 3D mesh
//made it in the 3D software of your preferance, see how to add 3d model with away3D
//Sprite3D
var TreeSprite3D:Sprite3D = new Sprite3D(material,10000,10400);
TreeSprite3D.x = 1400;
_view.scene.addChild(TreeSprite3D);
TreeSprite3D.setCam(_view.camera);
//Doesn't support mouse events
for(var i:uint=0;i<lbls.length;i++){
var MC:MovieClip = new MovieClip();
var txt:TextField = new TextField();
txt.htmlText="<p> <font color='#CCCCCC' face='Verdana, Geneva, sans-serif' size='16'>"+lbls[i]+"</font></p>"
MC.addChild(txt);
MC.x =(i*330)+120;
MC.y = 430;
addChild(MC);
}
}
private function ClickMeMC(evt:Event):void{
trace("you clicked on bitmap");
}
private function MouseDownMesh(evt:MouseEvent3D):void{
trace("you clicked on Mesh");
}
}
}
Here's the code:
package code {
import away3d.cameras.Camera3D;
import away3d.containers.View3D;
import away3d.entities.Mesh;
import away3d.events.MouseEvent3D;
import away3d.events.LoaderEvent;
import away3d.materials.TextureMaterial;
import away3d.primitives.SphereGeometry;
import away3d.textures.BitmapTexture;
import away3d.textures.Texture2DBase;
import away3d.textures.VideoTexture;
import away3d.tools.helpers.MeshHelper;
import away3d.utils.*;
import away3d.primitives.PlaneGeometry;
import away3d.entities.Sprite3D;
import flash.display.Sprite;
import flash.display3D.textures.Texture;
import flash.events.Event;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.text.TextField;
import flash.display.BitmapData;
import flash.display.Bitmap;
import away3d.core.pick.*;
[SWF(width="1000", height="600", frameRate="60", backgroundColor="#000000")]
public class main extends Sprite {
private var _view:View3D;
[Embed(source="/embeds/tree.png")]
private var tree:Class;
private const WIDTH:Number = 1000;
private const HEIGHT:Number= 600;
private var ms:Mesh;
private var lbls:Array= new Array("Bitmap","3D plane","Sprite3D");
public function main() {
// constructor code
super();
if (stage) initialize();
else addEventListener(Event.ADDED_TO_STAGE, initialize);
}
private function initialize(evt:Event = null):void
{
removeEventListener( Event.ADDED_TO_STAGE, initialize );
turnon();
}
private function turnon():void{
initStage();
initEngine();
setUp();
addEventListener( Event.ENTER_FRAME, enterframeHandler );
}
private function initStage():void {
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.frameRate = 60;
}
private function initEngine():void
{
_view = new View3D();
_view.backgroundColor = 0x333333;
_view.width = WIDTH;
_view.height = HEIGHT;
_view.antiAlias = 4;
_view.camera.lens.far = 15000;
_view.addSourceURL( "srcview/index.html" );
_view.forceMouseMove = true;
_view.camera.x=-5000.76;
_view.camera.y = -700;
_view.camera.z =-10026.991;
_view.camera.rotationX=4.5 ;
addChild( _view );
}
private function enterframeHandler( event:Event ):void {
update();
}
private function update():void {
_view.render();
}
private function setUp():void{
//Bitmap - MC
var btm:Bitmap= new Bitmap(Cast.bitmapData(tree));
btm.x=-100;
btm.y=-50;
var mc:MovieClip = new MovieClip();
mc.addChild(btm);
addChild(mc);
mc.addEventListener(MouseEvent.CLICK,ClickMeMC);
//Handle as movieclip
//Mesh
var txture:BitmapTexture = new BitmapTexture(Cast.bitmapData(tree));
var material:TextureMaterial = new TextureMaterial(txture,true, true, true);
material.alphaThreshold = 0.5;
material.mipmap = false;
material.repeat = false;
var lovelyTree:PlaneGeometry = new PlaneGeometry(10000, 10000, 1, 1, false, false);
ms = new Mesh(lovelyTree, material);
ms.x = -5000;
//ms.y = -100;
//ms.rotationY=90;
_view.scene.addChild(ms);
ms.pickingCollider = PickingColliderType.AS3_FIRST_ENCOUNTERED;
ms.mouseEnabled = true;
ms.addEventListener(MouseEvent3D.MOUSE_DOWN,MouseDownMesh);
//Supports Mouse Events 3D,carefull handling to get appereance wanted, you can also
// add your own 3D mesh
//made it in the 3D software of your preferance, see how to add 3d model with away3D
//Sprite3D
var TreeSprite3D:Sprite3D = new Sprite3D(material,10000,10400);
TreeSprite3D.x = 1400;
_view.scene.addChild(TreeSprite3D);
TreeSprite3D.setCam(_view.camera);
//Doesn't support mouse events
for(var i:uint=0;i<lbls.length;i++){
var MC:MovieClip = new MovieClip();
var txt:TextField = new TextField();
txt.htmlText="<p> <font color='#CCCCCC' face='Verdana, Geneva, sans-serif' size='16'>"+lbls[i]+"</font></p>"
MC.addChild(txt);
MC.x =(i*330)+120;
MC.y = 430;
addChild(MC);
}
}
private function ClickMeMC(evt:Event):void{
trace("you clicked on bitmap");
}
private function MouseDownMesh(evt:MouseEvent3D):void{
trace("you clicked on Mesh");
}
}
}
