jofont / threejs-tower-builder

Three js - Tower Builder

Three JS - Tower Builder

This repo contains the first project from Ironhack's Bootcamp in Lisbon where the assignment was to build a game.

Getting started

Important

This repository has code for Firebase deployment, which will not work on any machine that's not authenticated so, cloning this repo is very much useless unless you've been invited into the firebase project.

Clone this repository and install its dependencies:

clone
cd threejs-tower-builder
npm install

npm run build builds the application to public/bundle.js, along with a sourcemap file for debugging.

npm start launches a server, using serve and livereload plugin. Navigate to localhost:5000.

npm run watch will continually rebuild the application as your source files change.

npm run dev will run npm start and npm run watch in parallel.

Resources

1. Rollup Package Bundler Docs
2. Three js Docs
3. Tween Max Docs
4. lit-html

threejs-tower-builder's Issues

Can't properly build one of the modules

Use output.globals to specify browser global variable names corresponding to external modules
src/Utils/Utils (guessing 'Utils')

Git hub deployment action breaks on build.

Git hub deployment action breaks on build.

Error Below

awesome-tower-builder@ build /home/runner/work/threejs-tower-builder/threejs-tower-builder
rollup -c

src/main.js → public/bundle.js...
Error: ENOSPC: System limit for number of file watchers reached, watch '/home/runner/work/threejs-tower-builder/threejs-tower-builder/node_modules/date-fns/esm/startOfYear/package.json'
at FSWatcher.start (internal/fs/watchers.js:165:26)
at Object.watch (fs.js:1329:11)
at createFsWatchInstance (/home/runner/work/threejs-tower-builder/threejs-tower-builder/node_modules/chokidar/lib/nodefs-handler.js:38:15)
at setFsWatchListener (/home/runner/work/threejs-tower-builder/threejs-tower-builder/node_modules/chokidar/lib/nodefs-handler.js:81:15)
at FSWatcher.NodeFsHandler._watchWithNodeFs (/home/runner/work/threejs-tower-builder/threejs-tower-builder/node_modules/chokidar/lib/nodefs-handler.js:233:14)
at FSWatcher.NodeFsHandler._handleFile (/home/runner/work/threejs-tower-builder/threejs-tower-builder/node_modules/chokidar/lib/nodefs-handler.js:262:21)
at FSWatcher. (/home/runner/work/threejs-tower-builder/threejs-tower-builder/node_modules/chokidar/lib/nodefs-handler.js:495:21)
at FSReqCallback.oncomplete (fs.js:159:5)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! awesome-tower-builder@ build: rollup -c
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the awesome-tower-builder@ build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/runner/.npm/_logs/2019-11-03T22_46_06_376Z-debug.log
##[error]Process completed with exit code 1.

TweenMax not animating CSS tags

Throttling browser interferes with game FPS

Re-write Gameloop to take into account slower browsers or intentional browser throttling.