rootVIII / threejs_walking

My ThreeJS Template - Making a character walk

Steps used when project was initially created (else just install using existing package.json):

    
npm init -y
npm install --save three
npm install --save-dev webpack
npm install --save-dev webpack-cli
npm install eslint --save-dev
    

ESLint (then edit .eslintrc.js)

    
eslint --init
    

Check script src in index.html is set to the dist/main.js Webpack build:

    
<script src="./dist/main.js"> </script>
    

Build Webpack DEV dist/main.js and run from project root

    
npm run dev
    

Build Webpack PROD dist/main.js and run from project root

    
npm run prod
    

Make Webpack PROD build only

    
npm run build
    

Other notes:

    
- Easily combine Mixamo model animations:
  https://nilooy.github.io/character-animation-combiner/

- Evenly scale a Mixamo model/object in Blender:
  https://blender.stackexchange.com/a/44738

- Recenter an object in Blender after scaling:
  https://blender.stackexchange.com/a/3217

* The dist/ folder included in this repo has had its paths altered
  in order to serve the project using Github pages. Rebuild the 
  dist/ folder using the above steps if cloning and running locally!
  The package.json uses python3 http server; remove this from the
  'scripts' section if using a different web server for development.

- Use directional arrows to move (hold shift to run).
  Hold 'p' while standing still to throw a haymaker.
    

Try it: https://rootviii.github.io/threejs_walking/