Graphic Design for the Web. Second Year, Second Trimester Week 8. Further Development of VR 360 Film (After Effects etc).

The screenshots that can be seen below showcase the VR settings in action on YouTube after uploading the ‘VR 360 Film Test #1’. The chosen Preset that I will further use in the future is ‘VR Monoscopic Match Source Stereo Audio’ which enables the ‘Binaural Sound Quality’ I want to replicate into the final VR Film;

 

Further Screenshots showcase the other VR Features that are present on my YouTube Account when I played the video on my iPhone. Footage is split into to sections mimicking how a VR Headset works. Extra images can also be seen demonstrating my initial research into creating Binaural Sound Effects on Premier Pro which I successfully recreated;

 

Overall I am quite pleased with the outcome of the VR 360 Film Test #1 with many assets that i wanted to replicate into the film being made achievable and assessable for the future development on the final VR 360 Film.

The Word Document that can be seen below expands upon further research I have performed on how to create a VR 360 Film from Week 6 to Week 8;

VR 360 Film (Binaural Research) Week 7 and 8.

Interactive Environments. Second Year Trimester 2. Week 7. Screenshots of the Idea PowerPoint Presentation (Uttara and Manon’s respectively). Further Development on Final Idea.

The link that can be seen below showcases the PowerPoint Presentation created by Uttara for the Final Idea Pitch during Week 7 (The PowerPoint has added tweaks from myself after the scheduled lesson);

 

 

 

The link that can be seen below showcases the early planning for the ‘DM Tech Festival’ which will be set up at the end of this trimester. Original PowerPoint was created by Manon, with added tweaks provided by myself later on;

DM Tech Festival Presentation (Early Development).

Word Document dedicated to research into materials needed to create stereo;

 

Sketchbook page depicting initial notes written when discussing the recent development in the final idea pitch with Uttara. Two drawing were also produced (Sketches) to further flesh what the final stereo might look;

 

Graphic Design for the Web. Second Year, Trimester 2. Week 7. Further Development and Sketchbook Pages. Jason Silva Research.

The sketchbook page that can be seen below showcase the notes taken after I had a one to one tutorial with Tina (Tutor) during Week 7. Note talking about change of direction for the project idea and planning for what I’ll do for the rest of the week;

01

The link to the Word Document below expands on the research I done on the Futurist ‘Jason Silva’, who will contribute greatly to the visual and conceptual presentation of the 360 VR Film I’ll attempt to create for this module;

‘Jason Silva’ Research. Week 7. Graphic Design.

Interactive Environments. Second Year, Trimester 2. Week 6. ‘Make Things Move’ using Raspberry Pi, Arduino and BBC Micro:bit (Sketchbook Pages and Research). Development on Final Piece.

This weeks session focused on myself playing with the moving equipment using Raspberry Pi, Arduino and BBC Micro:Bit Circuit. I took several photos of the practical activity I participated which can be seen below;

Basic Circuits and Equipment compiled together and on their own:

 

Tech in Motion within class and BBC Micro:bit Coding Site (Before entering my combinations in the coding site);

 

Tech in Motion within class and BBC Micro:bit Coding Site (After entering my combinations in the coding site);

 

The thoughts I have on the ‘Make Things Move Session’ is

The link to the Word Document containing the research in relation to unique tech found in ‘Make Things Move’ session can be seen below;

‘Make Things Move’ Research. Interactive Environments. Week 6.

The photos that can be seen below showcase the rough notes I produced in my sketchbook during the first meet up with Uttara Srikanth. Uttara will work opposite me for the final piece of this module. Although there were conversations with Jacob over the last few weeks, it has been decided that myself and Uttara will work together while Jacob will work on his own final piece;

Graphic Design for the Web. Second Year, Trimester 2. Week 6. Mood Board. Further Development with 360 Camera and Oculus VR Headset (Unity Research).

After talking to Tina (Main Tutor) it is recommended that I continue to further continue with the 360 Camera development as well as have a play with the Oculus VR Headset (Look at several Tutorials on how to achieve basic actions and motions for game I’ll create). The suggestion of using ‘Adobe After Effects’ for the 360 Footage/Photo will also be explored throughout the duration of this week (shown through Screenshots and written notes).

24/02/20: At the time this was written I plan to shoot the 360 Footage/Photo on the ground of the chosen location the field although I plan to find (and potentially utilise) a long tripod to place a 360 Camera on. The reason I’ll shoot on the ground is I feel it will create an interesting environment for the player with everything being bigger in proportion rather than trying to recreate the original proportions. I’ll attempt to experiment with the equipment in the bag the camera resides in anyway on Thursday 27th.

The Word Document that can be seen below expands upon a Mood board conveying the imagery and key components that I plan to incorporate into the VR game as well as photos of two to three photos of books I’ll consider incorporating into the VR Game (Research with Added Harvard Referencing). A photo of another Rough Storyboard for the VR Game is also present in the document;

Mood board and Second Rough Storyboard with Harvard Referencing (Books and Images Online). Graphic Design for the Web.

The photos that can be seen below showcase the shoot I performed with the Insta360 camera on the Thursday 27th February 2020. A 360 photo and Video were both taken in the respective locations that can be seen below. The locations that I’ll further upon will be highlighted with a star * opposite the images name;

Location A=

 

Location B=

 

Location C=

 

Location D=

 

Location E=

 

Location F=

 

Location G*=

 

Location H*=

 

Location I=

 

(29/02/20) The Word Document that can be seen below expands on the research I committed to uncovering how to use ‘Unity’ and ‘After Effects’ with added notes and thoughts I have on the how the possible VR Game or Film will be made;

Research (Interactive features on After Effects). Graphic Design. Week 6.

Sketchbook pages below expand on similar notes written within the word document above and scheduling meet ups with the Tutor’s on asking questions about the project I’m working upon;

 

Interactive Environments. Second Year. Trimester 2. Week 5. Sketchbook Pages and E-Textiles/Wearable Tech Research.

The sessions topics that were taught during Week 5 consisted of showcasing ‘E-Textiles’ and ‘Wearable Tech’ (Via Raspberry Pi) with many of these pieces involving sewing in LED’s or Circuits within specifically made fabrics to create an interesting interactive piece.

Due to the nature of the class there are no photos of the class performing activities using the technology taught in Week 5 as the fashion design students who were meant to attend and help out in the workshop turned down the offer to participate with the technology and group within the Digital Media course.

The photos that are seen below however are notes I written during the class when the tutor of the module (Emily Godden) went through the various unique ‘E-Textiles’ and ‘Wearable Tech’;

 

A potential circuit that I’ll consider for the final piece (on my own or in a group) is the ‘Skywriter Touchscreen Circuit’ which could provide a more contemporary edge to the final idea I will further develop for this module;

01

The thoughts I have initially when observing the ‘E-Textiles’ and ‘Wearable Tech’ displayed in the scheduled session (and in further research I provided for this week) is of raised curiosity in the various pieces that can be created with the combination of Technology and Fabrics. The Wearable Technology appealed to me the most as it best personifies what is expected for this module and also links into another module being taught in the second trimester which will be looked upon more closely.

Despite overlooking the session taught and the research conducted by myself looking into ‘E-Textiles’ and ‘Wearable Tech’, I concluded I wont be providing too much focus on either of these technologies taught in Week 5. The ‘Wearable Tech’ pieces however do link to existing ideas I have made over the past couple of weeks both for this module and the other module (Graphic Design).

The Word Document that can be seen linked below expands on other interesting pieces that fit into the category of ‘E-Textiles’ and ‘Wearable Tech’;

Research into ‘E-textiles’ and ‘Wearable Tech’. Week 5. Interactive Environments.

 

Click to access insta360onexquicksta_1562852766.pdf

Graphic Design for the Web. Second Year, Trimester 2. Week 5. Sketchbook Pages (Development) and Experimentation with ‘Insta360 ONE X’ Camera (Screenshots and Written Thoughts).

No Blog Post for Week 4 due to absence of Modules Tutor (Tina Burton), the session was cancelled as a result.

The photos that can be seen showcase further development of the Meditation/Mindfulness idea with written notes and mind maps with drawing further fleshing out how the Interactive Application will roughly look like once completed;

Screenshots and notes that can be seen below demonstrate the experimentation with the ‘Insta360 ONE X’ Camera’ borrowed from the University for the ‘Meditation/Mindfulness’ Interactive application for this module;

01 (Ints 360 Camera).
AHSS Siso Site 1
02 (Insta 360)
AHSS Siso Site 2 (Focus on links to PDF’s)
03 (Insta 360 Camera)
Email confirming for use of borrowing Insta 360 Camera and PDF’s accompanying it.

 

Harvard References to PDF’s needed to operate the ‘Insta360 ONE X’ camera and edit 360 footage which will be captured over the coming week. Images used for Wire frame can also be seen below;

ahss.siso.co, 2020. Microsoft World – How to edit 360 videos in Premier Pro.docx. [pdf] Insta360 ONE X Camera ~ Arts, Humanities & Social Sciences ~ smarthub. Available at: <https://ahss.siso.co/uploads/documents/howtoedit360videosin_1562853311.pdf> [Accessed 18 February 2020].

ahss.siso.co, 2020. Insta360 One X Quickstart Guide. [pdf] Insta360 ONE X Camera ~ Arts, Humanities & Social Sciences ~ smarthub. Available at: <https://ahss.siso.co/uploads/documents/insta360onexquicksta_1562852766.pdf> [Accessed 18 February 2020].

Clipart Library, 2018.Free Human Body Outline Printable, Download Free Clip Art on Clipart Library. [image online] Available at: <http://clipart-library.com/human-body-outline-printable.html&gt; [Accessed 18 February 2020].

StickPNG, 2018. Arrow Bw Curved Right transparent PNG – StickPNG. [image online] Available at: <https://www.stickpng.com/img/icons-logos-emojis/arrows/arrow-bw-curved-right&gt; [Accessed 18 February 2020].

JPEG (produced on Photoshop) that can be seen below showcase the early planning on how the Interactive Application will appear both when the player is wearing the VR Headset as well as demonstrate what can be expected within the game itself which the player interacts with;

Wireframe Photoshop (Mindfulness VR Application) JPEG

*’Anomaly’ is spelt wrong in the JPEG but everything else should be correct.

Photos seen below showcase the Colour Schemes (Colour Wheel) seen in my Rough Wire frame seen above. The iPhone app ‘Adobe Capture’ was used to achieve the Colour Schemes that are presented in this blog;

 

The screenshots that can be seen below expand on the experimentation I performed on the Insta360 Camera which borrowed during Week 5 till the beginning of Week 6-

Photos from Insta360 Camera App that I used on my iPhone to take the photo/video on 20/02/20;

 

GoPro VR Player – Adobe Plugin screenshots of untweaked 360 Footage (Footage manipulated using touchscreen via iPad etc.);

 

Screenshots of Experiment 1 performed on 360 Footage on Premiere Pro;

 

Screenshots of Experiment 2 performed on 360 Footage within Premiere Pro (Change in GPU Acceleration etc) and GoPro VR Player site;

 

The second attempt at experimenting with the Insta360 Camera during 21/02/2020 can be seen below with my first attempt at attempting a ‘bullet time’ footage=

Screenshots from tweaks to Video/Photo/Bullet Time on the Insta360 Camera App can be seen as follows:

360 Photo-

 

360 Video-

 

360 Bullet Time Unedited-

 

360 Bullet Time Edited;

 

Insta360 Camera App Main Menu;

 

The thoughts I have after experimenting with the Insta360 Camera both on the 20th and 21st February 2020 is amazement of how easy it is to utilise the camera both in taking it from one place to another and how well captured the footage is and the various editing tools that it provides.

After the two days spent on playing about with the Insta360 Camera it has become apparent to that this could provide a firm basis for either this module or the module ‘Interactive Environments’ where this form of technology can be used to its full advantage.

Further experimentation will be considered for this particular brand of tech with tweaks to footage/photos/bullet time shot in Week 5 to thoughts of seriously creating new footage/photos/bullet time pieces.

Harvard Referencing to PDF documents demonstrating the step by step of using a Insta360 Camera can be seen below (as well as other sites pointing out how to manipulate footage on the phone app, premier pro etc);

ahss.siso.co, 2020. Insta360 One X Quickstart Guide. [pdf] ahss.siso.co. Available at: <https://ahss.siso.co/uploads/documents/insta360onexquicksta_1562852766.pdf&gt; [Accessed 22 February 2020].
ahss.siso.co, 2020. Microsoft Word – How to edit 360 videos in Premiere Pro.docx. [pdf] ahss.siso.co. Available at: <https://ahss.siso.co/uploads/documents/howtoedit360videosin_1562853311.pdf&gt; [Accessed 22 February 2020].

insta360.com, 2019. Bullet Time Tutorial. [online] Available at: <https://www.insta360.com/support/supportcourse?post_id=9466&gt; [Accessed 22 February 2020].
blog.insta360.com, 2018. Insta360 ONE X Case Comparison – Insta360 Blog. [online] Available at: <http://blog.insta360.com/insta360-one-x-case-comparison/&gt; [Accessed 22 February 2020].

Further Screenshots can be seen below demonstrating the added Adjustments, Titles and VR Immersion to the 360 Video blog I shot during Week 5;

Despite a lot of cool features added after the edits performed on Premier Pro, the only negative is how long it takes for the VR Video to be exported as it ranges from 2 hours to 6 hours. I had to performed small edits to each edited 360 video MP4 Files exported; the reason for this id when I attempted to add a lot of features and edits to a single 360 video MP4 File it not only crashed the Premier Pro Programme but also the export time would’ve been a full 24 hours to encode.

I’ll strongly consider further working on the Insta360 Camera for the rest of the project due to the many great qualities it has to contribute to an engaging Interactive Application for this module.

 

Interactive Environments. Trimester 2. Week 4. Raspberry Pi and Arduino Experimentation. Sketchbook Pages and Further Research.

The ‘Raspberry Pi’ Circuit Board is a series of small single-board computers developed by the Raspberry Pi Foundation in the United Kingdom. Like the Makey Makey Circuit, this circuit board is used to teach basic computer science in schools and any other facilities linked to the education system.

The photos that can be seen below demonstrate my interaction with the Raspberry Pi equipment during Week 4 with one of the Macs wires used for the ‘Touchscreen Raspberry Pi’;

The thoughts I had after playing about with the ‘Raspberry Pi’ Circuit Board is how well set up the board is providing many features and functions that lends itself to being incorporated into really interesting interactive pieces not too dissimilar to what was displayed in the previous second years exhibition.

The use of the ‘Processing’ Programme and a Touchscreen proved quite appealing to me as it can lend itself to the ideas I produced over the last four weeks. Further thoughts on ‘Raspberry Pi’ are expanded upon in the ‘Research Word Document’ seen at the end of this blog post.

 

The ‘Arduino’ Circuit Board consists of both a physical programmable circuit board (referred as a microcontroller) and a piece of software, or IDE (Integrated Development Environment) that runs on a computer/mac, used to write and upload computer code to the physical board.

Experimentation with the ‘Arduino’ set up can also be seen below with an array of photos with Emily (Tutor for this Module) demonstrating how this piece of technology works;

The thoughts that I have after having a play with the mechanics of the ‘Arduino’ Circuit Board is initially of surprise at how the sensor worked as I was unsure what the function of the ‘Arduino’ Circuit was at the beginning of the session. Like ‘Raspberry Pi’, the circuit is easy to set up and is cheap to purchase the equipment.

This will also be considered for the final piece in relation to making the piece more interactive for the individual who will interact with the final piece. Further thoughts on the ‘Arduino’ Circuit Board is expanded upon in the ‘Research Word Document’ seen at the end of this blog post.

 

Sketchbook Pages containing notes taken during the Week 4’s session can be seen below with a further development in possible ideas with Jacob Barry who, at the time this was written, was considering interest in joining up with me for this module to create a final interactive piece;

 

The Word Document that is linked below expands on the two unique pieces using the technology of ‘Raspberry Pi’ and ‘Arduino’ with my added thoughts;

Research into Unique Technological Use of ‘Raspberry Pi’ and ‘Arduino’. Interactive Environments. Week 4.

Interactive Environments. Trimester 2. Week 3. Processing/Open Processing Programme Experimentation and Further Research.

The screenshots that can be seen below showcase my experimentation with the Open Processing Programme (Similar to the Process Programme) which allows students/tutors to create visually interesting works via coding which is not too dissimilar to what can be seen in Dreamweaver.

Processing is an Open Source Programming Language/Environment for people who want to create images, animations and interactions. It was originally developed to serve as a software sketchbook and to teach fundamentals of computer programming within a visual context.

Screenshots showcase different coding utilised to create different coloured backgrounds and methods of digitally drawing within the ‘visual’ part of the Open Processing Programme. Screenshots labelled ‘1,2 etc’ to showcase process on how visual sketches were produced.

First Attempt:

 

Second Attempt:

 

Third Attempt:

 

The thoughts I have after experimenting with this programme is it was fun seeing the various potential creative outcomes that can be produced within the programme itself although, like Dreamweaver, the manipulation of coding proved to be a weak point to me due to how much needs to be bared in mind and how easy it is to mess up and not know how to instantly fix the problem. Problems often occur due to small errors of not typing in right symbol or providing the right number of spaces between coding.

Despite the comments I just made I do feel this might be worth looking into again (this will be considered for the other module within this trimester called ‘Graphic Design for the Web’).

The Word Document that can be seen below expand upon further research into the ‘Open Processing’ programme and the games that are created on said programme:

Open Processing Games and Pieces Research. Interactive Environments.

The photos below showcase the notes written in the class during Week 3 and the ‘CAN Conference’ meeting from Week 2 (Sorting out details for registering in the Employment Bureau in the University);

 

Final Screenshot below showcases the initial ideas development for this module with relation of incorporating the technology that has been taught up to this point;

unnamed1B2UQF93

Graphic Design for the Web. Trimester 2. Week 3. Technology Comparison Chart, Idea Pitch PowerPoint Presentation and Notes from Sketchbook.

The photos that can be seen below showcase the notes written in the class during Week 3 and research performed for the ‘Technology Comparison Chart’ through reading articles and watching tutorials;

 

The Word Document that can be seen linked below showcases the ‘Technology Comparison Chart’ produced in preparation for developing the final interactive application for this module with extra note written seen above in the screenshots related to the technology discussed in the chart;

Technology Comparison Chart. Week 3. Graphic Design Design.

The PowerPoint Presentation that can be seen below demonstrates the ‘Idea Pitch’ I had initially during the development stages of this module;

Final Idea Pitch (Powerpoint Presentation). Graphic Design. Week 4.