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

Destroy the World in WebGL

For those who like destroying things, there’s a demo that will let you destroy the world by using any device with a browser. Built with Three.js technology, “World” is an experiment in creating a breakable 3D world by Marpi, Technical Director and Creative Developer from San Francisco.

Break the World in WebGL

The earth is about to be destroyed.

World starts out with a view of Earth, a lone planet floating peacefully in deep space. It somehow reminds you of Carl Sagan’s ruminations on the Pale Blue Dot photograph of the Earth. You can spin the earth and look for your country and review your geography. But you are not there to reflect on the mysteries of life and the universe. You’re there to bring about Armageddon, blow the planet to smithereens, send it to kingdom come (okay, you get the idea).

Break the World in WebGL

The start of the end of the world.

So you go and click (or tap on your mobile device) to break the earth to pieces. And you click and click again until nothing about it is recognizable as a planet. The more you click, the farther away the pieces of the destroyed planet are scattered. Stop clicking for 5 seconds, and the world gets back to its normal round self, as if nothing befell it. We don’t really know what will happen if you click continuously for extended periods of time. Will the pieces keep on moving farther away? Will they reassemble?

Break the World in WebGL

What the world looks like after a zillion clicks.

Try the demo here, and tell us what happens after a gazillion clicks (we only got as far as a zillion).

Share List
Share List

You might also find this interesting:


  1. Wexha Planet This demo created by NasimiAsl lets you explore a small planet, devoid of anything but with a magnificent view of the cosmos. Called Wexha Planet, the project was created using BabylonJS....

  2. Nomo Racer: 3D WebGL Multiplayer racer Nomo Racer is an experimental 3D WebGL multiplayer racer which budapest based programmer and author György Pesti describes as: The aim in creating this game was to see what the...

  3. Imagining the Future Using WebGL Kasperksy Lab, the global cybersecurity corporation, recently launched the Earth 2050 website. It features detailed predictions by experts and futurologists for 2030, 2040, and 2050. The site, which uses WebGL...

  4. HellRacer WebGL An incredibly smooth, interactive WebGL car demo, built on Three.js. Share List...

  5. ThreeJS: WebGL Made Easier 3D Graphics aren’t exactly the easiest thing to master. They are further complicated within web browsers where they become more limited within the confines of a browser. Luckily, ThreeJs comes...

3D, Chrome Experiment, HTML5, ThreeJS, World
HTML5 Demos, Three.js-1, 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

  • HTML5 Games in Guest Room Tablets

  • What’s New in Phaser 3.50

  • Particle and Sprite Editors in Babylon.js 4.2

  • Healthcare Industry HTML5 Games

  • Games for Events Example



NEW DEMOS

  • Vertical Endless Runner Prototype

  • Particle and Sprite Editors in Babylon.js 4.2

  • Song Maker in Google Experiment

  • Phaser 3 Experiment for Drawing Cards

  • HTML5 Game for a Recycling Campaign


ENGINES

  • Phaser 3 Game Object Pools Tutorial

    Memory allocation inside update loops often causes framerate problems in real-time gaming. One of the best solutions to this is to use Object Pools in Phaser 3. An Object Pool …Read more

  • Games During The COVID-19 Pandemic

    There so many effective ways to engage your audience with HTML5 games. Here is an example of how to run a game campaign to keep users motivated during difficult times. …Read more

  • Building Simulated 3D HTML5 Games With Phaser

    Phaser is commonly used as a 2D game engine for creating HTML5 desktop and mobile games. However, with the help of three.js and Phaser 3D library, you could render your …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