Naamloos

Getting started with A-Frame – #1

Getting started with A-Frame

For a while now I’ve been working with the A-Frame framework for building virtual reality application in the browser and I really like it. So, it’s time to dive in deeper and what better way to do that, than writing a series of tutorials. Of course, I have to start at the very beginning and work my way through the entire framework.

This first tutorial will explain a…

Recording of VR in a Box @ Techdays

Last weekend the recording of my session VR in a Box for the recent Microsoft Techdays was uploaded to YouTube. If you have any feedback let me know. I might do a follow-up if necessary.

You can view and download the slides over here:

In case you are looking for the APK to try it for yourself: VR_TechDays.zip

Issues with native WebVR on Daydream

When I was building my entry for the JS13K games contest, I tested my app on the Google Daydream. One issue I ran into was that it was hard to focus my eyes in VR. I thought it was just me at first and during the contest, I didn’t have the time to investigate any further anyway. Now that the contest is over I’ve decided to dig in a little deeper.

Debugging

I’d like to start with a little…

Why does JavaScript even have null?

JavaScript has its quirks and difficulties. One of them is null & undefined. If there’s undefined, why does JavaScript even have null?

Equality

Let’s start exploring null and undefined by having a look at the following comparisons:

null >= 0; //true null <= 0; //true null == 0; //false null > 0; //false null < 0; //false

How can null be bigger or equal to zero, less or equal to zero, but…

Keep your password safe!

I’m currently working on a short course on web security. In this course I’m going to show a couple of common mistakes in websites that create gaping holes. I’d like to give you a small tip in advance, just to make you more aware of what you are doing when you hit that ‘remember my password’ button in your browser.

Although I’m pretty sure your browser itself keeps the password safe, it has to…

The PWA Resource list

Recently I started getting asked more and more about the development of Progressive Web Apps. After the basic explanation about what they are I usually point to various places on the web. So, I decided to create this list of resources to have them available for everyone…

Resources

Progressive Web Apps A new way to deliver amazing user experiences on the web. https://developers.google.com/web/prog…

“Hello Coders!”

I just published another video in  my series on building a node.js conference app. In this episode I explain how to use Pug.js for templating.

You can find the code at https://github.com/sorskoot/NodeJsDemo

Live-LiveCoding: node.js @ SDN event

Hello Coders! Here’s the recording of my LiveCoding session at the SDN Event. In this session I’ve build a very basic website using node.js and express.js. I talk about Pug for templating and Sass for my css. I also explain some great features in Visual Studio Code.

I also streamed the session to my LiveEdu.tv channel. Be sure to check that to find out when I’ll be streaming again.

You can find…

Express.js route to success

Intro

You probably want your node.js server to respond to requests that are coming in, specially when you are building a website. This can be complex and quite tedious to implement in vanilla node.js. Luckily express.js has done this for you. (more…)

Building an app with express.js – pt1

In the previous tutorial I showed you how to get started with node.js, this time I’m going to expand on that. We’re going to scaffold a new Express.js app.  Express.js is a web framework that makes it very easy to handle calls to the node.js server. It helps you with routing, error handling and it works very well other frameworks.

Installing the express generator

The easiest way to get going with…

Getting started with Node.js on ChakraCore

Intro

Last year I started to use Node.js more and more. Personally I really like it. Using node.js on ChakraCore has some advantages over using V8. I’ve decided to get to know node.js a bit better and start a series of posts about it, beginning from the top.

What is node.js?

Node.js is described as interface to V8, Google’s JavaScript enginethat also used in Chrome. Node.js enable you to write…

VR in a Box – Demo

Following up on my previous post, I recorded the demo with some of the presentation leading up to the demo.

You can download the scripts I create in the video here.

Feel free to contact me if you want to know anything more…

Demo from my recent presentation on building a Google Cardboard VR app in Unity3D and Visual Studio 2017. I very quickly go over what Google cardboard is. I describe what I…

VR in a Box – Recap

VR in a Box

Last Wednessday, March 22th, I was given the opportunity to speak at an evening organized by the Dutch Mobile .NET meetup and hosted my Centric. Since I’ve been playing with the Google Cardboard and Unity3D for a while this was a nice opportunity to tell people about it.

I started with a small introduction with a bit of my history with VR and I explained what Google Cardboard is and…

Since last December I’ve been giving talks about Progressive Web apps. A couple of them where lightning talks of 10 minutes. One of the things I had to remove to fit the slides and the demo into those 10 minutes was the explanation of Progressive Enhancement, although it’s in the definition of a PWA. So, let me explain…

Progressive Enhancement

Start with a strong base and enhancefrom that. You…

For a while now I am streaming the building of a game with the working title ZombieCastlePrincess on Twitch. Although this game itself isn’t open source, I’ve put the editor scripts I build on my GitHub.

These scripts are available:

GroupInto, works on a selection and places the whole selection into a new Empty GameObject. RandomizeSprites lets you select a list of sprites and places them randomly…

I recently learned about a very cool console.log feature. You can use CSS formatting to style the output of console.log. And it’s very easy. All you have to do is use the ‘ %c ‘ formatting tag in your message. Here’s a simple example:

console.log('%cThis is a %cfun%c console message', 'font: 24px serif; font-weight:100; color: #228;', 'font: 30px sans-serif; font-weight:800; color: #F44;', 'font:…