https://github.com/patrick-s-young/ar-kick-ball

Use webXR-enabled device to control a robot as it attempts to kick a ball into a target
https://github.com/patrick-s-young/ar-kick-ball

3d arcore-android cannon-es game-development threejs webxr

Last synced: 18 days ago
JSON representation

Use webXR-enabled device to control a robot as it attempts to kick a ball into a target

• Host: GitHub
• URL: https://github.com/patrick-s-young/ar-kick-ball
• Owner: patrick-s-young
• Created: 2023-10-26T18:31:35.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-20T16:37:34.000Z (11 months ago)
• Last Synced: 2024-10-17T05:46:52.469Z (about 1 month ago)
• Topics: 3d, arcore-android, cannon-es, game-development, threejs, webxr
• Language: JavaScript
• Homepage:
• Size: 6.72 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ar-kick-ball

AR Kick Ball - WebXR ARCore-enabled game for mobile browser.

## Status Update:

Physics (courtesy of [cannon-es](https://www.npmjs.com/package/cannon-es)) added to soccer ball, solider, and floor.

https://github.com/patrick-s-young/ar-kick-ball/assets/42591798/637e16c9-405d-4b3e-814f-096daffa86f7

Project created with [webxr-arcore-boilerplate](https://github.com/patrick-s-young/webxr-arcore-boilerplate)

## Running Locally

Make sure you have [Node.js](http://nodejs.org/) installed.

```sh

git clone https://github.com/patrick-s-young/ar-kick-ball.git # or clone your own fork

cd ar-kick-ball

yarn

yarn start

```

## Debug Mode

Debug mode allows for faster experimentation/iteration in the browser. Code can then be propagated from DebugApp.js to App.js.

```sh

yarn debug

```

https://github.com/patrick-s-young/ar-kick-ball/assets/42591798/8938c3ea-ab77-473f-9a78-f08fca8b9642

## Device Requirements

See Google's [ARCore supported devices](https://developers.google.com/ar/devices).

- Set your ARCore-supported Android device to developer mode.

- Plug your device into your workstation via USB

- On your workstation, open a Chrome broswe and set the location to: `chrome://inspect/#devices`

- Find your device and click the link to launch the dev console

  

## Built With

* [Three.js](https://www.npmjs.com/package/three) - An easy to use, lightweight, cross-browser, general purpose 3D library.

* [webpack](https://webpack.js.org/) - static module builder.

* [maximo](https://www.mixamo.com/) - 3D characters, skeletal rigs, and animations.

* [turbosquid](https://www.turbosquid.com/) - soccer ball.

## Authors

* **Patrick Young** - [Patrick Young](https://github.com/patrick-s-young)

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.