When I started this series two months ago, I had two main objectives. Learn how to integrate 3D content into my Vue development workflow and decide which 3D library I’ll use for future projects. I have achieved both of those goals!
Wrapping up the initial objective for this chapter, this post details a few bits of user interaction and data.
A lot has changed in the project since my last update on Chapter 2.1. This post will cover some changes to the detail card, creating compact cards, working with 2D and 3G GUI, and passing data from Vue to the Babylon JS scene. Let’s dive right in with the updated Detail Card. 2D and 3D…
Building a simple card layout using Babylon GUI.
A bit of setup and housekeeping for the Chapter 2 project.
Just a note about moving to Vue 3 for the remaining chapters of this series.
A new control panel, Item Favorites, and Controller Interaction. I’ve made a lot of progress since the last update.
Since the last post, I refined the card layout a bit. I decided that I wanted two display modes for the cards: compact and full. The compact mode is a square shape with the image and the title. The full mode has image, title, description, and any other UI controls I add later. There is…
Over the last few days, I’ve been working on the layout of the item cards for the A-Frame chapter of this series.
Configuring Vue to use A-Frame is straightforward. I started by forking the CodeSandbox template mentioned in the Introduction post and added aframe to the dependencies.
This is the first post in a new series that I’m starting called “A Vue into 3D”. Over the last two years I’ve shifted my focus towards front-end development. While I’ve spent time with several frameworks and libraries, Vue JS is the one that clicked for me the most. It allows me to leverage my…