[3] 3d loader test 1

[2] Loading External Text/Images - Test02

Second Meeting with Mark Lusby

Had my second meeting with Mark Lusby to discuss the progress, again he is pleased with the direction of the project

[Meeting One - Key points]

- Specific selectable periods of the gates  - siege period design
                                                                  - Bishops Gate initial design
                                                                  - Troubles Era Gate
                                                                  - Present Day era


He again expressed particular interest in looking at FABLAB applications of the 3D data which I will need to look at further.

[2] Dynamically loading text/pictures externally

Today working on the code framework for being able to load images and text from outside of the flash file so that non technical staff would be able to update content, step one is getting a better understanding of Actionscript 3's approach to frame play/stop control. 

• squareDragger.stop();
  
  imageStateA.addEventListener(MouseEvent.CLICK, imageStateAClick);
  
  function imageStateAClick(event:MouseEvent):void {
  squareDragger.gotoAndStop("1");
  
  }
  
  imageStateB.addEventListener(MouseEvent.CLICK, imageStateBClick);
  
  function imageStateBClick(event:MouseEvent):void {
  squareDragger.gotoAndStop("3");
  
  }
  
  imageStateC.addEventListener(MouseEvent.CLICK, imageStateCClick);
  
  function imageStateCClick(event:MouseEvent):void {
  squareDragger.gotoAndStop("6");

Next I need to need how to apply this principle to external data

 ------------------------------------------------------------------------------------------

Links dump 
 ------------------------------------------------------------------------------------------

http://www.kirupa.com/developer/flashcs3/loading_image_as3_pg1.htm
http://www.republicofcode.com/tutorials/flash/as3externaltext/
http://www.ilike2flash.com/2009/07/load-external-text-in-actionscript-3.html
http://www.developphp.com/view.php?tid=36
http://www.youtube.com/watch?v=ueAaI35wSsc
http://www.jesseharding.com/blog/2008/04/02/loadmovie-in-as3-load-an-image-into-a-movie-clip-on-the-stage/
http://www.trainingtutorials101.com/2010/07/load-external-text-actionscript-30.html http://www.swinburne.edu.au/design/tutorials/flash-video-tutorials-as3.php
http://www.ambiera.com/coppercube/doc/index.html http://papervision2.com/loading-complex-models/comment-page-2/ http://www.peterelst.com/blog/2007/07/07/papervision3d-in-5-minutes/ http://professionalpapervision.wordpress.com/2009/03
http://droptutorial.com/tags/papervision-3d/
http://fatlinesofcode.philipandrews.org/tag/flashblogs/

[1] Creating the interface code - Test01

[1] Creating the interface code

After spending a day working on the framework in ActionScript 2 it had become apparent that if I want to embed a 3d model viewer within flash I need to make the jump to ActionScript 3 - it is not a completely new language in it's own right - but if you can understand Latin - Italian isn't a massive leap!
 ------------------------------------------------------------------------------------------

Key steps for the interface

[1] Create core dragable/closeable interface code
[2] Dynamically loading text/pictures from outside of flash file

[3] 3D model viewer

------------------------------------------------------------------------------------------
Links Dump
------------------------------------------------------------------------------------------
http://away3d.com/  -> the flash 3d solution I shall be working with

http://www.flashmagazine.com/tutorials/detail/flash_3d_basics/ 
http://www.flash-3d.net/2010/11/basic-texturing-with-away3d/
http://www.flashandmath.com/advanced/simple3d/index.html 
http://www.emanueleferonato.com/2009/05/08/papervision3d-for-the-absolute-beginners/
http://cgcookie.com/unity/images/free-3d-model-viewer/#
http://www.ambiera.com/coppercube/doc/index.html  

------------------------------------------------------------------------------------------
flash model viewer from scratch? 
http://board.flashkit.com/board/showthread.php?778852-AS2-3-Flash8-3d-engine-kit

------------------------------------------------------------------------------------------

http://www.kirupa.com/flash/easy_drag_drop_flash_as3.htm
http://active.tutsplus.com/tutorials/web-design/enhance-your-flash-layouts-with-draggable-windows/
http://helpx.adobe.com/flash/kb/load-external-swf-swf.html
http://www.kirupa.com/developer/flashcs3/loading_image_as3_pg1.htm

http://heartlessg.com/content/loading-external-image-jpgpng-etc-movieclip-flash-as3
http://flash.bigresource.com/ActionScript-3-0-embed-an-external-youtube-video-into-a-movie-clip-1oUYeUTVV.html

------------------------------------------------------------------------------------------
 Core code I wrote today for draggable/closeable window style interface 
 ------------------------------------------------------------------------------------------

• import flash.events.MouseEvent;
  
  circleDragger.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
  circleDragger.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  
  squareDragger.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
  squareDragger.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  
  function mouseDownHandler(evt:MouseEvent):void {
      var object = evt.target;
          object.startDrag();
  }
  
  function mouseUpHandler(evt:MouseEvent):void {
      var obj = evt.target;
          obj.stopDrag();
  }
  
  circleHide.addEventListener(MouseEvent.CLICK, circleHideClick);
  
  function circleHideClick(event:MouseEvent):void {
  circleDragger.enabled = false;
  circleDragger.visible = false;
  
  }
  
  circleShow.addEventListener(MouseEvent.CLICK, circleShowClick);
  
  function circleShowClick (event:MouseEvent):void {
  circleDragger.enabled = true;
  circleDragger.visible = true;
  
  }
  
  
  squareHide.addEventListener(MouseEvent.CLICK, squareHideClick);
  
  function squareHideClick(event:MouseEvent):void {
  squareDragger.enabled = false;
  squareDragger.visible = false;
  
  }
  
  squareShow.addEventListener(MouseEvent.CLICK, squareShowClick);
  
  function squareShowClick (event:MouseEvent):void {
  squareDragger.enabled = true;
  squareDragger.visible = true;
  
  }

------------------------------------------------------------------------------------------

Meeting with Anthony Corns 22/02/2013

Met with Anthony to discuss the nature of his work and it's outputs and how I can integrate the 3d scan data into my project pipeline.

 

He will be able to provide me with dense 3d point cloud data which I will be able to convert into both a polygon mesh and colour data and will then have to engage in a process of decimation and cleanup to optimise fit for purpose.

I've extensive experience with mesh retopology and clean up but as far as the initial conversion from point cloud to polygon mesh I have a few options

http://www.danielgm.net/
http://www.vrmesh.com/ - Open Source
http://www.geomagic.com/ - What Anthony and his team are using
http://meshlab.sourceforge.net/ - Open Source

Design Doodles 22/02/2013

Based on design requirements we need an interface that can collate 3 pools of data
[1] map - that can be used as menu interface with selectable locations
[2] contextual data associated with selected location
[3] 3D model associated with selected location

-----------------------------------------------------------------------------------------------------------------------

As a HTML/Flash based interactive web platform this could be done fast and stable,  longer term developing this as a proprietary app on a 3D engine such as UNITY would increase turnaround time and would have impact on it's accessibility cross platform, we want something that will from the offset run on any browser, device or operating system.

-----------------------------------------------------------------------------------------------------------------------

 [placeholder images]

We have agreed upon Bishops Gate site as the focus of the project, so I have been looking at ideas for layout.

 What I need from the Holywell Trust

- Branding/Logos 
- Contextual Data/Images of Bishops Gate  
- Is the delivery list sufficient/ok?

-----------------------------------------------------------------------------------------------------------------------

 What Next?

- Meeting with Anthony Corns this morning - Need to ascertain File Formats & amount of mesh clean up/decimation neccesary to make assets fit for purpose

- Need to liase with John Peto to discuss applications of this data/framework for Nerve Centre/Fab Lab

- Need to confirm deliverables are appropriate with all parties concerned

- Work on Flash based interface - embedding 3d model viewer directly into flash assets

                                                    - window centric interface 

                                                    - load external images/text into flash interface

 - Meet again with Mark Lusby to discuss progress

Tech Issues at Play 20/02/2013

In order to make this 3d data accessible and interactive I need to establish an appropriate medium/format.

3D embedding in  Flash - Embedding or Papervision?
                              HTML
                              Propriertary 3D engine? Too time/£££ intensive?
                              Off the shelf solution?
                              U3D file format? PDF 3D embedding - impractical?

Free off the shelf HTML options
https://sketchfab.com/ - doesn't support normal mapping/basic rendering
http://a3dplayer.com/  doesn't support normal mapping but supports joint based animation
http://p3d.in/  great performance, supports normal mapping

P3d seems to be the better of these options,  It is redibly embeddable in HTML but I need to determine if it can be embedded directly in Flash.  As a test body I've used this reconstruction of a 3d model that was generated using 123D and retopologised, uv'd and normal mapped using ZBrush.
Another Issue for serious consideration is the nature of the 3d scan data - what file formats are in play and to what extent reconstruction or retopologising geometry will be necessary in order to make it fit for purpose

First Meeting 20/02/2013

On our second meeting we begun by running over issues for consideration irrespective what path we set upon.

- Potential for a physical space exhibition/pop up museum using content created from this project.
- Remotely acessable content via web/app
- Cross community/ educational applications and what implications/restrictions that could lead to.
- Scalability/Expansion and how tangible monetary returns could be improved.
- Integration with social media; facebook, twitter, googlemaps etc
- Tech potential; Augmented Reality, GPS, QR codes/Guided Tours - especially as mechanisms to make this data/service available in situe.


Existing Resources:


- http://walls400.com/ existing site specific to the city walls herritege project, 400 corresponds to anniversary of the walls but it has been mentioned that this is a hinderance as it tied to a specific date.
- http://www.derryswalls.com - currently used by the guildhall press but is being offered as a candidate URL for this project.
- Facebook group for walls400 - again is tied down to the 400 years date but because of it's facebook following could be used as a marketing/launch platform.
- Thorough data based built upon historical/anecdotal and contemporary sources.
- Hi Res 3d Scan Data of the City Walls from EU funded project - as this project is still ongoing - end user licenses have not been established and it is suggested that local projects would be given a head start before this data is made available to the public domain.

----------------------------------------------------------------------------------------------------------------------
[Meeting One - Key points]

- To deliver an augmented view of the walls - what people overlook daily - historically
                                                                                                                       - anecdotal
- Potentially being able to reconstruct features/gates/bastions/moats as they used to look and superimposed on present day
-interactive 3d models/maps and pairing this with the contextual data

- Highlighting shared and specific community centric information.

- How we initially develop this project as a stand alone product/exhibition and how this could be used as a prototype/template for a scalable product that could be equally be re tasked for purpose.

----------------------------------------------------------------------------------------------------------------------
[Desired Project outcomes so far]

[1] Plan of action - Digital marketing options
                             - Product scalability tiers - options
                                                                       - cost
                                                                       - time
                                                                       - delivery medium/platform
 [2] Proof of concept
Given the sheer scale of the Walls and the allotted time frame it is neccesary to focus on a specific site Location and to create a working example of an interactive web based educational tool/exhibit.
Mark short listed 3 sites -  [1] Royal Bastion/Walkers Pillar
                                           [2] Bishops Gate
                                           [3] Double Bastion

Preface

My name is Shaun Whoriskey and I've been working as a digital artist in animation/games for over 4 years and have worked on collaborations with the BBC, Uproar Comics, Shakinda Productions, Blacknorth Studios & BlackMarket Games to name a few.

 My skillset covers a broad spectrum of digital arts, animation & design and through my studio work have engaged in research in motion capture, 3d scanning/topology reconstruction and dynamic physics driven animation. My work revolves around reconciling aesthetics, a script or doodle into something that exists and breathes on screen. I love working with people and in particular in creative problem solving. If you can imagine it, you can build it.

As part of the CultureTECH In residence programme I and a number of other digital creatives will be each paired with a creative business & with 2-3 weeks will be tasked with tackling a creative problem or opportunity within said business. The Holywell Trust have came forward as a client for this programme - their Project - the City Walls Heritage Project aims to raise awareness of the Derry City Walls and their respective historical significance. The project is coordinated by Mark Lusby.

----------------------------------------------------------------------------------------------------------------------

After my first initial introduction to Mark - we were able to establish both a problem and an opportunity faced by the City Walls Project.

- Design Problem - how to  engage more people, especially those with access to internet into getting interested in the towns history, for education, tourism and as a means of conflict resolution through embracing our shared history.

- Opportunity - particularly with access to the 3d scan data how to use this in parallel with conventional historical/tourist information to create an interactive augmented product/exhibition/app or experience, no competitors exist on the regional scale and said framework could prove fit for purpose elsewhere.

----------------------------------------------------------------------------------------------------------------------

Initially Mark had mentioned about the idea of an app, while longer term that might be a goal but I recommended in the short term an app creates barriers to accessibility cross platform and that a web based platform would be cheaper, faster and more accessable.

Mark expressed interest in focusing on laying the ground work for an interactive element which brought together the mix of contextual and contemporary information in a way that was intuitive  and appealing and we agreed that we could work towards a design solution that would be accommodating to both the problem & opportunity.