Pond is a tranquil home for you to take your mind off what you were doing and to calm you down.
Hosted Here: relaxing-pond.herokuapp.com
Current features include:
- β« Tadpoles β«
- Small little tadpoles that dance around your screen in groups
- π Fish π
- Slightly larger orange Koi fish dart around the screen or gracefully swim around.
- πΌ Lily Pads πΌ
- Large pads which float on the top of the water without a care in the world,
- π Water Effects π
- Move your mouse across the water and leave little waves.
- βΊ Shape βΊ
- The pond has banks to show that the pond isn't endless. It is contained. contained by you!
- From here we have a random assortment of grass and cattails and more!
- πΆ Music πΆ
- No relaxation is perfect without some optional Lo-Fi tunes in the background
Planned features:
- π Day Night Cycle π
- Canvas background colours change over time to show the passing of time is not a bad thing
- β Weather β
- Rain drops to show that rain isn't just for ruining your day but for clearing your mind after a stressful day
- π Food π
- The ability to drop bits of bread and feed the little fish
- Big fishes eat smaller fishes and population management will occur
- π Age π
- You can see the full life cycle of birth to death of a tadpole to a frog and other creatures
- Fish will 'mate' with other fish to make smaller fish and the circle of life continues
- β Optimisation β
- I want your pond to be tailored the way YOU want it therefore I want the program to run faster in general so you can fit as much as you want in it
- π£ FEAR!!!! π£
- A big pointer is scary for the little fishes, so I want this to be represented properly
- Clone or download the repository
- Extract it to a folder
- Open Terminal and navigate to this folder
- Type
npm install
(This may take a couple of minutes...) - Type
npm start
- The website should open automatically here
Redesigned Tadpole movement to use Boids Algorithm
Added another colour scheme "Autumn"
Edited menu to implement tabs plus added a new tab
Added lots of stuff to the menu to make it YOUR pond
Added lots of CSS to the menu to make it look better
Flower Bushes are now randomly placed around
Now uploaded to Heroku
Trees have been created (Sakura Trees)
Started Trees code
Made all entities scalable
Added more fish colours and more shadows!
Colour scheme changed shadows added and fish now have a new shape
Everything will now render randomly across the bank
Cattails and long grass render code has been written
Rocks will now generate around the edge of the pond
Rocks have been started - A random polygon will be created
Fish now will swim away from the edge
Pond edge added - No collisions
Changed water effect to be more cartoon like and general movement fixes
Fish now cause ripples
Made Water effect happen when mouse moves over canvas
Water Effect added
Helpful sliders have been added to customise pond to your own taste
Lily Pads have a 25% chance to have a water lily on it
Lily Pads have simple movement
Lily Pads have been added
Many bugs fixed with fish movement
Fish have 2 states - wiggling and twitching
Fish have been added
Tadpoles now follow the leader
Tadpoles now have a leader
Tadpoles now move
Tadpoles added
https://github.com/christopher4lis/canvas-boilerplate - Used as boilerplate code for Web Pack http://agilerepose.weebly.com/water-ripple.html - Used to create the water effect in water.js - Not used any more but still a great resource https://p5js.org/examples/simulate-flocking.html - Boids Code used for Tadpoles since 2.2.7