Tuesday 16 July 2019

Young Coders Competition Results in Tweets




You don't have to win overall - to win  






All views and opinions are the author's and do not necessarily reflected those of any organisation they are associated with. Twitter: @scottturneruon

Tuesday 9 July 2019

WebVR: Adding animated 3D model to AR


In a previous post I looked to experimenting with adding 3D models in glTF form (GL Transmission Format) into AFrame as part of an Augmented Reality (AR) applications. In this post, the idea is extended to animated models with multiples of files.


I am going to be using the 3D animated model by OncleBen released under a Creative Commons Licence at https://sketchfab.com/3d-models/low-poly-character-rpg-kit-animation-904c06fc53574534a3aace8dba79f796 SketchFab is a great resource for these models.




The method is essentially the same as in the previous post


  1. Create or add as a new folder with a repository in GitHub, I have called mine temp (for originality) and copy the files across. This is where the biggest changes happen, you will need to create folders within the repository - a good description on how to do this is available at https://github.com/KirstieJane/STEMMRoleModels/wiki/Creating-new-folders-in-GitHub-repository-via-the-browser. Try to keep the file structure similar to the original files structure, so this might mean creating a further subfolder for the textures.
  2. If you haven't already created a project webpage for the repository:
    1. With the new repository go to the settings and near the bottom of all the options find the section marked GitHub pages and create a project page, using the Master branch and choose a layout.
    2. Go back to the Code page and create a README.md if you have already done and then 'commit' this.
  3. Now we start using it in Glitch (example of the code is below) you might have to play with the scale bit. As an example, this one needed to be X200 smaller; achieved through the scaling attribute on the a-entity code.
  4. The animation needs an extra file include in the header https://cdn.rawgit.com/donmccurdy/aframe-extras/v6.0.0/dist/aframe-extras.min.js to add the function animation-mixer to the a-entity. 

Code


The app: https://far-ostrich-1.glitch.me/ you will also need the Hiro marker (see below)


Example
via GIPHY

Resources




All views and opinions are the author's and do not necessarily reflected those of any organisation they are associated with. Twitter: @scottturneruon

Sunday 7 July 2019

BCS Northampton: Digital Railways

On the 25th June 2019, BCS Northampton held a talk on the changes happening, from a digital perspective, within the UK railways, presented by Chris Blackburn and Adam Bradley.


Overview
The UK Railway system is currently being modernised
These changes are brought about by the introduction of Digital technologies
• The introduction of new services and timetables.
• Introducing faster trains.
• Better trains and carriages.
• The introduction of new onboard services such as Wi-Fi to passengers.
• Better management of the existing infrastructure by Digitial and IOT technologies.
• Tactically managing the networks and reducing the number of faults and accidents due to equipment failure.
• Moving the railways from the 20th Century to the 21st Century.

    The slides are available at: Slides

All views and opinions are the author's and do not necessarily reflected those of any organisation they are associated with. Twitter: @scottturneruon

Saturday 6 July 2019

WebVR: Adding 3D models to AR

Confession time, I have been struggling a little bit, to work out how to add previously developed models in AFrame. The problem has been, I am using Glitch, which is great, to play with AFrame and AR; the issue has been adding more than one file as an asset into it that are linked or some of the assets are in subfolders.

So lets started with the model, I want this (shown below or something like it) to appear when a specific marker is shown to a camera. The model below can found at https://sketchfab.com/3d-models/juicy-salif-d5d126549f254e21bfc1200eac7a38f1 and is released under a Creative Commons licence by Marco_Romero



It is the glTF version I need, which is often recommended for including models in AR systems.

The solution so far, via Github:


  1. Create a repository with GitHub, I have called mine temp (for originality) and copy the files across; in this case just two scene.gltf and scene.bin.
  2. With the new repository go to the settings and near the bottom of all the options find the section marked GitHub pages and create a project page, using the Master branch and choose a layout.
  3. Go back to the Code page and create a README.md if you have already done and then 'commit' this.
  4. Now we start using it in Glitch (example of the code is below) you might have to play with the scale bit. As an example, this one needed to be X20 smaller achieved through the scaling attribute on the a-entity code.



Now we can play https://linen-sagittarius.glitch.me/ - it reminds me of an alien a bit.




It still need to play with this a bit, but so far it is a step forward,



Resources



All views and opinions are the author's and do not necessarily reflected those of any organisation they are associated with. Twitter: @scottturneruon

Monday 1 July 2019

Computing for Good: VR / AR and Games event

On the 26th June the Computing and the School's Engagement teams at the University of Northampton ran a series of activities for Year 7 students in building their own Virtual and Augmented Reality web sites; then playing with Unity for games Development.




Computing is fun and not as scary as some may think; the sessions aimed to show this. Some the resources used and further links are available at the end of the blog. The tweets below give a flavour of the event.











Resources






All views and opinions are the author's and do not necessarily reflected those of any organisation they are associated with. Twitter: @scottturneruon