/farmyard-fight-club

Primary LanguageJavaScript

Farmyard Fight Club

A Three.js 3D Coronavirus Codealong

INSTRUCTIONS

# Clone this repo to somewhere familiar:
cd ~
git clone https://github.com/textchimp/farmyard-fight-club.git

# Go there:
cd farmyard-fight-club

# Open editor
atom .

# Recommended: install 'reload' package
npm install -g reload

# Start reload server
reload

# (NOTHING TO SEE YET)
# (AWAIT FURTHER INSTRUCTIONS)

# Why not download some Zoom virtual background videos while you wait:
# https://pixabay.com/videos/search/abstract/

screenshot

GOALS

  • Make a fun game and have fun
  • Learn about stuff like 3D graphics and game logic and maths and stuff
  • Practice coding
  • Catchup... so lonely

Plan

  • Make a 3D scene using three.js
  • Create some objects: cube, land, backgrounds
  • Load some 3D models
  • Animate the models, switch between animations
  • Animation render loop
  • Controls: move character using keyboard
  • Camera POV changes: from world to player

Dreams / Wishlist

  • More models!
  • Decent game AI?????
  • Higher-res skybox images
  • More actual game logic - how do you play the game? Do you just knock over other animals? Can you shoot them with laser beams from your eyes? Can you push each other off the edge of a platform?
  • Huge explosions
  • Sounds! Footsteps etc, dying sounds
  • Networked multiplayer mode - Firebase?

CREDITS

3D Character Models: https://opengameart.org/users/quaternius

3D Scenery Models: https://www.cgtrader.com/free-3d-models/plant/other/low-poly-trees-d9e99730-93d6-4564-a477-7ec52a990a3c

Grass texture: https://github.com/mxro/threejs-test/tree/master/test4/public/textures

Inspiring tutorial: https://threejsfundamentals.org/threejs/lessons/threejs-game.html

Backgrounds & skyboxes: https://threejsfundamentals.org/threejs/lessons/threejs-backgrounds.html