Backstyle Journey
As i say on previous article , Talk about lots of my script this page is dedicated for video recording of my site journey
Begining of Tower and backstyle
BackStyle JSscript Animation 4K the tower with lift system jscript of my favourite game. As 20 years has pass, i need to work to earn money during night time i got spare time to add and holiday and weekends. I make the tower but it is very jerky. I ignore the jerky as i am not animation expert. And spent lots of time refining the lift script. All script is finally match what i had in mid. A blank tower with a moving background which is origin backstyle script. I also ignore the sync part very hard to under stand.
Aincard view
As backstyle script is done easily reproduce and moving cloud is dull so i think of another favourite anime and the background really suite my design ideal. So not to copy the floating city but the cloud. THen just nice i saw some viral video of cloud in air plane. So i try make it myself a real floating city backdrop. The initial is from photoshop i manage to picture same as viral video a cloud base in mid air. Then i add some doge/burn in front layer. It look great with front grey and inner back blue. Then Another idea is make the inner sky small cloud. slowly i manage to get a great mid air view. Weeks pass by suddenly i got another ideal each layer i save to png and export out. And using my backstyle script i move the cloud. Then this great view came to live. Only recent year then i record in video.
Other Recording of backstyle view
As backstyle script is done easily reproduce and moving cloud ,reproducing more video with diffrent backdrop photo i took personally.
Other Recording of backstyle view
As backstyle script is done easily reproduce and moving cloud ,reproducing more video with diffrent backdrop photo i took personally.
Apr 7, 2019 first walking human script
A recording of my first human script walking.
Differnt browser mozilla animation speed
A recording almost complete tower but trying mozilla firefox speed with graphic acceleration, it improve some but it is not the final product.
Finally Complext animation smooth out
A recording complete animation smooth out with a simple math formula by chatgpt advise. Super smooth super sync all jerky solve. I thought i have to rewrite all my script yet 1 simple tweak solve and my script retain. Animation work with little flaw like switching window some human will be displace. But i was to excite to fine tune it.
Finally Adding with sky Day to Night
A recording complete animation with backdrop day to night script. This is quite funny the script and formulat took quite years to look for a suitable formula , as i learn A maths class i went into digging A maths formula. And i know higher is lapace maths which to me is legend math class. A maths is just squeeze in O level and lapace is poly diploma option i didn't enter. Any way fine tune this formula really added with 360 radius i can change background HUE and saturation to specify purle to blue to red just like morning sky . And brightness and darkness for Night.
First AI Graphic solution
A recording using AI to help with my hobby tower. No free time to draw one item at a time. i have to go to work daily.
COmplete AI Floor Tower animation
A recording complete animation help of AI generated graphics to place all my floor. Not free to draw like now as a freelance i place it once and remove all graphic. Just to keep in memory that if i generate all my floor the whole tower would be complete in no time.
Windows Active desktop
Druing windows xp age i dream of making my wallpaper move like those seller making fire pit as background. Since then i already tried some script to move and put as active desktop. Currently some windows 10 app creator make it come true.l And i can add this tower in it. So another recording of it.
Instead of drawing
Windows 10 has free 3d Builder i make that tower using this. And each floor i need to make items slowly one by one.
Audio Need user interaction
Years has pass by and more policy need to attend to it. As audio will not start if user has not click on the page or scroll. this is a recording how i solve it with things learn from Adsmob policy in adroid app making. User need click accept so equal user interaction. INstead of writing tons of script to make it auto play.
Adding Audio HTML5
A recording of HTML5 audio instead of my old script.
Audio change to HTML5
As old script still has error so might as well change to HTML 5, at start some background music stop and i thought it cannot play with the lift sound same time. But i was wrong, i just forget to put loop true to make it continue playing. So worries just auto sovle by it self.
Mobile phone view port
As i was trying to download some file from my own website i realize the phone cannot scroll and i google around and find out that new things again after 10 years there is this viewport that i need to learnt.
searching some documentation i found all parameters and i adjust to the value that works for my whole tower . Which looks and feel greate.
More SEO metadata
IT has been very long since i added meta data and bing master just pointed out that all my keyword title are the same so i make effort to edit all pages and update all. with vblog on this.