hey guyss i made a mini house , only a room in it using ONSHAPE , it was my first project so it was a bit hard but im so happy with how it turned out
I made a apple bed and a pear shelf and a circular window yayayayy
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?
DEVLOG 4??
i lost count
Anyways! wanted my website to have a cool comments/ contact me/webring kind of thing but it was too much work aand i had no frnds who had webrings sooo i used GISCUS! it was so exciting and easy to do!!
DEVLOG 3:
Worked on the JS code, had a lot of problems in the scroll-up btn so asked my sis..she helped me a lil and now the btn is finally there and working! i still need to add the webring and project;s imgs
DEVLOG 2:
Guys guys! im so so excitedd..made the layout and design of the website today in css, it had aloooot of problems at the beginning but now it works fine, still alpt of things to add here yayayayayyyy
DEVLOG 1:
I am making my personal website hehe, did html work and laid down the basic structure of my website yayayay
DEVLOG #2
JavaScript (Vanilla):
Camera access via navigator.mediaDevices.getUserMedia(), drawing video frames to canvas, converting canvas to image, DOM manipulation, randomized rotation logic, download functionality
the cam is working yayayayayy!!
DEVLOG #1:
Worked on HTML and CSS:
Built the whole Polaroid Booth interface from scratch in a single HTML file.
The HTML sets up a retro camera viewfinder (element), a big red snap button, and a gallery wall where Polaroids pile up. In CSS I added a blue background, a camera module (rounded corners, shadows, a pressable button with a 3D click effect), and each Polaroid card gets its own random rotation via a CSS custom property (–rot) so the wall looks like a real messy photo table.
Expanded the word list by getting the words from official WORDLE game
Created a ‘words.txt’ to store the wordss
added a detailed README
Working on wordle…it is working!(finally)
fixed the errors and now its working yayay!
wordle-like game
made this today..still working on it ..i have the basic structure down just some bugs to correct
hii im making a simple e xploration site…just started it gonna work on it again in the afternooon made using html,css and js!