Using the WebXR Light Estimation API we can make 3D objects appear to be physical parts of our real environment by having real lights affect virtual objects and virtual objects casting shadows onto real surfaces. | Continue reading
JavaScript is almost famous for some of it’s weird behaviours around variables. This goal of this article is to make it so that you will never be surprised by the value of `this` or why a variable seems to not change when you set it somewhere else. | Continue reading
Game Physics on the Web in AFrame Adding physics to Virtual Reality and Augmented Reality scenes greatly improves the illusion of… | Continue reading
An augmeted reality roller coaster you can design yourself in your own home. | Continue reading
A beautiful VR garden with peaceful music. Listen with headphones for the full effect. | Continue reading
Use new Augmented Reality features with just a few lines of code with WebXR and AFrame! | Continue reading
Multiple Language Installable Web Apps using a single Manifest File | Continue reading
Future Focused Responsive Design Embracing the spirit of responsive design and accessibility to… | Continue reading
Here is a .gif of the final game, click here to play the game. It uses the WebXR DOM Overlay API, and the WebXR Hit Test API. So right now the best way to play it is in Mobile Chrome or Samsung Internet Beta. | Continue reading
IFrames are really useful for WebXR. Often WebXR web pages are large with a lot of code and many 3D frameworks default to taking up all the available space on the page. IFrames solve these issues by letting you put all the XR code into another webpage, which can even be on a diff … | Continue reading
These tools are not ones I use everyday but they have got me out some really sticky situations. I hope you find them useful too. | Continue reading
I recently made a relaxing koi garden demo, where koi fish swim around a VR environment. The two most notable parts of the scene are the 3D positioned audio which I wrote about previously and the 100s of fish which appear to organically swim around the trees. | Continue reading
Audio is a fundamental way of adding important theming and immersion to games and virtual reality experiences on the Web. It’s not too hard to add but can do wonders for giving the user a wonderful experience. Resources like Freesound make it easier to find Creative Commons sound … | Continue reading
HTML in the Web is often made of reusable components, composed by templates, making it convenient to edit the different parts that make up a website. There are many templating languages used in the web such as handlebars, Pug, Vue and JSX; these are primarily used for composing H … | Continue reading
You know that thing where you go to a web site then before you can do anything you have to acknowledge the push notification request. Do you hate that? Yeah, me too. | Continue reading
This was a feature I had set aside an afternoon to implement but in the end it only needed a moment and made the experience significantly better. | Continue reading
Edit: This has now landed in Samsung Internet stable. You can download here. | Continue reading
Last time we introduced about Deno and discussed how it compares to node, like node, Deno is a server side code-execution environment based on web technology. | Continue reading
In ideal conditions the user will always maintain a good connection to the web but things are seldom ideal. Fortunately since we’re been building a web app we have a service worker which has the capability of caching network responses. | Continue reading
In VR, with an advanced headset, one can explore a scene by walking in the real world. We’re often limited to the size of the room we’re in but the VR world can go on forever! | Continue reading
A common misconception in Web Development is that the DOM is slow. The DOM, short for Document Object Model, is the structure of the Web Site which your code interacts with. If you were to ask me whether the DOM is slow I would answer that, like most things in computer science, i … | Continue reading
I built this demo as a quick experiment when we were working on an Internal Samsung product. One feature I implemented was the menu where items reveal themselves as you scroll down. | Continue reading
In the previous article we built a magazine style page layout of horizontal scrolling panes using only CSS and HTML, link to the demo. This works really well and is great experience with touch and mouse. | Continue reading
Isn’t it nice when the tools you work with get better and better when you’re not looking? That’s what it feels like working in the Web some days. | Continue reading
In the first part of this series we looked at generating the texture that goes on top of the water which looks like this, using SVG and canvas: | Continue reading
As desktop browser developer tools improve continuously, the responsive design modes are incredibly useful for testing out designs on other screen sizes such as tablets and mobile phones. For web developers, it can be tempting to rely on these tools for full end to end developmen … | Continue reading