Source: https://www.reddit.com/r/GRE/comments/epkmmn/low_effort_meme_of_my_dog/

I recently appeared for my GRE in online mode and scored 329 (Verbal: 161, Quant: 168, AWA: 4)

Apart from the exam fees, my net expenses were ZERO.

Coming to the preparation, I usually focus on four things for any exam:

Let’s check them one by one.

Preparation Time (How much time I have?)

I took around 25 days for my preparation. This decision was based on the exam pattern of GRE, which includes three sections — Writing, Verbal, and Quant. Coming from an engineering background, I was reasonably confident about the Quant portion. …


This is a series on using WebXR to build immersive content. To access the other blogs in the series, follow this link.

In my blog titled Your First 3D Model, we saw how to include the animation-mixer component into our project. The animation-mixer component allows us to play an animation that is already included with any 3D model.

Aframe also provides us with the option of building custom animations using animation component. We can bring this component using a script inside our head element:

<script src=”https://unpkg.com/aframe-animation-component@^5.1.2/dist/aframe-animation-component.min.js"></script>

Unlike animation-mixer, the animation component requires configuration.

Let’s see an example:

<a-box position=”-1 1…


This is a series on using WebXR to build immersive content. To access the other blogs in the series, follow this link.

Videosphere

In this blog we’ll see how to add different assets such as:

This is not an exhaustive list but it will provide you with a nice head start for adding other assets as well. Let’s begin.

Image:

First drag an image file (.jpg or .png) into the assets folder of your Glitch project. Once it’s in your Glitch assets folder, copy its URL.

This URL can be used in…


This is a series on using WebXR to build immersive content. To access the other blogs in the series, follow this link.

Take a look at the following code:

<a-scene>
<a-box position=”-2 1 -3" color=”green”>
<a-box position=”0 1 -3" color=”red”></a-box>
<a-box position=”2 1 -3" color=”red”></a-box>
</a-box>
</a-scene>

We know that <a-scene> is the parent element of all entities.

Similarly, we can argue that the green box is the parent of the 2 red boxes. The red boxes are siblings of each other and are children of the green box.

Relative Position:

“The coordinates of a parent entity act as origin point for…


This is a series on using WebXR to build immersive content. To access the other blogs in the series, follow this link.

3D models are simply a representation of any surface of an object in three dimensions. There are a host of sites offering 3D models. Some popular ones are:

Apart from this, you can also create your own 3D models. Some popular tools are:

I personally like to use Sketchfab to download 3D content. Next, I’ll show how to find, download and use free models from Sketchfab.

For the 3D file…


This is a series on using WebXR to build immersive content. To access the other blogs in the series, follow this link.

Let us take “foo” as the name of our custom component. There are 2 ways to do register custom components in your project:

1. Create a new file foo.js

Now add the following code to it:

AFRAME.registerComponent('foo', {
schema: {
bar: {type: 'number'},
baz: {type: 'string'}
},

init: function () {
// Do something when the component is first attached.
},

update: function () {

// Do something when the component's data is updated.
},

remove…


This is a series on using WebXR to build immersive content. To access the other blogs in the series, follow this link.

We’ll first go over some basics of Hit Testing and DOM Overlay. Finally, we’ll see an example that encompasses both of them.

Hit Testing:

Hit Testing is a WebXR Device API that gives us a means of placing virtual objects in a real-world camera view.

You can check out a demo of hit testing here. It is well-documented with proper comments. You can test this with an Android phone and a Chrome (Beta) v81+ browser.

Hit Testing

In the demo, you can…


This is a series on using WebXR to build immersive content. To access the other blogs in the series, follow this link.

Let us understand this with an example.

Imagine you want to build a car entity by assembling components. We’ll need 3 components:

In Aframe, an entity is built like this:

<a-entity geometry="primitive: sphere; radius: 1.5"
light="type: point; color: white; intensity: 2"
material="color: white; shader: flat; src: glow.jpg"
position="0 0 -5"></a-entity>

This is a series on using WebXR to build immersive content. To access the other blogs in the series, follow this link.

Aframe is a web framework for building virtual reality experiences

Let me directly show you how to make your first VR project using Aframe. And then we can look through the technical details.

Head over to Glitch and create an account.

Next go to New Project → hello-webpage. This creates your very first project on Glitch.

You can see some files on the left side of your project. Let me briefly explain what they do:


This is a series on using WebXR to build immersive content. It has the following blogs:

What is WebXR?

In simple terms, WebXR allows us to deliver AR/VR experiences using plain HTML, CSS and JS.

AR/VR must require a lot of prerequisites right?

No worries. You only need the knowledge of HTML, CSS and some plain Javascript to build AR/VR scenarios. Sounds Interesting ?

Developing AR/VR scenarios must surely…

Vivek Chandela

Graduate@IIIT-H, Incoming AMTS@Salesforce

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store