https://github.com/harshcasper/run-away

🎮🕹️ Run-Away is a Three-Dimensional Racing Game developed using Three.js Javascript Library which sees the User controlling a Runner on a track as he avoid the obstacles aiming for the high score. ❤️
https://github.com/harshcasper/run-away

game javascript javascript-game threejs

Last synced: 3 days ago
JSON representation

🎮🕹️ Run-Away is a Three-Dimensional Racing Game developed using Three.js Javascript Library which sees the User controlling a Runner on a track as he avoid the obstacles aiming for the high score. ❤️

• Host: GitHub
• URL: https://github.com/harshcasper/run-away
• Owner: HarshCasper
• License: mit
• Created: 2019-12-23T18:17:48.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-12-24T04:48:06.000Z (about 5 years ago)
• Last Synced: 2024-11-08T05:41:40.492Z (about 2 months ago)
• Topics: game, javascript, javascript-game, threejs
• Language: JavaScript
• Homepage:
• Size: 173 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Run-Away

[![forthebadge](https://forthebadge.com/images/badges/ages-12.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/built-by-developers.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/check-it-out.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/uses-html.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/makes-people-smile.svg)](https://forthebadge.com)

🎮🕹️  Run-Away is a Three-Dimensional Racing Game developed using Three.js Javascript Library which sees the User controlling a Runner on a track as he avoid the obstacles aiming for the high score. ❤️

## Technology Stack

1. Three.js Javascript Library 

Three.js an easy to use, lightweight, 3D library with a default WebGL renderer. The library also provides Canvas 2D, SVG and CSS3D renderers. This code creates a scene, a camera, and a geometric cube, and it adds the cube to the scene. It then creates a `WebGL` renderer for the scene and camera, and it adds that viewport to the `document.body` element. Finally, it animates the cube within the scene for the camera.

```javascript

var camera, scene, renderer;

var geometry, material, mesh;

init();

animate();

function init() {

	camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.01, 10 );

	camera.position.z = 1;

	scene = new THREE.Scene();

	geometry = new THREE.BoxGeometry( 0.2, 0.2, 0.2 );

	material = new THREE.MeshNormalMaterial();

	mesh = new THREE.Mesh( geometry, material );

	scene.add( mesh );

	renderer = new THREE.WebGLRenderer( { antialias: true } );

	renderer.setSize( window.innerWidth, window.innerHeight );

	document.body.appendChild( renderer.domElement );

}

function animate() {

	requestAnimationFrame( animate );

	mesh.rotation.x += 0.01;

	mesh.rotation.y += 0.02;

	renderer.render( scene, camera );

}

```

2. Javascript

 JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. It is designed for creating network-centric applications. JavaScript is very easy to implement because it is integrated with HTML. It is open and cross-platform.

 

 3. Hyper-Text Markup Language

 

 HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).

4. Cascading Style Sheets

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.

## License

This project is licensed under the MIT License - see the [LICENSE](https://github.com/HarshCasper/Run-Away/blob/master/LICENSE) file for details