Google daydream and all its awesomeness.

Google Daydream

At Google io in 2016, Google announced: Google daydream. A platform that can bring VR to everyone throughout the use of mobile phones and their new viewer.

I was so inspired watching this I felt a need to make Daydream content.

However to be able to develop this you need a Google view (£69 from Google store) and a daydream ready phone (£599 and up from Google store).

I still plan to do this and will be buying a red viewer very soon (Im so excited XD) and will do an unboxing so look out for that!

Then I will be saving up for the pixel phone (which is beautiful) and then onward with making awesomeness.

Developing awesomeness

Its not just awesome because of the new viewer and the new pixel phone but the amount of help from google for developers is amazing they already have SDK kits for Android, Unity and Unreal. Unity and Unreal and two powerful game engines both have pros and cons but both are great for making games.

I have experience in Unity but I plan to make my first Daydream content in Unreal. The reason for this is, 1 to widen my skills and 2 the graphics in Unreal are amazing and some of the shaders that have been made look unreal (excuse the pun). I plan to make content that teaches the user about the brain in a fun and stylish way. I have always been interested in how the human brain works especially when we are asleep. So in my last year of study where I can do basically anything for projects I decided to do this as one of my projects.

Overall I cant wait to start making this project and i'm sure there is many to come and I believe it will be a very good and more people will use it over the next five years.

To see any products go here https://store.google.com/
Developer sdks - https://vr.google.com/intl/en_uk/daydream/developers/
More developer things - https://developers.google.com/vr/daydream/overview

Comments

Poker chip CSS only checkbox

For this Sunday Funday project, I decided to make a poker chip checkbox out of pure CSS. DEMO The idea is that it will flip on its right edge like when people flip chips between their fingers. This can be improved by using images to get a correct dashed edge or make it more lifelike but this is CSS only. Tutorial 1. The markup We need a container to set the background and the size and width, we need the label to be clickable anywhere, input for the checkbox, top and bottom of the chip. <div class="container"> <label for="chip-checkbox"></label> <input type="checkbox" name="chip" value="1" id="chip-checkbox"> <div class="bottom-side"></div> <div class="top-side"></div> </div> 2. Hide the input input { visibility: hidden; } 3. Set the width and height of the background/container .container { width: 80px; height: 40px; bord

8bit Mario with css grids

The point of this task was to get more familiar with css grids. I aimed to use as little divs as possible but I wanted it to be to scale. You can view it below or on Codepen. See the Pen mario with grids by Mel ( @Mellydevs ) on CodePen . Making Mario As I was making a 8bit character I made a 64 by 64 grid and made each grid size 8px by 8px. This allowed me to make Mario to scale. NB: I do not own anything to do with Mario I am just a fan :). So after using reference images I managed to make divs turn into Mario by changing their position in the grid and background colour. If you want to learn more about grids I recommend css tricks article on it or Grid garden which is a game that helps you learn grids. It turned out quite good and I was happy with it. I thought I was done but then.... I thought why not make him do a idle animation, So I looked at some sprite sheets ( whats a sprite sheet? ) Kirby's idle seemed to be the easiest so I chose to t

Ionic RSS feed using Feednami

Tutorial of how to make a RSS feed using Feednami which is an alternative to google api which no longer works. This is a basic example and can be improved. First go ahead and make a new ionic project $ npm install -g cordova ionic $ ionic start exampleProject blank Now find index.html and insert... <script src="https://storage.googleapis.com/feednami-static /js/feednami-client-v1.0.1.js"></script> Into the header, then in <ion-content> below Ionic Blank Starter insert a new div <div id ="feed" ng-controller="feedCtrl"> </div> Open app.js, now we are going to make the controller from Feednami that will get our rss feed. .controller('feedCntl', function(){ var url = 'http://daringfireball.net/feeds/articles' feednami.load(url,function(result){ if(result.error){ console.log(result.error) } else{ var entries = result.feed.entries for(var i = 0; i < entri

Mels Dev Adventures

Search This Blog