VoV 047: Games & Other Novel Uses for Vue with Kevin Drum

Views on Vue

Sponsors:

• KendoUI
• Sentry use the code "devchat" for $100 credit
• TripleByte

Panel:

• Chris Fritz
• Divya Sasidharan
• Erik Hatchett
• Charles Max Wood

Special Guest: Kevin Drum Notes: This episode features special guest Kevin Drum from Virginia. Kevin is a remote developer for Asteris, a company supplying tech to veterinarians based out of Colorado. Kevin works daily on a Vue app called Keystone Omni which provides imaging solutions for veterinarians, but was invited on the show because he made a blackjack game with Vue. The panel discusses his inspiration for making a game with Vue, since Vue is most often used to manage data. Kevin details the technologies he used to create his game, including GreenSock and the influence of Vue X on the design of his app. He discusses some of the bugs he encountered while creating his game. Kevin talks about designing the interface with Figma and the caution that should be taken when adding sound effects to a game. He discusses his decision to use Canvas and WebGL, as well as other technologies like Vue Babylon JS. The panelists talk about shaders, an algorithm that will manipulate shapes, and the difficulties with using them. They talk about how to get started making your own game. Kevin advises listeners to first focus on the logic of the game and then on the aesthetics, encouraging a “make it work first, then make it pretty later” approach. They also encourage listeners to play around with Vue by making a demo app first to practice changing all the different properties of the elements. The panelists talk about other uses for Vue in games and if there are benefits to writing a game loop outside of Vue. Chris highlights the #vuenicorn contest that was hosted on twitter. Terms:

• Canvas
• Dom elements
• SVG
• CSS
• GreenSock
• webGL
• Node
• VueX
• Figma
• Tone JS
• Vue Babylon JS
• Unity
• Native
• Electron
• Cordova
• Capacitor
• Shaders
• Phaser
• Web audio API

Picks: Chris:

• CrossCode
• Vue Conf US Workshops

Erik:

• Let's talk about an unnecessary but popular Vue plugin article

Charles:

• McKirdy Trained Running Coaches
• Garmin Foreunner Watch

Kevin:

• Refactoring UI
• Game Programming Patterns

Special Guest: Kevin Drum.
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy