Starting With ZIM

3 Likes

I made the timestamps
00:00 start
01:07 ZIM javascript easy to do with https://zimjs.com/editor
01:20 EXPLORE about the first Editor example
02:41 VScode https://code.visualstudio.com extensions to view in browser
03:22 LEARN https://zimjs.com/learn
04:28 EDITOR https://zimjs.com/editor coding free online
04:38 COLORING PICTURE ZIM app (ZAPP) example https://zimjs.com/zapp/Z_ADQEH
04:44 LOGIN free to use and save ZAPPS
04:55 GUIDE info about using the editor
05:12 ZAPPS (ZIM APPS) free DEMO apps,
05:59 find your own SAVED zapps into LISTS
06:35 DEMO ZAPPS you also can find in https://zimjs.com/expo
06:45 FORUM https://forum.zimjs.com
07:11 ZIM website banner with ZAPP DEMOS as pages https://zimjs.com/017/continuous.html
07:49 ZAPP picture animates on path + drag it https://zimjs.com/zapp/Z_9DQMQ
08:00 find the same ZAPP on https://zimjs.com/expo
08:15 BASICS ZAPPS list of different applications to learn coding
08:55 ZAPP TILE with pictures need to be loaded before
09:35 ZAPP shape triangle animates on path + drag it https://zimjs.com/zapp/Z_54QQ2
09:49 PATHS TOOL https://zimjs.com/paths to make path for animation
11:30 rotating it along the path
12:22 TEST with control+S to see the changed code
12:35 triangle can be animated and dragged when setting property drag:true, startPaused:false
13:30 EXPO each wand has a button to open EXPO of printscreen thumbnails of the zapps
13:57 BOOK where you can turn pages of cats https://zimjs.com/zapp/Z_RFYJH
14:35 FULL ZAPPS apps with full control https://zimjs.com/expo/TK6CJCMZVA
14:42 Angle maker : to export a mirrored drawing as an angle https://zimjs.com/zapp/Z_FHC2R
16:12 DOCS tags can be found under each zapp or at https://zimjs.com/docs
16:40 DOCS tags can be typed into SEARCHBOX
17:00 COPY ctrl+C code from the DOCS
17:08 CLEAR right side to start with new code
17:15 new Button() example click TEST
17:20 zog() is text logging into the console.log() with F12 or Ctrl+shift+i
18:04 new Button() explained properties width, height, label:text
18:22 function with no name can be made when mousedown or .tap() or arrowfunction
18:34 function doit when tapping the mousedown on button .tap(doit)
20:15 FEATURED TOOL n-slicing https://zimjs.com/slider
19:27 Frame F.color is the stagecolor
19:40 Frame F.outerColor is needed when the stagesize is smaller than the mobile device
20:20 EXAMPLES https://zimjs.com/examples
20:29 TOOL n-slicing : repeat parts of picture when stretching picture https://zimjs.com/slicer
20:48 FULL DRAWING APP as photoshop working with layers and pens https://zimjs.com/genpen
23:49 emitter.spurt() a total amount of seconds to emit objects
45:50 javascript animation with GreenSock.com in DOM
46:01 createJS has tweenJS where ZIM uses it in the BOM
47:01 rotate Button with props https://zimjs.com/cat/easeexamples
48:01 easing linear or none check https://zimjs.com/cat/ease
49:01 wiggle Button
49:10 ZIM EXPLORE VIDEOS https://zimjs.com/youtube
40:12 ZIM EXPLORE LIST https://www.youtube.com/watch?v=KHmxhFFSsxk&list=PLCIzupgRt1paK03izl-jTAaUhVzQZxoNM
49:13 ZIM EXPLORE examples on https://zimjs.com/explore
49:15 ZIM BUBBLING VIDEOS https://www.youtube.com/watch?v=R81uUfEsiOc&list=PLCIzupgRt1pYtMlYPtNTKCtztFBeOtyc0
49:45 ZIM CODE ZERO VIDEOS https://www.youtube.com/watch?v=CLCC8PPoz4o&list=PLCIzupgRt1pacJpbW84CCGgbTj3VoXoFM
50:05 ZIM KIDS TUTURIALS on https://zimjs.com/kids
50:18 CAT OwMe (as follow up after Scratch (Junior) has also a cat)
50:28 GOLD bar with buttons INTRO MAP TIPS SKOOL KIDS VIDS BEAM
50:40 SKOOL https://zimjs.com/skool basic lessons 1 to 6
50:45 KIDS < ZIM Kids | Teleport 
51:00 new tuturials with AI pictures
51:25 ZIM KIDS ZAPPS https://zimjs.com/zapps open in https://zimjs.com/SLATE
51:35 MAGIC https://zimjs.com/magic for kids
51:10 SLATE https://zimjs.com/SLATE or https://zimjs.com/kids/slate
52:30 F.zapp_assets for pictures ASSETS PIC ai_monster17
01:00:00 F.zapp_assets SOUNDS audio creatures "monster.mp3"
01:01:05 Editor const growl = new Aud("monster.mp3").play()
01:01:35 summary of what the function will do by tap on the monster
01:01:48 you need interaction with object, before you can play a sound!
01:02:02 new Pane("play").show(playGame) after tap = close pane and play
01:02:55 searching a good sound Aud() for the backing sound
01:03:40 F.zapp_assets array with long sound flowers-of-osaka.mp3
01:04:00 function PlayGame(){ } can play a long backing sound
01:04:22 .play(.2, true) volume .2 and loop:true to repeat sound
01:05:20 let monster disappear with monster.dispose(); into function doit
01:06:19 monster.animate({scale:"-.2") relative scaling each time
01:09:35 GO from KIDS to ZIM EXAMPLES to find other emitter exampels
01:10:00 COLLECTIONS PARTICALS fire example: how to make FLAME:
01:10:20 MAGICAL new Emitter() TOOL https://zimjs.com/016/emitter
01:10:54 choose emit: CIRCLES, TRIANGLES, STARS, SMOKE, FLAKES, FLAME
01:11:04 FLAME to make a fire go upwards change settings
01:12:59 TO DO IT YOURSELF: make a more fun emitter now
01:13:24 do make to monster go disapear with a fun cool effect
01:12:30 closing words from Dr. Abstract https://zimjs.com/syno
01:13:40 go to the LEARN section https://zimjs.com/learn
01:13:50 VIDEOS BASICS https://www.youtube.com/watch?v=G4K0PwtwXRQ&list=PLCIzupgRt1pYPy1ufRjssbGuPKMviuFvB
01:13:54 VIDEOS FIVE 5 minutes exampels https://www.youtube.com/watch?v=5Xj8IBd-7E8&list=PLCIzupgRt1pbdu4nqdoMw4TuVRXAqaLXJ&ab_channel=ZIMLEARN
01:14:01 creating art on codepen https://zimjs.com/art and https://codepen.io/zimjs
01:14:28 Greetings from Dr. Abstract

3 Likes