Javascript Beer Pong - How to Code Javascript Games

preview_player
Показать описание
Today I show you how I created a beer pong website! It's made with html, css and regular javascript.

You start with the ball moving top to bottom by a css animation, and you click to stop it at the desired height. Then it starts moving side to side. You click again to shoot the ball. If it lands on a cup then it gets removed and you shoot again. Keep going until you hit all six cups!

Leave a comment below telling me how long it takes you to complete!

  1. KnifeCircus
  2. Javascript
  3. Beer Pong
  4. Javascript Game
  5. How to code
  6. how to code javascript
Рекомендации по теме
Javascript Beer Pong 0:08:36

Javascript Beer Pong - How to Code Javascript Games

HangPhan.HữuCơ Beer Pong 0:01:49

HangPhan.HữuCơ Beer Pong Basic Game , JavaScript

Beer pong game 0:01:35

Beer pong game

Beginner Javascript Game 0:08:38

Beginner Javascript Game made with HTML, CSS & JS

Div Stacker Arcade 0:03:20

Div Stacker Arcade Game - How to Code Javascript Games

Html5 Canvas Game 0:21:34

Html5 Canvas Game Tutorial [Javascript] - Entwicklung von Pong #2

Set Scrolling Text 0:00:27

Set Scrolling Text Animation - Beer Pong Table

Dev Log 4: 0:24:51

Dev Log 4: Ice Cold Beer mechanical arcade game port to web Graphics & Tilemap, Phaser JS Javasc...

Html5 Canvas Game 0:17:58

Html5 Canvas Game Tutorial [Javascript] - Entwicklung von Pong #3

ARKit Beer Pong 0:00:41

ARKit Beer Pong Demo

Ice Cold Beer 0:12:52

Ice Cold Beer Arcade Build: Dev Log 1 Mechanical game port to web programmed in Javascript Phaser

MEMAINKAN GAME - 0:03:36

MEMAINKAN GAME - Pong

BEER API with 0:00:29

BEER API with food pairings!!!

My Gaming Website 0:13:30

My Gaming Website Portfolio

Javascript Project: NHL/NBA 0:03:59

Javascript Project: NHL/NBA 2020 Playoff Simulator

Winning Prizes with 0:12:32

Winning Prizes with my Coding Knowledge

Awesomeology Episode 68 0:03:11

Awesomeology Episode 68 - Beer Pong Trick Shots, Idea Paint, Browser Ball & More!

Cup Pong AR 0:00:32

Cup Pong AR - Online Multiplayer Demo

Build Your Own 0:11:18

Build Your Own Memory Card Game with HTML, CSS, and JavaScript - Beginner-Friendly Tutorial

Beer Pong Speed 0:00:48

Beer Pong Speed Run

This can happen 0:00:28

This can happen in Thailand

Beer Pong VR 0:02:54

Beer Pong VR Game - Physics driven - Unreal Engine 4

Loader 'Бокал пива' 0:11:36

Loader 'Бокал пива' c загрузкой в процентах на CSS и Javascript...

Web Development: How 0:06:53

Web Development: How to Debug Javascript Games with Chrome Debugging Tools

Комментарии
Автор

Awesome stuff Shawn, very creative as always! 57 seconds was my PB :) Hope things are good with you in the midst of all this craziness!

UnhistoricActs
Автор

You are the best person ever on YouTube shawn b

derekaldrich
Автор

Hey, nice work there ! Looks fun good idea.

How long you've been coding it ?

martinguzlej
Автор

the only thing i'd add is - write more structured - ie a function called isInCup() - etc.. to make the code more readable

psychomonk
Автор

Hi
I want to use your code(easiest game ever - Jump Game) for my HTML book.
Let me know is there any copyright issues if i use the
kindly reply

sahanalr
Автор

hi, speak game play guitarra, noob and study

walney
visit shbcf.ru