Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   Coding

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

Exploring Animation And Interaction Techniques With WebGL (A Case Study)



 


 

Two years ago, I decided to start a series of short WebGL experiments on Codepen. Earlier this year, I finally found the time to compile them all together on a single website named “Moments of Happiness”. Since its incarnation, I’ve found ways to explore and learn different animation and interaction techniques, which I’ve implemented in these interactive toys.

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

As you’ll see, the gameplay is very different in each one, but all of the experiments share one principle: The behavior of each character responds programmatically to user input. No precalculated animation — every movement is defined at runtime. Breathing life into these characters with only a few lines of code was the main challenge.

The post Exploring Animation And Interaction Techniques With WebGL (A Case Study) appeared first on Smashing Magazine.

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

A Guide To Virtual Reality For Web Developers

A Guide To Virtual Reality For Web Developers



 


 

Recently, there has been a proliferation of virtual reality (VR) web browsers and VR capabilities added to traditional browsers. In this article, we’ll look at the state of browsers in VR and the state of VR on the web via the WebVR APIs.

A Guide To Virtual Reality For Web Developers

The web community has experimented with VR before, with VRML, but now WebVR takes a new approach to VR, one more suited to the modern web. We’ve accelerated 3D on the web since 2011 with the release of WebGL. Now the web can handle VR thanks to new web APIs that take advantage of VR hardware using WebGL.

The post A Guide To Virtual Reality For Web Developers appeared first on Smashing Magazine.

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Designing The Perfect Feature Comparison Table

Designing The Perfect Feature Comparison Table

 

 

Not all products are created equal. While we repeatedly buy some products almost mindlessly, for others, we take a lot of time to make a purchasing decis…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Designing The Perfect Feature Comparison Table

Designing The Perfect Feature Comparison Table

 

 

Not all products are created equal. While we repeatedly buy some products almost mindlessly, for others, we take a lot of time to make a purchasing decis…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Building A Simple AI Chatbot With Web Speech API And Node.js

Building A Simple AI Chatbot With Web Speech API And Node.js

 

 

Using voice commands has become pretty ubiquitous nowadays, as more mobile phone users use voice assistants such as Siri and Cortana, and as devices such…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Topics

WordPress Plugins Universal Design & Accessibility UX Jobs Los Angeles UI design WordPress Gutenberg Web Design UX Jobs Atlanta web-app wordpress UX UX Jobs Dallas uxbooth UX Toolbox UX Design User Research UX Jobs in Atlanta User testing User Experience UI User Interaction user-behavior UX Rockstars Usability Visual Design uxstackexchange

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange