Porting a 3D RPG to WebGL, Part 1
It all began half a year ago when I sat down with a friend and fellow crew member, Stephan, and we agreed that Gothic was indeed one the best RPGs of all times (seriously, if you don’t know it and are...
View ArticleHow to make three.js Ray caster detect Collada objects
Three.js' Ray caster successfully detecting a Pulsar transport vehicle. Unfortunately, three.js’ Ray class currently doesn’t detect intersections with imported Collada objects. Unfortunately, because I...
View ArticleAscent – A WebGL Space Simulator Framework
Quite a while ago, I started RavenJS. It was awesome fun. Seeing it grow, and in the end, being able to walk the landscape, was an amazing experience. It triggered sweet memories from the past, and...
View ArticleAscent update: Skybox
During the last month, I didn’t have much time to work on Ascent, mainly because of an awesome three week vacation in Italy. But there’s one tiny update I made that I find pretty important: moving from...
View ArticleAscent Update: Shooting at Things with three.js
One of the main missing things in Ascent is “Being able to shoot at things”. To solve this, the first question is “What to shoot?”. Ok, there are rockets. But what about the...
View ArticleOptimizing the THREE.js Ray Casting Class
As I mentioned before, the THREE.js Ray class is not very optimized regarding memory usage. Of course, you should avoid expensive operations like ray casting, but it seems to be the cheapest way to...
View ArticleMouse-Picking Collada Models with THREE.js
Finding a Collada model that has been “clicked on” in a scene seems to be a common issue, and I’m getting quite some emails asking me about details. So here’s a how-to with annotated code. The whole...
View ArticleDecoupled Input
The Ascent project had a bunch of upgrades these days, including better loading logic, a radar, pointer lock support and others. But the most important one certainly was decoupled input. I found it...
View ArticleHTML Elements in WebGL: Recursion
- Or: Navigate a Website on a Computer Screen in a Website on a Computer Screen - Surf in Style: HTML Elements in a WebGL Scene Jerome Etienne‘s post on HTML Elements in a WebGL surrounding really...
View ArticleMouse-Picking Collada Models with three.js, Part II
Roughly a year ago, I wrote about detecting COLLADA models with a three.js ray caster. That code was written for three.js revision 49 – whereas the current revision is 62. A lot of things changed since...
View ArticleWebAR: Combining Cardboard Style VR and the Phone’s Camera
Creating an in-browser augmented reality experience with a smartphone and cardboard – sounds awesome, doesn’t it? Here’s my thoughts along the bumpy road I traveled so far: The Idea A smartphone is...
View ArticleRoom-Scale WebVR with Cardboard: Definitely Possible
This is something I wanted to see happening for a long time: Put your smartphone in a cardboard-style HMD, and have a VR experience that allows you to turn, kneel and stand, walk around… without being...
View Article
More Pages to Explore .....