Art of AdvertisingArt of Advertising
  • Advertising
  • Game Development
  • Responsive
  • GWD API
  • 3D
  • Javascript
  • Videos
  • Impressum / Editorial
  • Trending

Kategorien

3D Advertising Allgemein Game Development Google Web Designer GWD API HTML5 Javascript Mobile App Responsive Tutorials undocumented Video Tutorials

Author

Patrick Völcker

Creative Specialist

Patrick Voelcker is Creative Specialist and Google Web Designer Evangelist at Google. Since the release of the first Google Web Designer version, he is constantly trying to get the most out of this Animation Tool.

He is author of the books "Spiele entwickeln für iPhone und iPad: Programmierung, Grafik, Sound und Special Effects" (german) and "Android-Apps entwickeln: Konzeption, Programmierung und Vermarktung (Professional Series)" (german).

Archive

  • Dezember 2019
  • Oktober 2019
  • Februar 2019
  • Januar 2019
  • April 2018
  • Januar 2018
  • März 2016
  • Februar 2016
  • November 2015
  • September 2015
  • August 2015
  1. Home
  2. Tutorials
  3. Javascript

Javascript

Tags:3DCSSSphere

3dspheres_title
  • 3102
  • 6
  • 0
  • Patrick

Create Textured 3D Spheres with HTML5 or Google Web Designer

Google Web Designer is great in CSS 3D. Well, at least with boxes. Curved and rounded corners has always been a fiddling, not mentioning a 3D sphere, like a globe, planet or soccer ball. It took me q…

white-apple-mouse-and-keyboard-on-a-wooden-desk-6416
  • 2483
  • 6
  • 0
  • Patrick

Tutorial: Drag’n’Drop with Google Web Designer

Google Web Designer is a great tool, but there are some features, some might miss. One of the most important gestures not implemented natively yet is e. g. Drag'n'Drop. However, it's not too compli…

Tags:easter eggfeaturegoogle web designer

undocumented
  • 1459
  • 0
  • 0
  • Patrick

Google Web Designer Undocumented #1: Shake, Tilt and YouTube Player

From time to time I open minified GWD code from the custom components or crawl with the Chrome Developer Tools through the GWD objects, which exist during runtime, and find interesting function, which…

Tags:componentgoogle web designerjavascript

spritesheet-keyframe-animation
  • 698
  • 0
  • 0
  • Patrick

Spritesheets: How to create a custom GWD component (2)

In the 2nd part of this tutorial we'll create the necessary javascript code to make our basic spritesheet component work. For starting from the very beginning, please visit part 1 of the tutorial here…

Tags:downloadgoogle web designerhtml5

nexus5
  • 3166
  • 1
  • 0
  • Patrick

Creating a 3d banner with Google Web Designer

In this Video tutorial I'll show, that even with an early version of Google Web Designer you are able to create great 3d content. This is the first screencast I've published about Google We…

Tags:componentgoogle web designerjavascript

spritesheet-keyframe-animation
  • 1260
  • 0
  • 2
  • Patrick

Spritesheets: How to create a custom GWD component (1)

One of the coolest things with Google Web Designer is the ability to create your own components. As this is getting more and more important, the longer you work with this tool, I’ve decided to investi…