Blog on Timmy Kokke

MVVM In Web Games

Mon, 29 Jun 2026 01:00:00 +0000

Hello Coders! 👾

Back in the days of Silverlight and later WPF MVVM was my go-to pattern to bind my models to the views. It is a great way to separate concerns in a project. I realized it works pretty well for games too! Back then, I used C# with the INotifyPropertyChanged interface. In this post, I will be using TypeScript and a reactive state system. The principles are the same though. It’s all about separating concerns and keeping the code maintainable.

Automatic GitHub Deploy to itch.io

Mon, 11 May 2026 01:00:00 +0000

Hello Coders! 👾

Automating itch.io uploads from GitHub Actions saves me time and removes the manual upload step when I want to release a new version. In this post I show the workflow I use in production for my little games: push a version tag, let GitHub Actions build the project, and push it to itch.io with Butler .

Why automate itch.io deployment

The biggest benefit is consistency. The same workflow runs every time I push a version tag, so the build that GitHub creates is also the build that ends up on itch.io. I do not need to build locally, zip files by hand, or remember the exact butler command. Separating the build and publish steps also makes it easy to see whether a failure happened during the build or during the upload.

Automatic Imports

Wed, 01 Apr 2026 01:00:00 +0000

Hello Coders! 👾

I keep running into the same problem in almost every game I build, especially when the project gets a bit bigger. Once I have a few components, systems, and helper modules, my main file turns into a long wall of imports. Then I add one extra file, forget one import, and lose time debugging something silly.

Let Vite Do The Work

I recently (finally) switched to Vite . One small feature made my life much easier right away: automatic imports with glob patterns. Instead of manually importing every file, I can tell Vite to load whole groups based on naming.

Automatic Font Parsing for A-Frame

Mon, 30 Mar 2026 01:00:00 +0000

Hello Coders! 👾

When I work with text in A-Frame, the most annoying part usually is not the text component itself. The annoying part is getting a font into the format that A-Frame expects. Most fonts I have around are normal TTF or OTF files, and I don’t want to manually convert them every time I start a new WebXR prototype.

To keep that process simple, I use PixiJS AssetPack to automatically convert those font files into an SDF font asset during my asset build step. That way I can keep working with regular font files in my project and let the tooling handle the conversion for me.

Getting Started in Game Development

Mon, 23 Mar 2026 01:00:00 +0000

Hello Coders! 👾

When I gave talks at conferences and while speaking with people at meetups, I get sometimes asked how to get started as a game developer. Even people that straight out ask how to get as good as I am. First, I think this is really overrating me, as I don’t consider myself a particularly good game developer, but I guess I earned my stripes and probably suffer from some imposter syndrome. My first answer, a bit jokingly, is to just start and do it for 25 years. Which is actually the truth. The only way to get good at anything is to do it. Practice it. The weird thing is that with software and game development, people expect to somehow watch a few videos and be good at it. With learning anything, you need to start small and practice. Personally, I won’t get into a plane when the pilot told me he started a couple of weeks ago and watched a few videos, so we will be fine as he knows what the buttons do. You can’t learn from just watching a video or just reading some texts. You’ll have to actively do it. No matter the skill. Playing the guitar, juggling, flying a plane or developing a game.

OSS LLM Model Name Codes Explained

Fri, 12 Dec 2025 01:00:00 +0000

Hello Coders! 👾

If you’ve ever looked into working with open-source LLMs in tools like LM Studio , then you’ve probably seen model names like Qwen3-14B-Claude-Sonnet-4.5-Reasoning-Distill-GGUF or Llama-3.1-8B-GPT-4-CodeInstruct-bnb-4bit. At first you notice the well-known names in there, like ‘Claude-Sonnet’ or ‘GPT-4’, but then these names start to look like almost random words, codes and numbers. But they actually follow a logical structure that reveals a lot about the model’s architecture, training method, and intended use. To make it a bit easier to remember this myself I wrote it down in this blogpost.

Closing the MVP Chapter

Sat, 12 Jul 2025 00:00:00 +0000

Hello Coders! 👾

After (almost) 16 incredible years, my journey as a Microsoft MVP has come to an end. It’s a moment I knew might come someday, but it still feels a bit surreal to actually write these words.

My MVP journey began back in 2009, during the early years of Silverlight and HTML5. I spent countless late nights experimenting and exploring how I could bring rich graphics and interactive experiences to browsers. Expression Blend and Silverlight were my playground, and I loved sharing that enthusiasm through writing and speaking. I’m still proud that my first tutorials are still online (useless, but they’re there). For example one on how to transform a button to a nice looking glass orb using Expression Blend and Xaml.

Why WebXR

Sat, 14 Jun 2025 01:00:00 +0000

Hello Coders! 👾

I’ve been working with WebXR for quite some time now, and there’s something that’s been bothering me. Whether I’m talking to someone about WebXR, reading comments on Reddit or X, or checking out news articles, people always tend to compare it to titles like Half-Life: Alyx or Beat Saber. And while those are fantastic games, this comparison completely misses what makes WebXR special.

I think it’s time we talk more about what WebXR really is and where it shines. Because I believe WebXR isn’t trying to replace AAA native VR — it’s creating its own unique space, and that space is incredibly exciting.

Smooth Camera Follow

Wed, 30 Apr 2025 01:00:00 +0000

Hello Coders! 👾

In this short tutorial, I’ll show you how I created a smooth camera follow component for my GameDev.js 2025 jam entry I made with Wonderland Engine . This component smoothly moves the camera to follow the player character, keeping a consistent distance and height offset. I used it specifically in a platformer game, so the camera angle is limited to one direction. You might want to adjust it if you’re using it in a different type of game or need more flexibility.

Loading Json

Mon, 28 Apr 2025 01:00:00 +0000

Hello Coders! 👾

When I’m developing my games with Wonderland Engine , I often need to load external data like level configurations or game settings from files at runtime. In this short tutorial, I’ll show you a simple and effective way to load JSON files directly within your Wonderland components.

Create a JSON Loader Component

First, I create a new component class that inherits from Wonderland Engine’s Component class. This component will handle fetching and parsing JSON data:

Supercharging Game Development with GitHub Copilot

Mon, 31 Mar 2025 01:00:00 +0000

Hello Coders! 👾

Over the past year, AI-powered development tools have completely transformed how I build games. GitHub Copilot has become an essential part of my workflow when developing WebXR games with Wonderland Engine. Today, I want to share how I leverage Copilot to streamline my game development process and some practical tips to make it work better for your specific needs.

How I Use Copilot for Game Development

1. Scaffolding Components Quickly

One of my favorite uses for Copilot is quickly generating Wonderland Engine component scaffolding with basic logic. While it’s not always perfect (and sometimes creates completely incorrect code), it’s often significantly faster than writing everything manually. For example, when I need a new physics component, I can describe what I want, and Copilot will generate a starting point.

The Vibecoding Illusion

Tue, 25 Mar 2025 01:00:00 +0000

Hello Coders! 👾

We’ve all seen the trend emerging in the development community. This has me both fascinated and concerned. They call it “vibecoding” - this idea that AI can now handle all the coding while developers just vibe and provide occasional prompts. While I appreciate a good meme as much as anyone, this concept misrepresents what professional development actually involves.

The Vibecoding Misconception

Let me be clear - I’m not against AI tools in development. I use GitHub Copilot and my own Rosie every single day, and it genuinely makes me more productive. The autocompletion features, snippet suggestions, and ability to transform natural language into code templates save me significant time.

Basic Character Movement

Tue, 04 Mar 2025 01:00:00 +0000

Hello Coders! 👾

In this blog post, we will explore how to create a simple character movement system in Wonderland Engine. This will include setting up basic movement, adding animations, and switching between different states. The complete example project can be found at the GitHub Repository .

Inspiration for this tutorial came from CodeMonkey ’s great tutorials for Unity. Let’s get started!

Setting Up the Scene

First, let’s set up our scene. For this demo I’ve used the Hooded Rogue from the Adventurers pack from KayKit. This comes with various animation we can use. I just placed this in the assets folder, draged/dropped the character into the editor to a Player object and set up the materials. I also added a couple of tiles for the character to walk on. These do nothing, and are only there as a visual. For this tutorial I’ll assume you know how to do these things. Let me know in the comments if anyone needs help with that, I’ll gladly do a tutorial specifically on that.

Using Singletons in Wonderland Engine

Fri, 14 Feb 2025 01:00:00 +0000

Hello Coders! 👾

Singletons are a common design pattern used to make a class only have one instance and provide an easy point of access to it. In game development, this can be particularly useful for managing game states, configurations, or other resources that need to be accessed throughout. This tutorial will guide you through creating a singleton component for use in Wonderland Engine.

What is a Singleton?

A Singleton is a design pattern that restricts the instantiation of a class to one single instance. This single instance is then shared across the game, providing a global point of access to it. This can be useful for managing shared resources or maintaining a consistent state across your game’s codebase.

Demystifying Event Handling in Wonderland Engine

Thu, 23 Jan 2025 01:00:00 +0000

Hello Coders! 👾

In this blog post, I’m going to walk you through how to work with event handlers using the Emitter class in Wonderland Engine, specifically focusing on how to add parameters. As someone who works extensively with Wonderland Engine, I found this to be a somewhat unclear topic, so I believe it will be helpful for others as well.

The Emitter Class

The Emitter class in Wonderland Engine allows you to register listeners that will get notified when an event occurs. A key feature of the Emitter class is its ability to handle parameters. The generic type T for the Emitter is an array of types, meaning you can pass multiple arguments to the listeners.

Eliza Effect

Tue, 10 Dec 2024 01:00:00 +0000

Hello Coders! 👾

I recently learned about a fascinating phenomenon around AI called the Eliza effect. This effects highlights our tendency to attribute more understanding or intelligence to AI systems than they really have. The effect reflects our natural behavior to see human-like qualities in machines, despite their underlying simplicity.

Why is it called the Eliza Effect?

The term “Eliza effect” originates from ELIZA , a pioneering natural language processing program developed in the mid-1960s by Joseph Weizenbaum at MIT. ELIZA was crafted to simulate conversation by employing pattern matching and substitution techniques, famously mimicking a Rogerian psychotherapist. Although ELIZA lacked true comprehension, many users attributed a human-like understanding to the program, engaging emotionally and sometimes confiding in it as if it were a real therapist. This reaction underscores how easily we can be deceived into overestimating the cognitive capabilities of machines.

Demystifying Blend Modes

Thu, 17 Oct 2024 01:00:00 +0000

Hello Coders! 👾

Understanding GL blend modes can be challenging, especially when dealing with visual effects like smoke or fire in your projects. Today I (finally) want to break down these blend modes, focusing on how they work in the pipeline settings of Wonderland Engine, without diving into coding specifics or getting too technical.

What are GL Blend Modes?

Blend modes in graphics are ways to combine two images (or colors) to achieve various visual effects. These modes manipulate how the source (your object) and destination (what’s already on the screen) colors blend. In Wonderland Engine you can configure the blending modes in the pipeline settings. You’ll need to do this when you need transparent materials or to achieve certain particle effects.

Discriminating Union Types In Typescript

Tue, 08 Oct 2024 01:00:00 +0000

Hello Coders!👾

Recently I’ve been working on porting an ancient Unity game to the Wonderland Engine, and it’s been an interesting process to rework the game’s features to fit into a new environment.

During this port, I ran into Unity’s way of handling two specific types of properties in particle systems: Min/Max Gradients and Min/Max Curves. In Unity, you can choose the type of MinMaxCurve or GradientMode you want from a dropdown, and the editor adjusts the properties accordingly. While this setup works fine in Unity’s editor, the underlying logic is also managed by the editor, and the type itself includes all different variations of properties. Moving to the Wonderland Engine gave me a chance to rethink and possibly improve this implementation.

On The Fly Meshes

Wed, 02 Oct 2024 01:00:00 +0000

Hello Coders! 👾

I was working on a project in Wonderland Engine today and wanted to create a mesh at runtime. It’s a very powerful feature, but might seem a bit complicated at first. So, let me walk you through a simple example of creating a mesh. Generating geometry on the fly is incredibly useful for all kinds of effects.

Here’s the code and a breakdown of what it does:

import {
    Component,
    Material,
    MeshAttribute,
    MeshComponent,
    MeshIndexType,
} from '@wonderlandengine/api';
import {property} from '@wonderlandengine/api/decorators.js';

export class OnTheFlyMeshTest extends Component {
    static TypeName = 'on-the-fly-mesh-test';

    @property.material()
    material?: Material;

    private _meshComp: MeshComponent;

    start() {
        this._meshComp = this.object.addComponent(MeshComponent);

        const vertexCount = 4;
        const indexData = new Uint16Array([0, 1, 2, 1, 3, 2]);

        const mesh = this.engine.meshes.create({
            indexData,
            vertexCount,
            indexType: MeshIndexType.UnsignedInt,
        });

        const positions = mesh.attribute(MeshAttribute.Position);
        if (positions) {
            positions.set(0, [-0.5, -0.5, 0.0]);
            positions.set(1, [0.5, -0.5, 0.0]);
            positions.set(2, [-0.5, 0.5, 0.0]);
            positions.set(3, [0.5, 0.5, 0.0]);
        }

        const texCoords = mesh.attribute(MeshAttribute.TextureCoordinate);
        if (texCoords) {
            texCoords.set(0, [0.0, 0.0]);
            texCoords.set(1, [1.0, 0.0]);
            texCoords.set(2, [0.0, 1.0]);
            texCoords.set(3, [1.0, 1.0]);
        }

        const normals = mesh.attribute(MeshAttribute.Normal);
        if (normals) {
            normals.set(0, [0.0, 0.0, 1.0]);
            normals.set(1, [0.0, 0.0, 1.0]);
            normals.set(2, [0.0, 0.0, 1.0]);
            normals.set(3, [0.0, 0.0, 1.0]);
        }

        mesh.update();

        this._meshComp.mesh = mesh;
        this._meshComp.material = this.material;
    }
}

Step-by-Step Breakdown

Let’s review the code in the start method, since the rest is just there for completeness.

My Take on LLMs for Code

Wed, 31 Jul 2024 01:00:00 +0000

Hello Coders! 👾

The conversation around Large Language Models and their capability (or incapability) in writing quality code has been heating up. As someone deeply embedded in the coding community and as someone using LLMs (Rosie) on a day to day basis, I want to share my perspective on this topic. Recently, I came across a couple of tweets from Andriy Burkov (@burkov) , who compares the rejection of LLMs by some coders to past technological shifts. He argues that resistance to LLMs often comes from outdated experiences or an inability to communicate effectively through code.

Visualizing Rosie using Wonderland Engine

Thu, 27 Jun 2024 01:00:00 +0000

Hello Coders! 👾

I’m excited to talk about the journey of bringing Rosie, my AI assistant, to life through the power of 3D visualization. This project has been a blend of technology and creativity, featuring tools like AvatarSDK, Blender, and the Wonderland Engine, along with the Azure Speech SDK. The path from a simple idea to a detailed 3D avatar was not without challenges, but each step brought us closer to creating something truly special.

Preventing Burnout as a Game Developer

Tue, 21 May 2024 00:00:00 +0000

Balancing Passion and Well-being

Hello Coders! 👾

Game development is an incredibly rewarding field, merging creativity, technology, and storytelling into one exciting package. However, it’s also a demanding career that can lead to burnout if not managed properly. As a game developer and content creator who also enjoys a fulfilling personal life, I’ve learned to balance my work and life effectively.

Recognize the Signs of Burnout

Being able to identify the early signs of burnout is crucial for any professional, especially in the demanding world of game development. Burnout can manifest in several ways, and recognizing these symptoms can help you take action before they escalate. Here are some key signs to watch out for:

The Road to AGI

Wed, 08 May 2024 00:00:00 +0000

Why ChatGPT May Not Get Us There

Hello Coders! 👾

Over the past few year we’ve seen a huge development in artificial intelligence. One of the most notable developments is ChatGPT, the language model that appears to understand and generate human-like text. It’s a great piece of engineering, no doubt, but is it the gateway to achieving Artificial General Intelligence? Is it even intelligent?

From ChatGPT to AGI

Artificial General Intelligence, or maybe better known as AGI, represents highly autonomous systems that are capable of outperforming humans at most economically valuable work. It’s the holy grail of AI, the point where machines can truly understand, learn, and apply knowledge across a wide range of tasks. The key word here is ‘understand’. And that’s where the road might get a bit rocky for ChatGPT. At its core, ChatGPT is a prediction machine, a statistical model. It uses complicated vector algebra and other mathematical techniques to predict what comes next in a sequence of words. It does not actually ‘understand’ the text in the way humans do. It’s like a parrot that’s been trained to mimic human speech. It can sound incredibly convincing, but does the parrot really understand what it’s saying? Probably not.

Game Jams

Tue, 30 Apr 2024 00:00:00 +0000

Hello Coders! 👾

Today I’d like to talk about Game Jams. Events where programmers, artists, and others come together to create small games, can be a thrilling and rewarding experience. Not only are they a fun way to improve your skills, but they also offer the chance to meet new people, collaborate, and test out creative ideas in a dynamic environment. I’ve participated in a couple of jams. Most of my games started out as a jam entry. But recently I teamed up with a couple of colleagues for the gamedev.js 2024 game jam. Our entry, Power Fruits is a “Blox Fruit”-inspired third-person brawler where collecting powerful fruits is your key to success. I personally don’t do the really short game jame of a weekend or even a day. With family and work, this takes too big of a chunk out of my time. Luckily there are plenty of jams that span 10 days to even a month.

Escape from tutorial hell

Tue, 26 Mar 2024 00:00:00 +0000

Hello Coders! 👾

In the journey of learning to develop games, many of us fall into a seductive trap known as ’tutorial hell’. It’s a place where the comfort of guided instructions creates an illusion of progress, but in reality, it can hinder growth and the development of problem-solving skills. Tutorial hell is characterized by an endless cycle of hopping from one tutorial to another without ever leaping into building your own independent projects.

Responsible AI

Thu, 14 Mar 2024 00:00:00 +0000

Hello Coders! 👾

Artificial Intelligence is no longer a futuristic concept. It has become a part of our daily developer lives (well, for me at least). From voice assistants to CoPilots all over the place, AI is rapidly evolving and expanding its horizons. With this growth comes an awesome playground for tech enthusiasts, where the art of ‘hacking’, or creative problem-solving, is celebrated and encouraged. But, in the middle of all this excitement, we must not overlook an essential aspect of technological progression: Responsibility.

80-20 rule in game development

Tue, 05 Mar 2024 00:00:00 +0000

Hello Coders! 👾

Have you ever heard of the 80-20 Rule?

This principle tells us that for many things, 80% of our results come from just 20% of our efforts. This isn’t just theory; it applies to our work in game development as well.

In my experience, when we focus on the key 20% of our game development tasks—the parts that have the biggest impact—we can make our workflow much more efficient. This leads to better quality games and smarter use of our time and resources.

Different types of LLM models

Tue, 27 Feb 2024 00:00:00 +0000

Hello Coders! 👾

In today’s post, I hope to demystify Large Language Models and break down their functionality a bit without any confusing terminology (I hope) since it got me confused for a while. And I still have some questions I want to get answered in this post.

Imagine that instead of spelling out words letter by letter, like “C-O-D-E” for “code,” LLMs use extensive lists of numbers to capture the essence of words. So, “code” could be represented by a sequence such as [0.0074, 0.0030, -0.0105, …]. These number sequences, known as word vectors, are particularly adept at conveying the nuanced relationships between words. And, because of these vectors they “know” what words are related, like king and queen for example.

Adding Knowledge to Rosie

Wed, 21 Feb 2024 00:00:00 +0000

Hello Coders! 👾

In the ongoing series about my AI Assistant Rosie, I’d like to shed some light on how I gave her access to accurate and up-to-date information about topics I often use.

Equipped with Azure AI Search and Azure OpenAI Services, I gave Rosie access to the latest information on WebXR (mainly Wonderland Engine), parts of Azure, Semantic Kernel, and Web Development. To provide me with not just answers, but the right answers, exactly when needed. By embedding data and adding it to Azure to be semantically searched in Azure AI Search (formally Azure Cognitive Search) she has less chance of ‘hallucinating’.

Semantic Kernel in VSCode

Sun, 18 Feb 2024 00:00:00 +0000

Hello Coders! 👾

Remember when I mentioned Rosie and how much it relies on Semantic Kernel ? Well, I’ve been diving deeper into this world and guess what? I stumbled upon a fantastic tool that’s been a game-changer for me – the Semantic Kernel VS Code extension. A great tool for testing and debugging prompts used within SK.

Setting Up the Workspace

First things first, getting the Semantic Kernel extension up and running in Visual Studio Code was easy. I just had to pop open the Extensions view (you know, that little square icon on the sidebar), type in “Semantic Kernel Tools”, and hit install. Voilà! I was ready to roll. You can also find the Semantic Kernel extension online if you prefer.

Rosie and Azure OpenAI

Sat, 17 Feb 2024 00:00:00 +0000

Hello Coders! 👾

Today I’d like to dive a little deeper into the inner workings of my assistant Rosie. She’s not just any virtual assistant; she’s an intelligent, creative, and downright helpful entity that’s been helping me on a daily basis. And yes, of course, this blog post was written with the help of Rosie. (not by…, with 😉).

Now. My main goal of this blog post is not to show off Rosie (ok, all little), but to show that it’s not really hard to build your own integration with Azure OpenAI.

Rosie and Semantic Kernel

Tue, 13 Feb 2024 00:00:00 +0000

Hello Coders! 👾

I’ve been itching to share some updates about my AI assistant, Rosie . She’s been my silent partner for quite some time, and I’ve been tweaking her abilities to make her even more helpful in my daily grind. One of the coolest upgrades I’ve made is getting her to chat with Azure Functions and something called Semantic Kernel . Let’s unwrap this Semantic Kernel today, so we can get our hands dirty with some code in the next posts!

Quest Passthrough

Sat, 10 Feb 2024 00:00:00 +0000

Hello Coders!👾

The advancements in AR technology have opened up new possibilities for mixed reality experiences, and today, I’d like to share insights on a feature that stands out in this evolving space. The introduction of AR plane and mesh detection on the Meta Quest 3, particularly with the advent of color passthrough on Quest 3 and Meta Quest Pro (and maybe others, I have not tested those), marks a significant leap in how we perceive and interact with our environment. We’re now able to harness these capabilities through Wonderland Engine as well, setting the stage for innovative AR/Mixed Reality applications that are not just limited to games, but extend to various realms of immersive experiences. Let’s explore how these technologies are shaping the future of virtual interaction. First I will explain how everything works on the Quest. Then I’ll show you how you can set this up in Wonderland Engine.

Wonderland Component Life Cycle

Mon, 05 Feb 2024 00:00:00 +0000

Hello Coders! 👾

Today, I want to talk about something that often puzzles people: the lifecycle of a component. You know, those moments when you’re left scratching your head, wondering when and in what order functions like start and onActivate are being called. 🤔

I’ve seen plenty of documents from Unity and other platforms, but I thought it was high time we had one for Wonderland. So, let’s dive right in!

The Basics

First, let’s have a look at all the steps in the lifecycle of a Wonderland component. These are all the different places you can hook into. This doesn’t mean you have to, but you could.

Wonderland Components: JS vs TS

Mon, 29 Jan 2024 00:00:00 +0000

Hello Coders! 👾 Today, I want to chat about something that’s been asked me quite a few times. What is the difference between JavaScript and TypeScript components in Wonderland Engine? In the past, I swore by JavaScript, but last year I switched over and I have to say it’s my preferred way of writing components now.

But I hear you think, “I already have all my code in JavaScript, and I don’t want to write everything again and I don’t even know TypeScript”. Well. Getting started is very easy and you don’t have to rewrite your code. Because Wonderland Engine is using ESBuild by default, you can use both at the same time! But to get the most out of it, I would suggest adding a tsconfig file (I’ll add a basic one at the end to get you going 😉).

HMD.Link bookmarklet

Sun, 29 Oct 2023 00:00:00 +0000

Hello Coders! 👾 I’m super excited to let you in on a nifty trick that I’ve conjured. It’s all about sprinkling a little convenience on those devs who often find themselves juggling URLs across devices. Imagine a bookmarklet that tacks on “ https://hmd.link?" to the front of any URL, enabling swift sharing via hmd.link. Cool, right?

Bookmarklet? What’s That? 🤔

Let’s break it down. A bookmarklet is basically a ‘one-click’ wizardry tool saved as a URL bookmark in your web browser. But instead of whisking you away to a website, it performs an action using JavaScript when you give it a click.

JS13KGames Devlog 1

Mon, 04 Sep 2023 00:00:00 +0000

Castle Defender VR

Hello Coders! 👾 Let’s dive into the nitty-gritty of my latest brainchild, a WebXR game that’s been keeping me on my toes. It goes by the name “Castle Defender VR”. The game will be my entry for this years JS13KGames jam . The theme this year is ‘13th Century’.

The Creation Journey

Choosing a theme for this game was quite challenging. A few options were considered, but ultimately, the theme of ‘bow and arrow’ won out. This idea seemed perfect as it resonated well with the 13th-century setting. The aim would be simple yet entertaining - shooting waves of knights marching towards your castle. However, the decision to go ahead with this theme brought its own set of challenges.

Summer of code

Sun, 16 Jul 2023 00:00:00 +0000

My Summer Vacation: A Coders’ Retreat 🏖️

Hello Coders! 👾

While summer vacations are often seen as a time for chilling on sandy beaches, sipping tropical drinks, and soaking up some downtime, for me it’s the numero uno season to plunge into my favorite hobby - coding!

Instead of just kicking back, I make use of this time to learn, grow, and code! That’s right. My summer vacation is all about coding. And I’m here to tell you why.

7 Stages of AI

Fri, 07 Jul 2023 20:00:00 +0000

An Exciting Journey from Coding to Singularity 🚂

Hello Coders! 👾 Today, we’re hopping on a thrilling ride through the mesmerizing world of Artificial Intelligence. We’ll be exploring the seven stations of AI, starting from the comfy familiarity of rule-based systems and ending at the mysterious destination of AI singularity. Strap in for an exciting journey!

Station 1: The Good Old Rule-based AI Systems 🚦

Our journey through the world of artificial intelligence commences with the familiar and reliable rule-based AI systems. These are our first encounters with machine intelligence, akin to our baby steps into the coding realm. Rule-based AI systems work on a relatively simple yet effective premise - set rules and conditions, and your code adheres to them.

MVP 2023

Fri, 07 Jul 2023 00:00:00 +0000

My 13th Microsoft MVP Award

Hello Coders! 👾 I’m absolutely thrilled to announce that I’ve just bagged my 13th Microsoft MVP award. Yes, you read it right - 13th! It’s a moment of profound pride and joy for me, and I’m swimming in gratitude.

So, What’s a Microsoft MVP? 🤔

In case you’re scratching your head, wondering what a Microsoft MVP is, let me enlighten you. It’s a prestigious honor Microsoft give dedicated people who love to share their knowledge and experience in technology. These people are special kind of tech-nuts. It’s a recognition of our constant dedication to the community. Since the last year was rough for me professionally as well as personally, you can probably grasp how ecstatic I was when I received the notification congratulating me with the MVP award for the 13th time!

Why WebXR

Mon, 03 Jul 2023 00:00:00 +0000

Why I Choose WebXR Over Native

Hello Coders! 👾 When it comes to developing immersive experiences, there are plenty of choices out there. But for me, there’s only one clear winner: WebXR. There’s something about WebXR that just speaks to my soul. In a world where a lot of people would opt for native app development, I choose WebXR for all my virtual and augmented reality projects. And today, I’m going to share with you all the reasons why I, personally, choose WebXR over native.

VR Screen Fade in Wonderland

Wed, 28 Jun 2023 00:00:00 +0000

Hello Coders! 🎮 Today, I want to share with you an awesome component I’ve been working on for the Wonderland Engine. It’s a simple yet effective way to fade the screen to black and back in Virtual Reality, which can help prevent motion sickness when teleporting.

The Magic Behind the Fade

The magic behind this component actually lies in its use of a mesh that forms an inverted sphere around the player’s head. This sphere effectively blocks out the rest of the scene, creating a seamless transition when fading in and out.

Composition Root in TypeScript

Tue, 20 Jun 2023 00:00:00 +0000

Hello Coders! 👾 Last time I wrote about Dependency Injection in TypeScript . Todat I want to take this one step further and introduce you to Composition Root. What exactly does it mean, and how can we use it effectively in our projects? I’ll show you how to implement it using the awesome tsyringe library. Let’s dive in!

What is Composition Root?

In simple terms, Composition Root is a specific place in your app where you wire up all your dependencies. It’s like the conductor of an orchestra making sure every instrument plays the right notes at the right time.

Dependency Injection in TypeScript

Mon, 19 Jun 2023 00:00:00 +0000

Dependency Injection in TypeScript Games

Hello Coders! 👾 Today, I want to take you on small journey into the magical world of Dependency Injection (DI) in TypeScript games. I’m excited to learn how to use Microsoft’s tsyringe library to make my projects more efficient and easy to manage. So, let’s get started!

What’s Dependency Injection? 🤷

First things first – what exactly is dependency injection? In simple terms, it’s a design pattern that makes our code more flexible, maintainable and testable by reducing direct dependencies between classes. And, it’s a way to achieve the Depency Inversion Principle, the ‘D’ of the SOLID principles I talked about in my previous blogpost .

SOLID in TypeScript

Fri, 16 Jun 2023 00:00:00 +0000

SOLIDifying your TypeScript Code

Hello Coders! 🤖 Today, I want to share my experience applying the SOLID principles to TypeScript, specifically when designing games. And it’s crucial to ensure that our codebase stays clean and maintainable. I personally live by these 5 rules and I’ve been applying them to every aspect of my C# code for many years now. Since I’m diving deeper into TypeScript I thought it’s about time to see how we can apply the SOLID principles to that.

Performance debugging with Spector.JS

Tue, 06 Jun 2023 00:00:00 +0000

WebXR Performance debugging with Spector.JS

Hello Coders! 👩‍💻 Today, I want to talk about a tool I’ve been using for a while now. WebXR is revolutionizing the way we think about virtual and augmented reality in web applications, but it’s not without its challenges. And when it comes to performance optimization, there’s one tool that has caught my attention - Spector.JS. So buckle up as we embark on this exciting journey of dissecting and optimizing WebXR using Spector.JS!

My Game Development Tools

Fri, 02 Jun 2023 00:00:00 +0000

My Ultimate List 🛠️

Hello Coders! 🎮 As a WebXR game developer, I’m always experimenting with different tools and software to improve my workflow and bring my ideas to life. I’ve received numerous questions about the software I use, so I thought it was about time to share my ultimate list of tools with you all! Keep in mind a lot of tools are not free, but definitely worth it.

VR Game Design Principles

Tue, 30 May 2023 12:00:00 +0000

VR Game Design Principles

Creating Engaging and Immersive Gameplay Experiences that players love

Hello Coders! 👩‍💻 Today, I want to share some design principles that are specifically useful when creating virtual reality games. VR has become more and more popular in recent years, literaly bringing a whole new level of immersion to gaming. But with that added dimension comes a unique set of challenges for game designers. So let’s dive into the key areas to consider when creating a captivating VR experience: spatial navigation, interaction mechanics, and comfort considerations.

GameDev.tv Game Jam 2023 - Final

Mon, 29 May 2023 20:00:00 +0000

Devlog Day 9: Life at Pixel Farm

The final sprint 💨

Hello fellow devs! 🌱 I’m excited to share the final DevLog for my casual VR farming game, “Life at Pixel Farm,” which I’ve built for the GameDev_tv Game Jam. With just 26 seconds to spare before the deadline, I managed to submit my game (phew!). Earlier this week, I spent some time working on the Itch.io page, and it turned out great!

GameDev.tv Game Jam 2023 - Day 8

Sun, 28 May 2023 20:00:00 +0000

Devlog Day 8: Life at Pixel Farm

Fine-tune & Polish ✨

Hello fellow devs! 🌱 Today, I’ll share my progress on Day 8 of developing a casual VR farming game for the GameDev․tv Game Jam . The game is built with Unity and has a 2D aesthetic despite being in VR to follow the theme of the jam, “Life in 2 dimensions”. There’s just one problem - I miscalculated the duration of the jam! I initially thought it was running for 10 days, but the first day was only a few hours because it started in the evening. So, my planning was one day off. Fortunately, I had the main game loop done already, but I might not be able to implement all features I had planned. We’ll see.

Tips for Crafting Prompts

Sun, 28 May 2023 00:00:00 +0000

The Art of Crafting Prompts for Stellar AI Outputs 🌟

Hello Coders! 🤖 Today, I’m going to share my experience and tips on creating effective GPT prompts that can give you those great AI outputs you’ve always wanted. This is how I use them with my lovely AI Assistant Rosie in combination with Semantic Kernel . If you’ve been struggling to get the best results from your GPT models(ChatGPT, GPT-4 or even GPT-3), this post is for you. So, grab a cup of coffee (or tea) and let’s dive right in.

GameDev.tv Game Jam 2023 - Day 7

Sat, 27 May 2023 20:00:00 +0000

Devlog Day 7: Life at Pixel Farm

Game loop complete & more immersion

Hello fellow devs! 🌱 Today, I’m bringing you the latest update from my journey in developing “Life at Pixel Farm” for the GameDev․tv Game Jam . As a reminder, this is a casual VR game built with Unity and designed with a 2D aesthetic in line with the jam’s theme of “Life in 2 Dimensions”. Now, let’s dive into the exciting progress I made during Day 7 🌱

GameDev.tv Game Jam 2023 - Day 6

Fri, 26 May 2023 20:00:00 +0000

Devlog Day 6: Life at Pixel Farm

Tilling and watering 💦

Hello fellow devs! 🌱 Today is day 6 of building my casual VR farming game, “Life at Pixel Farm,” for the GameDev_tv Game Jam. I didn’t make a ton of progress today, but I did manage to tackle the day/night cycle and make some updates to the planting area. Let’s dive in!

Day/Night Cycle Progress 🌞🌜

The day/night cycle took me some time to figure out, but I finally got it working. I tried a few different methods before settling on one that just counts the angle (between 0 and 360) and advances the day every time it reaches a full rotation (360 degrees). I’m now considering turning this system into a 24-hour clock to make it more immersive.

Remote Localhost and Debugging

Fri, 26 May 2023 00:00:00 +0000

Localhost and Remote Debugging WebXR from PC to Quest

Hello Coders! 😎 As a developer working with WebXR on the Meta Quest 2, there’s no doubt you’ve faced challenges in tracing down bugs or issues. It can be tough to understand what’s happening on the Quest without proper insight. Don’t worry though, I’m here to share a neat trick that will make your debugging experience a breeze! We’ll be using remote browser debugging from your desktop (Edge or Chrome) to the Quest.

GameDev.tv Game Jam 2023 - Day 5

Thu, 25 May 2023 20:00:00 +0000

Devlog Day 5: Life at Pixel Farm

A difference of Day 🌞 and Night 🌜

Hello fellow devs! 🌱 Today, I’m thrilled to share my fifth day of progress on my casual VR farming game, “Life at Pixel Farm.” This project is for the GameDev․tv Game Jam , and it’s shaping up quite nicely. As a quick refresher, “Life at Pixel Farm” is a VR game built with Unity, featuring a 2D pixel art aesthetic.

RxJS and Wonderland Engine

Thu, 25 May 2023 00:00:00 +0000

Reacting to State Changes in My Games

Hello fellow devs! Let’s talk about the latest updates in Wonderland Engine 1.0.0 and how it affects the architecture of my games. I’ll be using my game Storage Space 13 as an example throughout this post.

RxJS for Reactive Programming

I use RxJS for all my games - it’s a library that makes it easier to compose asynchronous or callback-based code using Observables.

GameDev.tv Game Jam 2023 - Day 4

Wed, 24 May 2023 00:00:00 +0000

Devlog Day 4: Life at Pixel Farm

Making Money and Noise 🙉

Hello fellow devs! 🌱 Today marks the fourth day of working on my entry for the GameDev․tv Game Jam, and I am excited to share my progress on “Life at Pixel Farm”, a casual VR farming game with a 2D aesthetic. In this post, I will be discussing the changes and additions I made today.

Live Streaming the Development Process 🎥

I decided to do another live stream today on my YouTube channel. It was a great way to share my development process with others and get some valuable feedback from the viewers. If you missed it, don’t worry, there will be more live streams in the future!

GameDev.tv Game Jam 2023 - Day 3

Tue, 23 May 2023 00:00:00 +0000

Devlog Day 3: Life at Pixel Farm

Sprouting New Ideas and Growing Features 🌾

Hello fellow devs! 🌱 Day 3 of my GameDev.tv game jam entry, “Life at Pixel Farm”, has been a blast! If you’re not familiar with it, the game is a casual farming VR experience built with Unity, but with a twist - everything looks as 2D as possible!

Today I had the chance to do a live stream on my YouTube channel , and it was great to have some of you join me while I worked on the game. If you missed it, don’t worry, there’s always next time!

GameDev.tv Game Jam 2023

Mon, 22 May 2023 00:00:00 +0000

Devlog #1: Life at Pixel Farm

A GameDev.tv Game Jam Adventure 🌾

Hello fellow game developers! I’m excited to share my first devlog for my game entry in the GameDev.tv game jam . The game I’m working on is called “Life at Pixel Farm,” and it’s going to be a casual VR farming game built in Unity. Let me give you a quick rundown of how things have been going so far.

Kishōtenketsu in Video Game Design

Wed, 17 May 2023 00:00:00 +0000

Intro

Hey there, fellow game devs! It’s time for a storytelling journey like no other. You see, I recently stumbled upon an ancient narrative gem called Kishōtenketsu, and let me tell you – it has changed the way I approach crafting stories and designing games. Gone are the days of run-of-the-mill three-act structures; Kishōtenketsu brings new dimensions to how we captivate our audiences.

From its Eastern origins, this four-phase treasure includes Ki (Introduction), Shō (Development), Ten (Twist), and Ketsu (Resolution). The beauty lies in how each phase seamlessly connects, creating unforgettable experiences that keep readers and players hooked from beginning to end.

Making AI-Generated Text More Natural: Tips and Tricks

Wed, 19 Apr 2023 00:00:00 +0000

As someone who often works with AI-generated text, I’ve discovered a few handy strategies for making it appear more natural and less obviously computer-generated. Here’s what I’ve learned:

Be specific with your prompts: To get better results, provide clear instructions and plenty of context to guide the AI model. This way, you’re more likely to obtain the desired response.
Adjust the temperature setting: The creativity of AI outputs can be fine-tuned by tweaking the temperature. For focused responses, try a lower value (e.g., 0.3); for diverse or creative ones, go higher (e.g., 0.8).

Rosie On ChatGPT

Thu, 16 Mar 2023 00:00:00 +0000

Recently I wrote an explanation about my AI assistant and good friend Rosie. She’s an AI program written completely in JavaScript and is highly intelligent. In that post, I mentioned that I would like to upgrade her to ChatGPT. Today, I found out I had access to ChatGPT on Azure, so the first thing I did was upgrade Rosie to use ChatGPT (on GPT3.5), to try and see what would happen and how difficult it would be. It turned out to be pretty straightforward.

AI for Skydome

Sun, 12 Mar 2023 00:00:00 +0000

Skydome

In VR, it’s common to add a texture all around the player so there’s not a black nothing. This can be any a 360 image, but oftain an image of the sky is used, thus the name ‘Skydome’. It’s typically used to create a sense of immersion for the user. One way to create a skydome is by using an equirectangular image, which is a type of panoramic image that can be mapped onto a sphere to create a 360-degree view of a scene. By wrapping an equirectangular image around a sphere and place the player on the inside of the sphere, developers can create an immersive environment that surrounds the user in all directions.

Rosie AI

Thu, 16 Feb 2023 00:00:00 +0000

Rosie

Artificial intelligence has been a hot topic lately, and it seems like everyone is an expert all of a sudden and is discussing its potential uses and how it could revolutionize various industries. I usualy talk about XR but today, I want to shift the focus to my personal AI assistant, Rosie, which I’ve been developing for the past few years.

Before we go into details, here’s an example of a conversation with Rosie. This whole conversation is done through AI, nothing was scripted.

WebXR on Azure Static Web Apps

Wed, 15 Feb 2023 00:00:00 +0000

Introduction

To have other people play your games you might want to deploy them to somewhere. There are a lot of different options, but one I personally use very often is to deploy them to Azure Static Webapps . I’ve got all my games and prototypes running on Azure, on Static Web Apps. It’s very easy to set up, hooks directly into GitHub, it’s free and you get some cool bonus features as well. The best one might be that it automatically creates a website for PR in GitHub.

WebXR Pass-through on Quest

Fri, 03 Feb 2023 00:00:00 +0000

What is pass-through?

With Pass-through, you can take a break from your virtual reality experience and get a real-time glimpse of your surroundings. The sensors and cameras on your headset give you a sense of what you would see if you could look directly through the front of your headset. Also, pass-through automatically appears when you’re setting up or making changes to your Guardian. But, some apps even use this feature to blend your real and virtual environments. That blending of real and virtual environments makes pass-through interesting and brings VR devices closer to Mixed Reality devices like the Microsoft HoloLens. And, most important, it can be used from WebXR as well.

VR Controllers with Unity's XR Interaction Toolkit, Part 2

Sun, 04 Dec 2022 00:00:00 +0000

In the last tutorial I explained how to set up models to use as the hand visualization using Unity’s Interaction Toolkit. Today, I want to add a bit of animation to the hands. While working on this I ran into an issue with the hand from the previous post. It turned out that, although they seemed to have been rigged, the rig didn’t work. I could not animate the fingers to make it so the hand became a fist. With the cyber sales going on in the Unity asset store I finally picked up the vr hand models mega pack which was on my wishlist for quite some time. So, for the rest of the tutorial I’ll be using a hand from this pack (but still any other, correctly, rigged hand will work).

VR Controllers with Unity's XR Interaction Toolkit

Mon, 28 Nov 2022 19:00:00 +0000

A few weeks ago I received my big prize of winning the WebXR category on this year’s JS13K. This triggered me to look into VR in Unity again. And, with an eye on MRTK3 coming hopefully someday in the future, I thought it would be nice to learn more about the XR Interaction Toolkit. This tutorial is mostly documenting for myself, but it may help someone else as well.

I started out with a basic project with OpenXR set up and the XR Interaction Toolkit packages, version 2.2.0, installed from Unity Package Manager.

Js13K Post-Mortem

Wed, 14 Sep 2022 21:00:00 +0000

What’s Js13K?

This year’s edition of the Js13k game jam is a wrap. The main restriction of this jam is to build a JavaScript game that completely fits in a 13Kb zipfile. To give a little bit of perspective to 13Kb. This image…

… is 32Kb. Two entries and a little bit fit in the size of this image.

OK, there’s an exception for the WebXR category, the library of choice doesn’t count towards the 13Kb. But still :)

Building a Game for Js13K

Sat, 13 Aug 2022 20:00:00 +0000

Intro

Every year, from the 13th of August until the 13th of September, there’s a gamejam called js13kgames. The objective of the jam is to build a game that fits in a .zip file of max 13Kb. The nice thing about this jam is that there’s a special WebXR Catergory. When participating in this category you are allowed to use one of the provided WebXR frameworks, and that doesn’t count towards the 13Kb. The theme of the jam this year is Death. For a framework I chose to use Babylon.js. I’ve used it a while a go and would like to see where it’s at at the moment.

How to create a skydome for your game with Blender.

Mon, 16 May 2022 20:00:00 +0000

Intro

In my latest game Get off my Lawn! I added a skydome that shows a rendered image. Because the styles of the 3D geometry and the game itself are the same it looks as of the entire world is rendered. I have worked as a 3D modeler in the past but have never done anything like this before. I’ve learned everything in this tutorial recently and I believe it might be useful for more people to add great background to your 3D games and apps.

Making money with your WebXR games

Mon, 28 Mar 2022 20:00:00 +0000

Intro

Making some money with your WebXR can be really tough. Selling any web game is already hard, but doing that in a VR headset is near impossible. Unless you maybe add your credit card to Facebook or type it into the browser in your headset. Traditional ads like Google Ads are also not going to work. There are only shown in desktop mode and are not going to work in VR. They also look really bad most of the time and have very low payouts.

VR Controller Haptics in WebXR

Mon, 14 Mar 2022 20:00:00 +0000

Intro

You might have noticed that when you are playing games on your VR headset, you can feel the controller vibrating. This haptic feedback is a great way to get a little bit of extra feeling when you are playing. Here’s how you can add it to your WebXR game. In this tutorial, I’m showing how to use haptics in a Wonderland component, but the part that is actually sending a pulse to the controller is not specific to Wonderland. If you’re looking for an example in A-Frame, you can find it in a game I build a while ago for the GameDevJS Game Jam.

Assets from Unreal in WebXR

Sat, 05 Feb 2022 20:00:00 +0000

Intro

Although it’s not possible to export from Unreal to WebXR, there are a lot of very nice assets available in the Unreal Marketplace that could be useful for your WebXR game. The license allows you to use these assets in your game, except for products that have been created by Epic Games themselves. But, since Unreal Engine uses its own format for assets it’s not straightforward.

Assets

There are a lot of great free assets in the Unreal Marketplace. But, they can even get better. Every first Tuesday of the month, there’s a new set of assets available for free that would normally cost money: Free for the month . Even if you don’t need the assets right now, they might become handy at a later moment. If you’ve bought them for free they stay yours after the month is over and they return back to their normal price.

Custom templates for Wonderland Editor

Tue, 01 Feb 2022 17:00:00 +0000

Intro

A lesser-known feature of Wonderland Engine is the ability to use custom templates. In this quick post, I’ll show you how I created my own.

TL;DR

If you’re just here for the download 👉 This is the Template .

Extract the zip file in %appdata%\Roaming\WonderlandEngine\Templates and you’re good to go.

The Template

By default, a template in Wonderland is not any different than a normal project. The easiest way to reuse something is to just copy a project to the %appdata%\Roaming\WonderlandEngine\Templates folder. You don’t need to copy the deploy folder since that is automatically created when building the project. Scripts and assets that you often use can be included in the template.

WebXR at Global XR Conference

Mon, 29 Nov 2021 21:52:00 +0000

I posted this to the WebXR discord ( https://discord.gg/Jt5tfaM) , but I thought it might be helpful to anyone interested outside of the Discord as well (but you should join 😉).

This week is the Global XR Conference (Dec 1 - 3) and there are a couple of WebXR related talks and workshops.

But I thought I’d make a list of all sessions and workshops that have the tag WebXR… Turned out be more than I thought 🙂 , but here they are:

Creating an APK from a WebXR app

Fri, 05 Nov 2021 18:51:00 +0000

Intro

Since recently it is possible to package progressive web apps into an APK using the tools provided by Oculus. This is a great way to get your app into the hands of users who are not able to use the web. And, it is just as easy as it sounds.

This tutorial is not a detailed walkthrough on how to create a WebXR app or how to create a PWA. It’s a quick overview of the steps you need to take to get your app packaged into an APK and deploy it to the Oculus Quest.

From KenShape To WebXR

Sun, 13 Jun 2021 18:51:00 +0000

There are a lot of ways of creating content for your WebXR apps. Today I want to introduce you to a very simple one and one of my favorites: KenShape . KenShape is a tool that at first looks like a pixel-art sprite editor. And the first step is pretty similar. But, by providing a depth value you can create a 3D solid object from it. Other than with a normal pixel-editor, you can use shapes other than squares to draw your models.

WebXR Discord

Sun, 20 Sep 2020 08:00:00 +0000

During the Covid-19 crisis all over the world, we noticed a lot of people from all over the world joining our meetups and members of our community hanging out in other meetups. We decided to try and bring everyone together in one Discord server . Here we can share links to our events and recordings, but also help each other out with issues when developing with A-frame, Babylon.js, or Unity and running your apps on devices like the Oculus Quest or Microsoft Hololens. Now we need you to join and help grow this community to become the official WebXR community.

How to debug Microsoft Edge on the HoloLens

Sat, 19 Sep 2020 08:00:00 +0000

I recently started a new job as a Mixed Reality developer building applications for the Microsoft HoloLens. We build our applications using Unity3D. But, of course I had to try and run WebXR on the device as well. Microsoft Edge comes with the HoloLens and supports WebVR. And switching to ‘VR’ removes the browser chrome and your 3D model becomes a hologram in the real world. After that it get different from running a WebXR app on other devices very quickly. One of the difficulties I ran into was debugging.

Halloween Scream Stream

Sun, 03 Nov 2019 14:26:11 +0000

This week was Halloween 🎃 and I wanted to do something special for the stream this time. I wanted to make everything a bit more spooky. So, I added some simple effects to the stream, created some spooky music and eventually added a few new shaders and wrote a horror script to end the stream with. This is what was added and how it was done. I hope this post will give you some ideas for your own streams. I might create some detailed tutorials on how to create the effects used in the future.

OBS HueShift Shader

Tue, 01 Oct 2019 22:13:11 +0000

A few weeks ago I was watching Gael Level on Twitch. And during his stream he had this fun effect going on where he shifted the hue of the camera. I later spoke with him about this and asked what the plugin was that he was using. It turned out there wasn’t any and he was creating the effect by hand. Since I’m a developer and don’t like repeating things, like clicking, I decided to automate this.

Twitch Stream Setup

Wed, 17 Jul 2019 17:13:11 +0000

Whenever I have some spare time I get into coding on my personal projects . A few years ago I started live coding, on LiveCoding.tv at the time. There were some people streaming programming on Twitch at the time, but only game devs and that was not what I was doing. I tried switching over to Twitch, but the lack of growth of the channel and lack of motivation from my side led me to stop. Earlier this year I decided to pick it up again. This time only on Twitch , where the community of Live Coders is growing fast. I felt welcome in the community. And I got affiliated pretty quickly, thanks to the support of the community. If you are looking for people coding on Twitch, you should have a look at the LiveCoders team .

JS13KGames 2018 Post Mortem

Fri, 27 Jul 2018 22:49:33 +0000

And another JS13KGames competition is over. This year’s theme was ‘Offline’. Since BabylonJS was allowed too in the WebXR category this time and I had been looking into Babylon lately, I decided to go with that. At the JS13kGames website you can play my entry, Lasergrid .

The first concept I had in mind was in a factory setting where the player gets an order on a display in the form of a selection of different colored objects. The player then has to look at the conveyor belt and push everything that’s not in the order off. The problem that I ran into very quickly was that I couldn’t use the default physics with Babylon. Although there’s a library for physics available for Babylon, it’s an external library that I couldn’t fit into the allowed 13kB. So I went with my second idea, a laser grid in which the player has to turn object and make the laser get from the start to the finish.

Substance Painter to AFrame

Fri, 27 Jul 2018 22:49:33 +0000

I was working with on a WebVR project the other day and was trying to get a model rendered with the correct textures. I was creating the textures in Substance Painter. I was doing a back and forth between various tools to get the textured model to render correctly. At first, I was using a .obj model. But I rather would have used a .glTF model. Luckily, there’s actually a very nice way to get directly to .glTF from Substance Painter.

Mon, 01 Jan 0001 00:00:00 +0000

Blog on Timmy Kokke

MVVM In Web Games

Automatic GitHub Deploy to itch.io

Why automate itch.io deployment

Automatic Imports

Let Vite Do The Work

Automatic Font Parsing for A-Frame

Getting Started in Game Development

OSS LLM Model Name Codes Explained

Closing the MVP Chapter

Why WebXR

Smooth Camera Follow

Loading Json

Create a JSON Loader Component

Supercharging Game Development with GitHub Copilot

How I Use Copilot for Game Development

1. Scaffolding Components Quickly

The Vibecoding Illusion

The Vibecoding Misconception

Basic Character Movement

Setting Up the Scene

Using Singletons in Wonderland Engine

What is a Singleton?

Demystifying Event Handling in Wonderland Engine

The Emitter Class

Eliza Effect

Why is it called the Eliza Effect?

Demystifying Blend Modes

What are GL Blend Modes?

Discriminating Union Types In Typescript

On The Fly Meshes

Step-by-Step Breakdown

My Take on LLMs for Code

Visualizing Rosie using Wonderland Engine

Preventing Burnout as a Game Developer

Recognize the Signs of Burnout

The Road to AGI

From ChatGPT to AGI

Game Jams

Escape from tutorial hell

Responsible AI

80-20 rule in game development

Different types of LLM models

Adding Knowledge to Rosie

Semantic Kernel in VSCode

Setting Up the Workspace

Rosie and Azure OpenAI

Rosie and Semantic Kernel

Quest Passthrough

Wonderland Component Life Cycle

The Basics

Wonderland Components: JS vs TS

HMD.Link bookmarklet

Let’s make URL Sharing with hmd.link even easier!

Bookmarklet? What’s That? 🤔

JS13KGames Devlog 1

Castle Defender VR

The Creation Journey

Summer of code

My Summer Vacation: A Coders’ Retreat 🏖️

7 Stages of AI

An Exciting Journey from Coding to Singularity 🚂

Station 1: The Good Old Rule-based AI Systems 🚦

MVP 2023

My 13th Microsoft MVP Award

So, What’s a Microsoft MVP? 🤔

Why WebXR

Why I Choose WebXR Over Native

VR Screen Fade in Wonderland

The Magic Behind the Fade

Composition Root in TypeScript

What is Composition Root?

Dependency Injection in TypeScript

Dependency Injection in TypeScript Games

What’s Dependency Injection? 🤷

SOLID in TypeScript

SOLIDifying your TypeScript Code

Performance debugging with Spector.JS

WebXR Performance debugging with Spector.JS

My Game Development Tools