Mission Control
- 6 Devlogs
- 10 Total hours
a game where you move space ship by you head!
a game where you move space ship by you head!
DEVLOG ??
Shipped but got rejected(again) im gonna be changing everything about this it wont be a hand controlled ship anymore(i hope i dont regret this)
Feedback
Hey there, awesome project, but you seem to have used a lot of AI in your styling. Please rewrite some of it it yourself, its okay if its very simple, but do it yourselves please, as we would like to see how you worked on the project!
Shipwright walkthrough
DEVLOG #5:
(hopefully) last devlog, worked mostly on the html code, the score wasnt showing up properly when game ended so fixed that, debugged the code for tracking sensitivty,didnt do any styling work so i dont have anything to show you guys anyways heres a pic of my code instead :>
DEVLOG # 4:
Changed the project UI from blue to neon greenish color it looks wayyyy better…at first i had a simple triangular shaped spaceship BUT NOW IT LOOKS LIKE A VERYY REAL SPACESHIP
it looked a bit big before, reduced the size now it looks a bit small lmao anyways here is how it looks:
I LOVE THE NEW FONT!!
Feedback
Hey! Thanks for shipping your project. It's not quite ready for voting yet, so here's what we'd like you to change:
- Rework the CSS, right now it looks like every other AI-made site. Give it your own style.
Once you've made these, ship it again and we'll take another look!
Shipwright walkthrough
Feedback
Hello,
Your UI appears to be completely AI-generated, please re-write the frontend yourself.
If you have any questions, DM @kaboom or create a ticket in #ask-the-shipwrights
Shipwright walkthrough
Feedback
Hey [Add name], thanks for submitting your project, but it's not quite ready for voting yet. Here are some changes we would like you to make:
- The README.md is written in a markup language called Markdown; text written in these files can often look quite different to what you think you typed. Take a look at this guide on Markdown: https://www.markdownguide.org/
- Try designing it yourself without the use of AI. We would like to see how you want this project to look, not what an AI thinks is good.
Once you have fixed these issues, resubmit, and we will be happy to review it! If you have any questions, feel free to ask in #ask-the-shipwrights
Shipwright walkthrough
DEVLOG # 3:
FINAL DEVLOG yaayyayyayyyayyyyy
sooo MISSION CONTROL is a browser game you play by moving your head in front of your webcam In case you dont have webcam, dont worry, you can use keyboard!
Sooo I wrotw the JS and CSS code and it all finaallyy works.
In JavaScript I set the camera setup, motion tracking, game state, physics/collision, rendering, main loop.For asteroids,spawnInterval inside update() controls how fast asteroids start appearing.The 0.35 smoothing factor in sampleMotion() and the dt*8 easing in update() control how snappy or floaty the ship feels.Defined all colors once as CSS variables at the top of css file. The canvas size is determined by width/height attributes on canvas (both the HTML attribute and the W/H constants near the top of the script). This runs entirely client-side, at low resolution, so it’s cheap enough to do every frame without a GPU or external API. There’s no face/head-detection model involved.
DEVLOG # 2:
Guyss everything is going southh evrything that coud go wrong went wrong! i cant see the google font i imported, the enable camera button is not working maybe once i write the complete script it will start to function properly..defined te resettgame, startcamera and sampleMotion , the start camera is NOT working idk i should look into it however this is how it looks till now:
(same as before ik lol)
Heyy guys im gonna be making a simple game in HTML,CS and JS where you have a spaceship and have to avoid asteroids(the obstacles) and try to catch the orbs(that increase your score), the twist however is that you dont move with keyboard keys but rather with your head!
Wanted to post a devlog on my progress earlier but power got cut and internet was gonee anyways here is my DEVLOG:
DEVLOG # 1:
In my HTML file, I determined the structure of the project,to stream the wbecam used the video tag and canvas tag for where the game is to be played and then used 3 overlays for start,game over and camera denied screen, also added track sensitivity just in case its no picking up your motion
The CSS fIle gave the look of my game, I first determined the colors,made the background a gradient,then positioned 4 L-shaped boders at each corner.
idk why my google fonts is not working tho
Still need to work on the JS file to determine the logic and functionality
should i change the font size?