ZIM Explore! 04. Sockets! #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

Показать описание

03:15 open same page on other browser and select text, you will see both websites showing same selected text
03:55 examples of sockets egg, receiver, ..
05:50 WEBSITE1: SENDER : start coding
06:00 add extra script for using socketserver
09:50 socket "ready" is sends "connected" to the console
10:08 socket "error" message
12:43 preview1 on black background
13:25 preview2 on grey background
17:27 adding a wait property to the button wait:"SENT"
19:45 Button() has a label: property (not text: property of Label)
21:18 WEBSITE2: RECEIVER : start coding
21:29 nrw Label() to receive sent text
21:16 preview on yellow background
23:20 var label = new Label()
25:00 don't forget S.update()
25:44 preview WEBSITE2
26:24 WEBSITE1 send message to WEBSITE2 but refresh needed
28:28 WEBSITE1 send message to WEBSITE2
29:00 2 WEBSITES 1+2 next to each other send and receive message

Рекомендации по теме

Комментарии

At position 28:50 we showed the sockets working and it was so exciting that we forgot to point out what is in the data parameter. It is an object of the data properties sent as well as an id of the sender. This id can be used to find out more information if needed using various ZIM Socket methods.

ZIMLEARN

ZIM Explore! 04. Sockets! #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 04. Sockets! #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 88. Sockets in NodeJS NPM #JavaScript #Canvas with ZIM #ZIMjs

ZIM Explore! 07. Dashes - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 29. Grava - Multiuser App - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 45. Generator! - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Bubbling: 85. List and Toggle - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 46A. Monster! - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 05. Components - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore: 15. Data - LocalStorage, Async Database - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

Canvas Coding Examples - 14 - Psychic Pixels - with ZIM #HTML #JavaScript #CreateJS #ZIMjs

ZIM Explore! 43. ZIM Interval - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Bubbling: 04. Sprite Updates! - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Bubbling: 94. Intro to TEN Site - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Bubbling: 90. Layer - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 48. Arrays for Gradients and Blob Points - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Bubbling: 02. Chaining - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 30. Grava (2) - Multiuser App - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 19. Animate - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 10. Squiggle - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 06. Canvases - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 16. Pen Holiday Card - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

Phóng to thu nhỏ Canvas với Magic Mouse trong Motion 5.4

ZIM Explore! 38. Stars!! - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs

ZIM Explore! 08. SVG - #HTML #Canvas #JavaScript, #CreateJS, #ZIMjs