{ "metadata": { "type": "App" }, "project": { "shadows": true, "vr": false }, "camera": { "metadata": { "version": 4.5, "type": "Object", "generator": "Object3D.toJSON" }, "object": { "uuid": "4AC7ADED-CC22-4B16-8218-2E0A0C38C8F8", "type": "PerspectiveCamera", "name": "Camera", "layers": 1, "matrix": [0.952212,0,-0.305438,0,-0.17743,0.813973,-0.553142,0,0.248618,0.580902,0.775075,0,1.865,4.357,5.813,1], "fov": 50, "zoom": 1, "near": 0.1, "far": 100000, "focus": 10, "aspect": 1.428977, "filmGauge": 35, "filmOffset": 0 } }, "scene": { "metadata": { "version": 4.5, "type": "Object", "generator": "Object3D.toJSON" }, "geometries": [ { "uuid": "490CEBA3-6A25-4BE1-B517-C5FB11A5D18A", "type": "PlaneGeometry", "width": 6, "height": 4, "widthSegments": 1, "heightSegments": 1 }, { "uuid": "D9A92F2D-2F08-4851-99C7-12D8D1CA13C7", "type": "BoxGeometry", "width": 0.1, "height": 0.1, "depth": 0.1, "widthSegments": 1, "heightSegments": 1, "depthSegments": 1 }, { "uuid": "5E63B8CF-E225-4ABC-994A-4D06BD4E21EB", "type": "BoxGeometry", "width": 0.2, "height": 0.2, "depth": 1, "widthSegments": 1, "heightSegments": 1, "depthSegments": 1 }, { "uuid": "D61532B4-24C3-4BC4-B56B-7245E8163E09", "type": "BoxGeometry", "width": 0.2, "height": 0.2, "depth": 1, "widthSegments": 1, "heightSegments": 1, "depthSegments": 1 }], "materials": [ { "uuid": "7EDF7C08-6325-418A-BBAB-89341C694730", "type": "MeshPhongMaterial", "color": 16777215, "emissive": 0, "specular": 16777215, "shininess": 30, "depthFunc": 3, "depthTest": true, "depthWrite": true }, { "uuid": "B1CAF098-FE36-45E1-BEBE-8D6AC04821CC", "type": "MeshPhongMaterial", "color": 16711680, "emissive": 0, "specular": 1118481, "shininess": 30, "depthFunc": 3, "depthTest": true, "depthWrite": true }, { "uuid": "FBDBE66D-B613-4741-802D-5AE1DE07DE46", "type": "MeshPhongMaterial", "color": 2752767, "emissive": 0, "specular": 1118481, "shininess": 30, "depthFunc": 3, "depthTest": true, "depthWrite": true }], "object": { "uuid": "31517222-A9A7-4EAF-B5F6-60751C0BABA3", "type": "Scene", "name": "Scene", "layers": 1, "matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1], "children": [ { "uuid": "B47D0BFC-D63A-4CBB-985E-9C4DBDF086E4", "type": "Mesh", "name": "Ground", "layers": 1, "matrix": [1,0,0,0,0,0.000796,-1,0,0,1,0.000796,0,0,-0.1,0,1], "geometry": "490CEBA3-6A25-4BE1-B517-C5FB11A5D18A", "material": "7EDF7C08-6325-418A-BBAB-89341C694730" }, { "uuid": "CE13E58A-4E8B-4F72-9E2E-7DE57C58F989", "type": "Mesh", "name": "Ball", "layers": 1, "matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1], "geometry": "D9A92F2D-2F08-4851-99C7-12D8D1CA13C7", "material": "B1CAF098-FE36-45E1-BEBE-8D6AC04821CC" }, { "uuid": "2AAEA3AA-EC45-492B-B450-10473D1EC6C5", "type": "Mesh", "name": "Pad 1", "layers": 1, "matrix": [1,0,0,0,0,1,0,0,0,0,1,0,-2.4,0,0,1], "geometry": "5E63B8CF-E225-4ABC-994A-4D06BD4E21EB", "material": "FBDBE66D-B613-4741-802D-5AE1DE07DE46" }, { "uuid": "F1DD46A7-6584-4A37-BC76-852C3911077E", "type": "Mesh", "name": "Pad 2", "layers": 1, "matrix": [1,0,0,0,0,1,0,0,0,0,1,0,2.4,0,0,1], "geometry": "D61532B4-24C3-4BC4-B56B-7245E8163E09", "material": "FBDBE66D-B613-4741-802D-5AE1DE07DE46" }, { "uuid": "C62AAE9F-9E51-46A5-BD2B-71BA804FC0B3", "type": "DirectionalLight", "name": "DirectionalLight", "layers": 1, "matrix": [1,0,0,0,0,1,0,0,0,0,1,0,1,2,1.5,1], "color": 16777215, "intensity": 1, "shadow": { "camera": { "uuid": "2CF1F42A-8992-4E8D-8D94-7CC20979344C", "type": "OrthographicCamera", "layers": 1, "zoom": 1, "left": -5, "right": 5, "top": 5, "bottom": -5, "near": 0.5, "far": 500 } } }], "background": 11184810 } }, "scripts": { "31517222-A9A7-4EAF-B5F6-60751C0BABA3": [ { "name": "Game logic", "source": "var ball = this.getObjectByName( 'Ball' );\n\nvar position = ball.position;\n\nvar velocity = new THREE.Vector3();\n\nvar direction = new THREE.Vector3();\ndirection.x = Math.random() - 0.5;\ndirection.z = Math.random() - 0.5;\ndirection.normalize().multiplyScalar( 0.1 );\n\nvar pad1 = this.getObjectByName( 'Pad 1' );\nvar pad2 = this.getObjectByName( 'Pad 2' );\n\nvar raycaster = new THREE.Raycaster();\nvar objects = [ pad1, pad2 ];\n\n//\n\nfunction pointermove( event ) {\n\n\tpad1.position.z = ( event.clientX / player.width ) * 3 - 1.5;\n\tpad2.position.z = - pad1.position.z;\n\n}\n\nfunction update( event ) {\n\t\n\tif ( position.x < -3 || position.x > 3 ) direction.x = - direction.x;\n\tif ( position.z < -2 || position.z > 2 ) direction.z = - direction.z;\n\t\n\tposition.x = Math.max( - 3, Math.min( 3, position.x ) );\n\tposition.z = Math.max( - 2, Math.min( 2, position.z ) );\n\t\n\traycaster.set( position, direction );\n\t\n\tvar intersections = raycaster.intersectObjects( objects );\n\t\n\tif ( intersections.length > 0 ) {\n\n\t\tvar intersection = intersections[ 0 ];\n\t\t\n\t\tif ( intersection.distance < 0.1 ) {\n\t\t\t\n\t\t\tdirection.reflect( intersection.face.normal );\n\t\t\t\n\t\t}\n\t\t\n\t}\n\n\tposition.add( velocity.copy( direction ).multiplyScalar( event.delta / 20 ) );\n\n}" }] } }