In this video I show you how I created the most basic, simple javascript game that you can make yourself. It’s similar to the google dinosaur game that you play when there’s no internet.
If you’re trying to code this and get stuck watch this video before you give up:
LINK TO TRY THE GAME:
LINK TO THE CODE:
Follow me below and reach out if you need any help!
Twitter: www.twitter.com/ShawnJBeaton
Instagram: www.instagram.com/ShawnJBeaton
I create javascript games in their simplest form using only html divs and css animations. They can still be quite fun, and beginner javascript developers can follow along and hopefully learn!
source
Im a little dumb and put "%%" instead of "&&" at 7:26… Sorry!
Wow, super cool! Thanks a lot!
i cant open the .js file
I followed u thru the HTML/CSS bit completely lost at JS 😂 don’t worry tho I’ll get there. Looks fun to try!
Wow
Wow
I am on a quest to find how I can make an array that contains multiple blocks so I can send sets of 2 or 3 blocks
This is all I wanna do to it:
– Change the image of the blocks using background-image:url("…ruta de la imagen ");
– make a double jump by double clicking
– make a better trigger for you lose
– make more randomized blocks coming in the way of the character block.
havent had any luck, I still dont understand JS that much lol
this nigga is whiter than the background
My son loves when the internet goes out….. you can’t trick him even when there’s connection or no connection he’s got a game 🤣🤣🤣
Any way to add a score for number of successful jumps?
i have a quastion i wana make a button that after clicking on that btton game starts
can someone please help me ?
Nice one buddy
very easy to follow. I like how you just got us through it instead of trying to explain every concept. I think for someone starting out, that's helpful to build up some confidence and stop from getting overwhelmed.
yo so when i put %% it says expression expected.. how can i fix this?
Hello KnifeCircus, what should I do about the error "Missing 'use strict' statement" at if(character.classList !="animate"){
Didn't jump after I add the setTimeout Sad haha
Hey man thanks for the video 🙂
What addon/ shortcut do you use on brackets for the autocomplete of tags?
what should i do if the block doesn't appear
I am just learning to code and something strage was happening with my Style file. When setting the top position for the obstacles, they seem to be based on the top of the character for some reason. Would it be possible to send you my code and you can have a look? I fixed the issue but it's strange.
can anyone tell me what button is needed to start the game?
@KnifeCircus Could I suggest that you make your work bigger, and more readable to those watching along?
when my character jumps block jumps aswell
Seen people confused to why the jump function isn't working and not showing error on the console. Check the animation class in style. Css matches the character called in the script. Js function jump
Thanks bro.
How can I change the block and put an image on it instead? Thankss!!
I really really need your help on this. I even copy pasted your links and the everything seems fine but just character won't jump when I click ….
So, I pretty much followed along in Notepad and made three seperate files (.html, .css, .js). Is there a way to make them all work together now to make the game come to life?
can we do this in visual studio code instead of brackets?
if not I can install brackets.
I was just asking because I am a windows user
THNX this helped me a lot
3:25
Awesome video – put so many concepts together and introduced new ones. THANK YOU!
Sir how can i convert space button to jump button
@knifeCircus. Can you please tell me how to add score feature to this?
huhu why the block not running??
I don't know if you still respond to comments on old videos but what do I do if I want to insert my own image as a character instead of using a block?
My js file is not working someone plz help the click attribute is not working ,both the character and block is continuosly jumping
Do we have to include script tag inside of body in the last line or outside of body
Done the whole coding but it's already jumping like before I started to code in js file
This is really really dope
ARE WE ONLY USING JAVASCRIPT
👍