JS Ani Scene

Creating content scene using javascritp and keyboard events to move animation characters

Javascript journey

 Not long after i reproduce the moving words up and manage to make it stop moving . After seeing console got no error, ideal struck i can create moving character and make it stop and no error will halt the animation. This went on and add more direction like left and right. The moving animation is smooth but pickup speed is slow. anyway main ideal is just to use keyboard to control it. Not long after i can control a funny walking picture. Then ideal spark after i found that img alt tag can store array text path saving the need to update javascript code every now and then. This ideal when on and i can create jump picture, stand picture, and gravity landing picture. And finally everything went completed. At sofa i start to have a ideal why not use the moving character to change my Play store video which is still picture and voice only. THis ideal spark the ideal what if i can make lots of short animation with this moving character. I start to be a director. But i need to control two or more character even if i programe all key to control it i got only 2 hand to 2 animation. Anyway need to start this scene to update my playstore video

Walking Img change to jumping img and gravity img Done Click to open new window Controlled Character is done, click inside iframe or click link to open new window Alt image array
walk, stand, jump, gravity		 Sound effect
jump, gravity
Next ideal Add another character char 1 keyboard A,D ,space bar
char 2  keyboard 4,6, 0ins
char 3 keyboard j,k,Enter		 there is no more room to handle character unless i make it AI or auto or internet someone control. Anyway 2 char is to start a short JS animation scene. For my play store video

Add office background
Using 3d JS one of the tower floor
Add offfice desk and chair like real office		 officescene.png   Windows 3D file to download.  
Add windows transparent behind is iframe moving clouds    
After JS animation scene complete use Microsoft clipchamp to produce Voice AI from text  export video update play store

Concept of Javascript movie

By combining javascript keyboard controlled animation, with background created i can create a movie like effect for my playstore

Concept of Javascript movie

24 JUN 2024 finally first concept production
Open in other tab.  
Next ideal Add the ending like movie Credits scene one plot of division scroll up Basically THis is already done and just no mood to add in busy with fresh ideal
Next ideal Add browse file button For public to change the office picture to own busy with fresh ideal
Next ideal Male 5 person behind and Femle 5 person behind Make it look like dance pattern move together

Concept of Javascript Dance video

26 JUL 2024 new concept production
Open in other tab.  
Next ideal Add javascript dialogue box As old fashion game all have type text by itself and every one like press skip forever Basically i can do the each char type by itself for wording i need try and error
  Dialogue Box 2, year 2024 An updated with animation speed text char increase and auto sentence array     Dialogue Box 2A with User Enter, year 2024     Dialogue Box 2B Multipler Person with User Enter and story Matrix Array, year 2024

Concept of Javascript movie With Speech system

20 Nov 2024 finally first dialogue box2 added into movie scene just what i wanted
Open in other tab.  

Concept of Javascript Load movie Video files With Speech system

23 Nov 2024 fresh new ideal adding dialogue load a movie video file and creat a speech with video play together system
Open in other tab.  

Speech system on test youtube

1 added into short and around 100 viewer 3 likes this speech system or onion
 

Concept of Javascript Load movie Video files With Speech system

28 Nov 2024 Since my keyboard control can control as many as i like depend on 108 key available. So i decided to try make multiperson dialogue too. And the script is completed i can do 4 person throw dialogue and unique code way to easy fill chat sentence.
Open in other tab.  

Concept of Javascript Load movie Video files With Speech system 4

1 jan 20205 i directly upload full *.webm video and no issue with screen recording and i need it to express some content i just learn
 

Concept of Javascript Load movie Video files With Speech system 4

1 jan 20205 i directly upload full *.webm video and no issue with screen recording and i need it to express some content i just learn.
Open in other tab.  

Reduce Code Concept of Javascript Load movie Video files With Speech system 4

15 jan 20205 i learnt about class Extend and i got the time to reduce coding and Using extend i can reduce even more code,
Also i reduce code for Keyboard into ['a'] in this way when a is keydown it will not need to switch to case 'a' directly key['a'] .do function. Open in other tab.  

Reduce Code Concept of Javascript Load movie Video files With Speech system 5

19 jan 20205 i shrink and combine all common function of speech also and finalize movei 6 with 12 character each ballon speech text but dialogue still 4
Open in other tab.  

Combine of script with speech sound and human matrix Movie 8

20 jan 20205 merge with speech with sound in game and converstion of img instead of alt="a_st.png, security2.png" using evaluation
Open in other tab.