HTML5 Game Development
   
  • HOME
  • News
  • Tutorials
  • Engines
  • Demos
  • Tools
  • Partners
  • Mobile HTML Game
  • Guess The Celebrity
  • About us

3D Clothing Demo with BabylonJS

How do you create an interactive 3D version of yourself? The guys and gals at Punk Office do it by using a camera rig with 82 Nikon D5200 cameras that are synched at 1/300th of a second! They then scan the entire body and reduce the person to under 7,000 polygons. Special care is taken to add more polygons to the face and other areas that require finer detail.

Clothing-demo-Punk-office

Mesh and maps

clothing-demo_jacket-scan

Dozens of photo for a single object

They used BabylonJS 2.4 to create a Clothing Demo of one of their team members with a jacket that can be removed and put back on again. And the 3D object can be spun around for you to see every angle. It can even be zoomed in (or out) if you want to scrutinize more (or less) details.

clothing-demo-with-without-jacket

With or without jacket

punk_office-top-bottom-back-views

Spin object to view other angles

Visit Punk Office’s Clothing Demo here.

Share List

 

Share List

You might also find this interesting:


  1. Press Red Button to Open StarGate “It will take you a million light years from home.” That’s what a StarGate does according to the 1994 film, but how do you activate one? For this StarGate, all...

  2. BabylonJS When it comes to creating full-fledged 3D games in HTML5, unless you want to spend an incredible amount of time building the base engine for it, you should think about...

  3. CopperCube Dynamic Lighting Demo A WebGL Demo of the export of the CopperCube 3 WebGL output. Share List...

  4. WebGL Water Noise demo Using simplex noise and a normal map, an WebGL experiment in creating a water surface. Share List...

  5. Opera's WebGL Tech Demo: Odin Opera has created an impressive WebGL demo called Odin which they describe as: Odin is a demo created to showcase what you can do with WebGL and hopefully inspire people...

3D, BabylonJS, Clothing Demo
HTML5 Demos, WebGL-1

License HTML5 Games

Are you a company looking to license HTML5 games? We recommend MarketJS.com, a B2B platform for licensing games.

MarketJS has over 300 HTML5 games for licensing. They also provide additional services such as game reskin, custom development, and white label portals.

Html5 Game Development


Follow @GameDevHTML5



WHAT’S NEW

  • GPT3 Voting Board

  • Game Localization For Food Delivery App

  • HTML5 Games in Guest Room Tablets

  • What’s New in Phaser 3.50

  • Particle and Sprite Editors in Babylon.js 4.2



NEW DEMOS

  • Vertical Platformer Games Using GDevelop

  • HTML5 Games for HR Technology

  • Building Vertical Platformer Games using Kaboom

  • Vertical Endless Runner Prototype

  • Particle and Sprite Editors in Babylon.js 4.2


ENGINES

  • Vertical Platformer Games Using GDevelop

    Last time, we introduced GDevelop as a viable option for no-code game engines. Now, let’s try building vertical platformer games using GDevelop. GDevelop comes with two behaviors to build platformer …Read more

  • Best Practices in Building HTML5 Games

    As the saying goes, “Quality is always the result of intelligent effort.” This timeless quote by John Ruskin summarizes most of the best practices in building HTML5 games by today’s …Read more

  • GDevelop – Free and Easy HTML5 Game Engine

    If you are looking for a free and easy HTML5 game engine, check out GDevelop. This game creator is designed to be used by everyone, with its no-code, open-source, free, …Read more

SEARCH OUR ARCHIVES

CONNECT

rss twitter

HTML5 Game Development is proudly run by 3P Solutions Inc

GOT NEWS?

Send new engines, demos, information and tips to hello@html5gamedevelopment.com

MONTHLY MEETUP

In boston? Join us for the Monthly HTML5 Game Development meetup.

BOOKS

We're in the process of writing a few books about game development. Coming soon!

Copyright HTML5gamedevelopment.com