All Projects → MattSurabian → Duckhunt Js

MattSurabian / Duckhunt Js

Licence: mit
DuckHunt ported to JS and HTML5

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Duckhunt Js

Pixi.js
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Stars: ✭ 34,982 (+8869.74%)
Mutual labels:  game, webgl, pixijs, canvas
Pixi Haxe
Externs of Pixi.js for Haxe
Stars: ✭ 175 (-55.13%)
Mutual labels:  webgl, pixijs, canvas
Awesome Pixijs
My list of awesome pixi.js related parties
Stars: ✭ 489 (+25.38%)
Mutual labels:  webgl, pixijs, canvas
Gown.js
UI system for pixi.js inspired by feathers-ui
Stars: ✭ 195 (-50%)
Mutual labels:  webgl, pixijs, canvas
Hilo
A Cross-end HTML5 Game development solution developed by Alibaba Group
Stars: ✭ 5,723 (+1367.44%)
Mutual labels:  game, webgl, canvas
Skqw
JavaScript Audio Visualizer
Stars: ✭ 112 (-71.28%)
Mutual labels:  webgl, audio, canvas
Hilo3d
Hilo3d, a WebGL Rendering Engine.
Stars: ✭ 123 (-68.46%)
Mutual labels:  game, webgl, canvas
Phaser3 Docs
Phaser 3 Documentation and TypeScript Defs
Stars: ✭ 339 (-13.08%)
Mutual labels:  game, webgl, canvas
Cute headers
Collection of cross-platform one-file C/C++ libraries with no dependencies, primarily used for games
Stars: ✭ 3,274 (+739.49%)
Mutual labels:  game, audio
Easycanvas
数据驱动、2D&3D、渐进式Canvas库,支持JSX,配备Chrome调试插件,支持微信小游戏、物理引擎等。
Stars: ✭ 281 (-27.95%)
Mutual labels:  webgl, canvas
Clubber
Application of music theory in audio reactive visualizations
Stars: ✭ 325 (-16.67%)
Mutual labels:  webgl, audio
Leaflet.pixioverlay
Bring Pixi.js power to Leaflet maps
Stars: ✭ 264 (-32.31%)
Mutual labels:  webgl, pixijs
Sessions
A series of creative coding sessions
Stars: ✭ 262 (-32.82%)
Mutual labels:  webgl, canvas
Modv
modular audio visualisation powered by JavaScript
Stars: ✭ 292 (-25.13%)
Mutual labels:  webgl, canvas
Dino3d
🦖 Google Chrome T-Rex Run! in 3D (WebGL experiment)
Stars: ✭ 263 (-32.56%)
Mutual labels:  game, webgl
Xi Electron
A front-end for the xi-editor built with modern web technologies.
Stars: ✭ 333 (-14.62%)
Mutual labels:  webgl, canvas
Magnum
Lightweight and modular C++11 graphics middleware for games and data visualization
Stars: ✭ 3,728 (+855.9%)
Mutual labels:  game, webgl
Pancake
Lightweight, Fast, Easy-to-use HTML5 2D game framework!
Stars: ✭ 79 (-79.74%)
Mutual labels:  webgl, canvas
Melonjs
a fresh & lightweight javascript game engine
Stars: ✭ 3,721 (+854.1%)
Mutual labels:  webgl, canvas
Game
⚔️ An online JavaScript 2D Medieval RPG.
Stars: ✭ 388 (-0.51%)
Mutual labels:  game, canvas

DUCK HUNT JS v3.0

Play the game

This is an implementation of DuckHunt in Javascript and HTML5. It uses the PixiJS rendering engine, Green Sock Animations, Howler, and Bluebird Promises.

Rendering

This game supports WebGL and Canvas rendering via the PixiJS rendering engine.

Audio

This game will attempt to use the WebAudioAPI and fallback to HTML5 Audio if necessary. Audio is loaded and controlled via HowlerJS.

Tweening

The animations in this game are a combination of PixiJS MovieClips built from sprite images and tweens. Since PixiJS doesn't provide a tweening API, Green Sock was used.

Game Logic

The flow of this game is managed using Javascript. The main chunks of business logic are implemented as ES6 classes which are transpiled to ES5 using Babel.

Working With This Repo

  • You must have nodejs installed.
  • Clone the repo into a directory of your choice
  • cd into that directory and run npm install
  • Use npm start to start a local webserver which will make the site available at http://localhost:8080/. Cross origin errors prevent this project from being accessed in the browser with the file:// protocol. This will also trigger automatic builds and reloads of the page when changes are detected in the src directory.
  • If you want to manually cut a build of the application code run npm run build

Working With Audio and Visual Assets

This repo ships with committed dist files to make it easy for developers to get up and running. If you really want to get into some leet haxing and change the way this game looks and sounds then you'll need to work with audio and image sprites. The following tasks make that possible:

  • To rebuild audio assets use npm run audio (there is a hard dependency on ffmpeg to run this task)
  • To rebuild image assets use npm run images (there is a hard dependency on texturepacker to run this task)

Bugs

Please report bugs as issues.

Contributing

Pull requests are welcome! Please ensure code style and quality compliance with npm run lint and include any built files.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].