ThreeJS Procedural Geometry: Trees I’m not a 3d artist. I don’t know how to use Blender or Maya. Instead I create 3D shapes with code. Making geometry from scratch is fairly hard though. You have
Firefox Reality Principles of Mixed Reality Permissions Virtual and Augmented Reality (VR and AR) — known together as Mixed Reality (MR) — introduce a new dimension of physicality to current web security and privacy concerns. Problems that are already difficult on the
A Guide to Running a XR Usability Study This article is part four of the series that reviews the user testing conducted on Hubs by Mozilla, a social XR platform. Previous posts in this series have covered insights related to accessibility
ThreeJS Water Ripples with Vertex Shaders WebGL, and therefore ThreeJS supports vertex shaders. And they are awesome. Why? Because they can do things on the GPU that would be costly or impossible on the CPU. Today we will make
Tutorials Customizing Vertex shaders As a graphics programmer when you first hear about shaders they seem magical. Write tiny bits of code in this weird language and they make crazy effects possible at lightning speed. Then you
ThreeJS Cartoon Outline Effect In my 3D games and designs I often go for a cute low-poly cartoonish style. I have long wanted to give my models an actual cartoon-like outline, so that’s what we’re
ThreeJS ThreeJS Intermediate Skill Tutorials ThreeJS [https://threejs.org/] is probably the most used 3D JavaScript library on the web and it’s pretty easy to get started with. However, I found there is little beyond the introductory
ThreeJS Particles Go Wild with Textures Just a few more posts on particles, I promise. This article is part of my ongoing series of medium difficulty ThreeJS tutorials. I’ve long wanted something in between the intro “How to
Introducing Spoke: Make your own custom 3D social scenes Spoke lets you quickly take all the amazing 3D content from across the web and compose it into a custom scene you can meet up in, right in your browser.
Tutorials Snowflake Particles: When Points just aren’t enough So far everything we’ve built with particles have been classic GPU particles, meaning we used points and the entire lifetime of a particle is calculated from time and constants available when the
How XR Environments Shape User Behavior In previous research, The Extended Mind has documented how a 3D space automatically signals to people the rules of behavior [https://medium.com/@jessica.outlaw/the-place-creates-rules-of-behavior-6ae0c3194108] . One of the key findings of that
Tutorials Reverse Particles and Fading Away I need to build a sort of vacuum cleaner effect for a little game I’m working on. This means the particles should be distributed randomly in an area then come back to
Firefox Reality Firefox Reality 1.0.1 - with recline mode Announcing Firefox Reality 1.0.1, including a new mode for viewing web content while reclined.
Tutorials Quaternions are Spooky I’m going to take a break from particles [https://blog.mozvr.com/threejs-particles/] for a bit. I’ve got a ton more stuff to cover like alpha control, using quads instead of
Close Conversation is the Future of Social VR In many user experience (UX) studies, the researchers give the participants a task and then observe what happens next. Most research participants are earnest and usually attempt to follow instructions. However, in this
Drawing and Photos, now in Hubs Two new features that will further enrich the ways you can connect and collaborate in rooms you create in Hubs: drawing and easy photo uploads.
ThreeJS ThreeJS Particles: Color Interpolation Our particle system is working pretty well. We can spawn particles whenever we want, in any direction with any position, velocity, or acceleration. We can even set the color. What we can’t
ThreeJS ThreeJS Particles: Recycling Last time we figured out how to do all of the math on the GPU using only time as a per/frame input. This is great but introduces some challenges. Today we will
ThreeJS ThreeJS Particles, faster Last time we made particles which do all of the work on the CPU side. While the CPU is probably fast enough to make this work, the time it takes to transfer the
Hubs by Mozilla: Immersive Communication on Any Device Hubs by Mozilla lets people meet in a shared 360-environment using just their browser. Hubs works on any device from head-mounted displays like HTC Vive to 2D devices like laptops and mobile phones.
ThreeJS ThreeJS Particles This article is part of my ongoing series of medium difficulty ThreeJS tutorials. I’ve long wanted something in between the intro “How to draw a cube” and “Let’s fill the screen
ThreeJS ThreeJS Lines and Faces Remember how last time I said lines were hard and you can’t really do thick ones? I just found another (undocumented) example in the ThreeJS repo that does fat lines. I think
ThreeJS How to Draw Lines and Edges So many articles about ThreeJS [https://threejs.org/] are introductory. This is great when you’re just getting started, but I already understand what geometry and materials are and how they combine to
Firefox Reality Remote Debugging Firefox Reality You can debug your web pages running in Firefox Reality remotely over USB [https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging] from your computer using the latest release of Firefox for Windows,
Firefox Reality Firefox Reality Developers Guide Firefox Reality, Mozilla's VR web browser, is getting closer to release; so let's talk about how to make your experiences work well in this new browser. Use a Framework