/******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) /******/ return installedModules[moduleId].exports; /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ // Flag the module as loaded /******/ module.l = true; /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ // identity function for calling harmony imports with the correct context /******/ __webpack_require__.i = function(value) { return value; }; /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { /******/ configurable: false, /******/ enumerable: true, /******/ get: getter /******/ }); /******/ } /******/ }; /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = 1); /******/ }) /************************************************************************/ /******/ ([ /* 0 */ /***/ function(module, exports) { "use strict"; 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.addAmbient = addAmbient; exports.addBasicLights = addBasicLights; exports.addPlane = addPlane; exports.addBoxPlane = addBoxPlane; var $world = exports.$world = { stats: 'fps', // fps, ms, mb or false if not need. autoresize: 'window', gravity: [0, -100, 0], camera: { position: [0, 10, 50] }, rendering: { background: { color: 0x162129 }, renderer: { antialias: true } }, shadowmap: { type: THREE.PCFSoftShadowMap } }; var $colors = exports.$colors = { bg: 0x162129, plane: 0x447F8B, mesh: 0xF2F2F2, softbody: 0x434B7F }; function addAmbient(world, intensity) { new WHS.AmbientLight({ light: { intensity: intensity } }).addTo(world); } function addBasicLights(world) { var intensity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5; var position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [0, 10, 10]; var distance = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 100; addAmbient(world, 1 - intensity); return new WHS.PointLight({ light: { intensity: intensity, distance: distance }, shadowmap: { fov: 90 }, position: position }).addTo(world); } function addPlane(world) { var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100; return new WHS.Plane({ geometry: { width: size, height: size }, modules: [new PHYSICS.PlaneModule({ mass: 0 })], material: new THREE.MeshPhongMaterial({ color: 0x447F8B }), rotation: { x: -Math.PI / 2 } }).addTo(world); } function addBoxPlane(world) { var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100; return new WHS.Box({ geometry: { width: size, height: 1, depth: size }, modules: [new PHYSICS.BoxModule({ mass: 0 })], material: new THREE.MeshPhongMaterial({ color: 0x447F8B }) }).addTo(world); } /***/ }, /* 1 */ /***/ function(module, exports, __webpack_require__) { "use strict"; 'use strict'; var _globals = __webpack_require__(0); var UTILS = _interopRequireWildcard(_globals); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } var world = new WHS.App([new WHS.modules.ElementModule(), new WHS.modules.SceneModule(), new PHYSICS.WorldModule({ ammo: `${window.location.href}../../../vendor/ammo.js` }), new WHS.modules.CameraModule({ position: new THREE.Vector3(0, 40, 250) }), new WHS.modules.RenderingModule({ bgColor: 0x162129, renderer: { antialias: true, shadowmap: { type: THREE.PCFSoftShadowMap } } }), new WHS.OrbitControlsModule(), new WHS.modules.AutoresizeModule()]); var teapot = new WHS.Model({ geometry: { path: '../../_assets' + '/models/teapot/utah-teapot-large.json' }, modules: [new PHYSICS.ConcaveModule({ friction: 1, mass: 200, restitution: 0.5, path: '../../_assets' + '/models/teapot/utah-teapot-light.json', scale: new THREE.Vector3(4, 4, 4) })], useCustomMaterial: true, material: new THREE.MeshPhongMaterial({ shading: THREE.SmoothShading, map: WHS.texture('../../_assets' + '/textures/teapot.jpg', { repeat: { x: 1, y: 1 } }), side: THREE.DoubleSide }), position: { y: 100 }, scale: [4, 4, 4] }); var ball = new WHS.Sphere({ geometry: { radius: 3, widthSegments: 16, heightSegments: 16 }, material: new THREE.MeshPhongMaterial({ color: UTILS.$colors.mesh }), modules: [new PHYSICS.SphereModule({ restitution: 1, mass: 60 })], position: [10, 250, -1.969] }); teapot.addTo(world).then(function () { ball.addTo(world); }); UTILS.addBoxPlane(world, 500); new WHS.SpotLight({ light: { color: 0xffffff, intensity: 1, distance: 300, angle: 180 }, shadowmap: { fov: 90 }, position: { x: 0, y: 150, z: 50 } }).addTo(world); UTILS.addAmbient(world, 0.3); world.start(); /***/ } /******/ ]);