Categories
video creation

HLC: Whiteboard Animation

Yes, no need to spend those hundreds of dollars on a whiteboard animation using same old media which even your competitor will use. Draw up your own unique whiteboard and excel NOW!

Video Creation Steps:

Setup you base media
  • You can create the image on paper or on ppt which you want to be drawn.
  • Once above image is ready, you can break it up into pages if you want camera to move page to page (to get “next page” experience)
  • You will need a “Hand with a pen” image (or could be a gif). Pen could be replaced with chalk or pencil etc.
  • For the writing instrument (pen/ pencil etc.), select appropriate “ink” image. For pen it could be a blue or black circle.
Setting up media for usage

Load the image in Meme’er storyboard for few frames.

Trace the outlined image which you wanted to be drawn in the sequence you want it to be drawn.

Do the standard transparent movie creation on frames created using the coordinates

And that’s all. One by one, you can create as many pages as you wish (we have created 4 here)

Summary:

  1. Human voice might be better suited for some cases, suit yourself!
  2. The basic video creation is very easy, and could be done by a grade 2 student. The final touch take time and patience 🙂
  3. This involves creativity, so unless you feel fresh, better to wait for the tide to get the best idea and implement it better!
  4. There are many places to get vector images. Suit yourself with the one you feel most comfortable with.
Final Story
camera @(0,-300,0,0,0,0,1,1,1)-@(-70,-120,45,-70,0,45,1,1,1) #1-#50
ground @(-40,2,30,0,0,0,1,1,1) #1
first page @(-70,0,45,0,0,0,1,1,1) #51-#1050
pen @(-71,-.1,44,0,0,0,.25,1,.25) @f(T_img001) #51-#990
first image @(-70,-.1,45,0,0,0,.65,1,.65) #1000
camera @(-70,-120,45,-70,0,45,1,1,1)-@(10,-120,35,10,0,35,1,1,1) #1101-#1200
another second page @(10,0,35,0,0,0,1,1,1) #1201-#1900
pen @(8,-.1,34,0,0,0,.25,1,.25) @f(T_img002) #1201-#1860
another second image @(10,-.1,35,0,0,0,.65,1,.65) #2501
camera @(10,-120,35,10,0,35,1,1,1)-@(0,-120,0,0,0,0,1,1,1) #1901-#2000
another third page @(0,0,0,0,0,0,1,1,1) #2001-#2500
pen @(0,-.1,0,0,0,0,.25,.25,.25) @f(T_img003) #2001-#2450
another third image @(0,-.1,0,0,0,0,.65,1,.65) #2501
camera @(0,-120,0,0,0,0,1,1,1)-@(-70,-120,0,-70,0,0,1,1,1) #2325-#2400
icon @(-90,0,0,0,0,0,.5,1,.5) #2301-#2700
banner @(-55,0,0,0,0,0,.56,1,.56) #2301-#2700
camera @(-70,-120,0,-70,0,0,1,1,1)-@(0,-350,0,0,0,0,1,1,1) #2701-#2800

Categories
video creation

HLC: Explainer videos explained

This is more like a basic coverup tutorial on how to create explainer tutorial. But the basic premise and methodology remains same.

Video Creation Steps:

List of media used by us (Credits list)
Overall summary for video

Our model greets the viewer

He tells them on the benefits of explainer videos

Cost and ease comparision between Meme’er and other tools

Who can benefit and other use cases for explainer video

Call to action to start creating explainer videos

And that’s all. Story could be as long as needed. Wanna improve further?

Summary:

  1. Human voice might be better suited for some cases, suit yourself!
  2. The basic video creation is very easy, and could be done by a grade 2 student. The final touch take time and patience 🙂
  3. This involves creativity, so unless you feel fresh, better to wait for the tide to get the best idea and implement it better!
  4. There are many places to get vector images. Suit yourself with the one you feel most comfortable with.
Final Story
white pen @(0,1,0,0,0,0,1000,1,1000) #1-#1800
fifth emotion @(0,0,0,0,0,0,.3,.3,.3) #1-#75
first subtext @(-20,0,0,0,0,0,1,1,1) #1-#75
fifth emotion @(0,2,0,0,0,0,.3,.3,.3) #76-#80
first subtext @(-20,0,0,0,0,0,1,1,1)-@(-70,0,0,0,0,0,1,1,1) #76-#80

another third emotion @(0,0,0,0,0,0,.3,.3,.3) #76-#150
second another subtext @(0,0,-20,0,0,0,1,1,1) #76-#150
third emotion @(0,2,0,0,0,0,.3,.3,.3) #151-#160
second subtext @(0,0,-20,0,0,0,1,1,1)-@(0,0,-40,0,0,0,1,1,1) #151-#160

third presentation @(0,0,0,0,0,0,.3,.3,.3) #150-#300
third another subtext @(0,0,-20,0,0,0,.6,.6,.6) #150-#300
third presentation @(0,2,0,0,0,0,.3,.3,.3) #301-#310
third subtext @(0,0,-20,0,0,0,.6,.6,.6)-@(0,0,-40,0,0,0,.7,.7,.7) #301-#310

book @(0,0,0,0,0,0,.3,.3,.3) #301-#500
another top fourth subtext @(0,0,20,0,0,0,.6,.6,.6) #301-#500
bottom fourth another subtext @(0,0,-20,0,0,0,.6,.6,.6) #301-#500
book @(0,2,0,0,0,0,.3,.3,.3) #501-#510
top fourth subtext @(0,0,20,0,0,0,.6,.6,.6)-@(0,0,40,0,0,0,.6,.6,.6) #501-#510
bottom subtext @(0,0,-20,0,0,0,.6,.6,.6)-@(0,0,-40,0,0,0,.6,.6,.6) #501-#510

another second presentation @(0,0,0,0,0,0,.3,.3,.3) #501-#600
crowd @(0,0,0,0,0,2,.27,1,.3) #501-#600
another 051 subtext  @(0,0,-20,0,0,0,.6,.6,.6) #501-#600
second presentation @(0,2,0,0,0,0,.3,.3,.3) #601-#610
crowd @(0,2,0,0,0,0,.35,.35,.35) #601-#610
051 subtext @(0,0,-20,0,0,0,.6,.6,.6)-@(0,0,-40,0,0,0,.6,.6,.6) #601-#610

another second emotion @(0,0,0,0,0,0,.3,.3,.3) #601-#750
another 052 subtext @(0,0,20,0,0,0,.6,.6,.6) #601-#750
another 053 subtext @(0,0,-20,0,0,0,.6,.6,.6) #625-#750
second emotion @(0,2,0,0,0,0,.3,.3,.3) #751-#760
052 subtext @(0,0,20,0,0,0,.6,.6,.6)-@(0,0,40,0,0,0,.6,.6,.6) #751-#760
053 subtext @(0,0,-20,0,0,0,.6,.6,.6)-@(0,0,-40,0,0,0,.6,.6,.6) #751-#760

superhero @(0,0,0,0,0,0,.3,.3,.3)-@(0,0,-20,0,0,0,4,4,4) #751-#950
another sixth subtext @(0,-1,-20,0,0,0,1,1,1) #751-#950
bicon @(0,-1,3,0,0,0,.1,.1,.1)-@(0,-1,10,0,0,0,.9,.9,.9) #751-#950
superhero @(0,2,0,0,0,0,.3,.3,.3) #951-#960
sixth subtext @(0,2,-20,0,0,0,1,1,1) #951-#960
bicon @(0,2,-20,0,0,0,1,1,1) #951-#960

another seventh subtext @(-10,0,10,0,0,0,2,2,2) #950-#1000
another eighth subtext @(20,0,-10,0,0,0,2,2,2) #1000-#1100
seventh subtext @(-10,2,10,0,0,0,2,2,2) #1101
eighth subtext @(20,2,-10,0,0,0,2,2,2) #1101

icon @(-35,0,10,0,0,340,.3,.3,.3) #1101-#1150
icon @(-35,0,10,0,0,340,.3,.3,.3)-@(-35,0,10,0,0,0,.3,.3,.3) #1600-#1650
icon @(-35,0,10,0,0,0,.3,.3,.3)-@(-35,0,10,0,0,0,.6,.6,.6) #1650-#1750
logo @(-12,0,18,0,0,340,2,2,2) #1101-#1150
logo @(-12,0,18,0,0,340,2,2,2)-@(-10,0,10,0,0,360,2,2,2) #1600-#1650
logo @(-10,0,10,0,0,360,2,2,2)-@(10,0,10,0,0,360,4,4,4) #1650-#1750

policeman @(-25,-5,-15,0,0,0,.4,.4,.4) #1151-#1200
policeman @(-25,-5,-15,0,0,0,.4,.4,.4)-@(-25,5,-15,90,0,0,.4,.4,.4) #1351-#1400
first funguy @(-25,5,-15,270,0,0,.4,.4,.4)-@(-25,-5,-15,360,0,0,.4,.4,.4) #1401-#1450
first funguy @(-25,-5,-15,0,0,0,.4,.4,.4)-@(-25,5,-15,90,0,0,.4,.4,.4) #1501-#1550
professor @(-25,5,-15,270,0,0,.4,.4,.4)-@(-25,-5,-15,360,0,0,.4,.4,.4) #1551-#1600
professor @(0,2,0,0,0,0,1,1,1) #1601-#1610

policewoman @(0,-5,-15,0,0,0,.4,.4,.4) #1151-#1200
policewoman @(0,-5,-15,0,0,0,.4,.4,.4)-@(0,5,-15,90,0,0,.4,.4,.4) #1351-#1400
another second funguy @(0,5,-15,90,0,0,.4,.4,.4)-@(0,-5,-15,0,0,0,.4,.4,.4) #1401-#1450
second funguy @(0,2,0,0,0,0,1,1,1) #1601-#1610

fireman @(25,-5,-15,0,0,0,.4,.4,.4) #1251-#1350
fireman @(25,-5,-15,0,0,0,.4,.4,.4)-@(25,5,-15,90,0,0,.4,.4,.4) #1451-#1500
fashion @(25,5,-15,90,0,0,.4,.4,.4)-@(25,-5,-15,0,0,0,.4,.4,.4) #1501-#1550
fashion @(0,2,0,0,0,0,1,1,1) #1601-#1610

another ninth subtext @(0,0,0,0,0,0,.5,.5,.5) #1101-#1200
ninth subtext @(0,0,0,0,0,0,.5,.5,.5)-@(100,0,0,0,0,0,.5,.5,.5) #1201-#1210
another tenth subtext @(0,0,0,0,0,0,.5,.5,.5) #1201-#1300
tenth subtext @(0,0,0,0,0,0,.5,.5,.5)-@(-100,0,0,0,0,0,.5,.5,.5) #1301-#1310
another eleven subtext @(0,0,0,0,0,0,.5,.5,.5) #1301-#1400
eleven subtext @(0,0,0,0,0,0,.5,.5,.5)-@(100,0,0,0,0,0,.5,.5,.5) #1401-#1410
another twelve subtext @(0,0,0,0,0,0,.5,.5,.5) #1401-#1500
twelve subtext @(0,0,0,0,0,0,.5,.5,.5)-@(100,0,0,0,0,0,.5,.5,.5) #1501-#1510
another thirteen subtext @(0,0,0,0,0,0,.5,.5,.5) #1501-#1600
thirteen subtext @(0,0,0,0,0,0,.5,.5,.5)-@(100,0,0,0,0,0,.5,.5,.5) #1601-#1610
another fourteen subtext @(0,0,0,0,0,0,.5,.5,.5)-@(0,0,-10,0,0,0,1,1,1) #1601-#1700
another fifteen subtext @(0,0,-20,0,0,0,1,1,1) #1701-#1800

Categories
video creation

HLC: Image background removal

This is more like a basic tutorial on how to perform background removal in videos and then layer them one over another.

Video Creation Steps:

List of media used by us (Credits list)
Video Background removal

For this challenge, we had decidedly chosen non standard color, hence manual correction was done

Daffodil : [[5, 10, 10], [32, 36, 240]]

Alarm clock : [[15,150,10], [21,250,250]]

The fire worked fine with “black all” option

Extras*

The clock video we got had 256 frames only while the flower had 1410. Hence we set the FPS for clock video to be 1/6 th of the original value so that they both can complete together.

Final Story
woman @(-20,2,20,0,0,0,.5,.5,.5) #1
alarm @(0,0,0,0,0,0,.893,.893,.893) #1-#1410
fire @(-40,1,0,0,0,0,1.78,1.78,1.78) #1-#1410
flower @(-27,0,0,0,0,0,.893,.893,.893) #1-#1410
Video background removal

And that’s all. This was indeed quite simple. Wanna improve further?

Summary:

  1. The memory almost hid the wall as we had 3 HD videos, plus an image, all playing at the same time.
  2. If you have lower specs but large files (more than 3-4 thousand frames), the better (and sensible) option will be to break the video in parts (by creating models manually with limited frames) and then merge finally.
Categories
3DMovement

HLC: Got home, sans phone

This is again a 2.5 D video, the images comes first, then we let the actor play around on it.

Story

Scene 1
eatery @(0,10,0,0,0,0,.6,.6,.6) #1
lady is feeling sleepy @(44,0,-32,225,0,0,.7,.7,.7) #1-#400
legs of lady walks #401-#500
hands of lady is feeling sleepy @(44,0,-28,300,0,0,.7,.7,.7)-@(4,0,-29,305,0,0,.9,.9,.9) #401-#500
Scene 2
stairs @(0,10,0,0,0,0,.7,.7,.7) #1
lady repeatedly walked upstairs @(0,0,-38,0,0,0,2,2,2)-@(0,0,10,0,0,0,.5,.5,.5) #1-#150
Scene 3
bedroom @(0,10,0,0,0,0,.7,.7,.7) #1
lady looking down @(20,0,-35,0,0,0,2,2,2) #1-#130

Ans thats pretty much it! Tell me honestly does it even look like a 1 hour job?

Coming home sleepy, phone lost :'(

And that’s all. This was indeed quite simple. Wanna improve further?

Summary:

  1. This time instead of putting everything at once, we split it into scenes
  2. 3 scenes, each telling the story
Categories
animation

HLC: TOKYO, Watch out for the Indians flying in!

We have not been able to update new challenge for some time owing to a bug report. Anyway, here is the latest, it is less on 3d models, and more on video and image processing. Hope you all love it. And what matters more for now, show your support to the Indian team at MyGov Campaign.

Video Creation Steps:

Creation of all necessary media
  1. Copy the feature image from above link.
  2. Now, we create 2 parts from this image, the left and the right one with players.
  3. We ran the player image through IBRT for background removal, which worked to our expectations.
  4. We created a doodle image, a pencil sketch and a cartoon illustration for the player part of the image.
Doodle Video

For this time, instead of using logic we use the “generate” action keyword (generate item) as the picture was quite wide. And we use the hand pen image with the same doodle coordinates. We changed from 8400 frame of doodle to 375.

Sketch and Cartoon Video

Pretty standard, single layer of black cover coming from right for the sketch and linear increasing size of cartoon.

Final Story
main left page @(0,.5,0,0,0,0,1.46,1,1.46) #1-#125
main left page @(0,.5,0,0,0,0,1.46,1,1.46)-@(160,.5,0,0,0,0,1.46,1,1.46) #126-#375
players @(0,.4,0,0,0,0,1.46,1,1.46) #1-#250
players @(0,.4,0,0,0,0,1.46,1,1.46)-@(-160,.4,0,0,0,0,1.46,1,1.46) #251-#500
picture doodle @(0,.4,0,0,0,0,1.46,1,1.46) #401-#800
sketch load @(0,.3,0,0,0,0,1.46,1,1.46) #801-#900
cartoon @(0,.2,0,0,0,0,0,1,0)-@(0,.2,0,0,0,0,1.46,1,1.46) #900-#1100
another full page @(-51.5,.1,0,0,0,0,1.19,1,1.19) #1101-#1200
full page @(-51.5,.1,0,0,0,0,1.19,1,1.19)-@(0,.2,0,0,0,0,1.19,1,1.19) #1201-#1300
full page @(0,.1,0,0,0,0,1.19,1,1.19) #1301-#1400 "BEST WISHES TO TEAM INDIA"
CHEERS FOR TEAM INDIA

And that’s all. This was indeed quite simple. Wanna improve further?

Summary:

  1. No summary this time, we are very serious about sports! We ran after dangling tabs all day, jump over leaky bugs before they could fly, we pull up long pending feature requests (mostly to put it in another queue) all meetings, we can even crash the internet based on the size of error stack we have, but we do not do that, as then we cannot read reddit!
Categories
animation

HLC: 3D Coordinate System UI

Over last few documents, one things comes up again and again that the coordinate system of Meme’er, is, well… a bit difficult. So, this time we have created a logical which you can use in story. This is less of a model based story and more of a act setup we have done this time.

Model lady_polka_01

So, to summarize this logical will create 3D coordinate system in the background which will help you to decide the coordinates. Also, in this we are not using any models, so you need not copy over any files to use this.

Logical Name: setup the coordinate system
Logical text:
line is drawn @(-200,0,0,0,0,0,1,1,1)-@(100,0,0,0,0,0,1,1,1) #1-#3
line is drawn @(0,-200,0,0,0,0,1,1,1)-@(0,100,0,0,0,0,1,1,1) #1-#3
line is drawn @(0,0,-200,0,0,0,1,1,1)-@(0,0,100,0,0,0,1,1,1) #1-#3


line is drawn @(-50,-5,0,0,0,0,1,1,1)-@(-50,2.5,0,0,0,0,1,1,1) #1-#3
line is drawn @(-40,-5,0,0,0,0,1,1,1)-@(-40,2.5,0,0,0,0,1,1,1) #1-#3
line is drawn @(-30,-5,0,0,0,0,1,1,1)-@(-30,2.5,0,0,0,0,1,1,1) #1-#3
line is drawn @(-20,-5,0,0,0,0,1,1,1)-@(-20,2.5,0,0,0,0,1,1,1) #1-#3
line is drawn @(-10,-5,0,0,0,0,1,1,1)-@(-10,2.5,0,0,0,0,1,1,1) #1-#3
line is drawn @(10,-5,0,0,0,0,1,1,1)-@(10,2.5,0,0,0,0,1,1,1) #1-#3
line is drawn @(20,-5,0,0,0,0,1,1,1)-@(20,2.5,0,0,0,0,1,1,1) #1-#3
line is drawn @(30,-5,0,0,0,0,1,1,1)-@(30,2.5,0,0,0,0,1,1,1) #1-#3
line is drawn @(40,-5,0,0,0,0,1,1,1)-@(40,2.5,0,0,0,0,1,1,1) #1-#3
line is drawn @(50,-5,0,0,0,0,1,1,1)-@(50,2.5,0,0,0,0,1,1,1) #1-#3

line is drawn @(-50,0,-5,0,0,0,1,1,1)-@(-50,0,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(-40,0,-5,0,0,0,1,1,1)-@(-40,0,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(-30,0,-5,0,0,0,1,1,1)-@(-30,0,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(-20,0,-5,0,0,0,1,1,1)-@(-20,0,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(-10,0,-5,0,0,0,1,1,1)-@(-10,0,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(10,0,-5,0,0,0,1,1,1)-@(10,0,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(20,0,-5,0,0,0,1,1,1)-@(20,0,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(30,0,-5,0,0,0,1,1,1)-@(30,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(40,0,-5,0,0,0,1,1,1)-@(40,0,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(50,0,-5,0,0,0,1,1,1)-@(50,0,2.5,0,0,0,1,1,1) #1-#3


line is drawn @(-5,-50,0,0,0,0,1,1,1)-@(2.5,-50,0,0,0,0,1,1,1) #1-#3
line is drawn @(-5,-40,0,0,0,0,1,1,1)-@(2.5,-40,0,0,0,0,1,1,1) #1-#3
line is drawn @(-5,-30,0,0,0,0,1,1,1)-@(2.5,-30,0,0,0,0,1,1,1) #1-#3
line is drawn @(-5,-20,0,0,0,0,1,1,1)-@(2.5,-20,0,0,0,0,1,1,1) #1-#3
line is drawn @(-5,-10,0,0,0,0,1,1,1)-@(2.5,-10,0,0,0,0,1,1,1) #1-#3
line is drawn @(-5,10,0,0,0,0,1,1,1)-@(2.5,10,0,0,0,0,1,1,1) #1-#3
line is drawn @(-5,20,0,0,0,0,1,1,1)-@(2.5,20,0,0,0,0,1,1,1) #1-#3
line is drawn @(-5,30,0,0,0,0,1,1,1)-@(2.5,30,0,0,0,0,1,1,1) #1-#3
line is drawn @(-5,40,0,0,0,0,1,1,1)-@(2.5,40,0,0,0,0,1,1,1) #1-#3
line is drawn @(-5,50,0,0,0,0,1,1,1)-@(2.5,50,0,0,0,0,1,1,1) #1-#3

line is drawn @(0,-50,-5,0,0,0,1,1,1)-@(0,-50,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(0,-40,-5,0,0,0,1,1,1)-@(0,-40,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(0,-30,-5,0,0,0,1,1,1)-@(0,-30,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(0,-20,-5,0,0,0,1,1,1)-@(0,-20,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(0,-10,-5,0,0,0,1,1,1)-@(0,-10,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(0,10,-5,0,0,0,1,1,1)-@(0,10,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(0,20,-5,0,0,0,1,1,1)-@(0,20,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(0,30,-5,0,0,0,1,1,1)-@(0,30,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(0,40,-5,0,0,0,1,1,1)-@(0,40,2.5,0,0,0,1,1,1) #1-#3
line is drawn @(0,50,-5,0,0,0,1,1,1)-@(0,50,2.5,0,0,0,1,1,1) #1-#3


line is drawn @(-5,0,-50,0,0,0,1,1,1)-@(2.5,0,-50,0,0,0,1,1,1) #1-#3
line is drawn @(-5,0,-40,0,0,0,1,1,1)-@(2.5,0,-40,0,0,0,1,1,1) #1-#3
line is drawn @(-5,0,-30,0,0,0,1,1,1)-@(2.5,0,-30,0,0,0,1,1,1) #1-#3
line is drawn @(-5,0,-20,0,0,0,1,1,1)-@(2.5,0,-20,0,0,0,1,1,1) #1-#3
line is drawn @(-5,0,-10,0,0,0,1,1,1)-@(2.5,0,-10,0,0,0,1,1,1) #1-#3
line is drawn @(-5,0,10,0,0,0,1,1,1)-@(2.5,0,10,0,0,0,1,1,1) #1-#3
line is drawn @(-5,0,20,0,0,0,1,1,1)-@(2.5,0,20,0,0,0,1,1,1) #1-#3
line is drawn @(-5,0,30,0,0,0,1,1,1)-@(2.5,0,30,0,0,0,1,1,1) #1-#3
line is drawn @(-5,0,40,0,0,0,1,1,1)-@(2.5,0,40,0,0,0,1,1,1) #1-#3
line is drawn @(-5,0,50,0,0,0,1,1,1)-@(2.5,0,50,0,0,0,1,1,1) #1-#3

line is drawn @(0,-5,-50,0,0,0,1,1,1)-@(0,2.5,-50,0,0,0,1,1,1) #1-#3
line is drawn @(0,-5,-40,0,0,0,1,1,1)-@(0,2.5,-40,0,0,0,1,1,1) #1-#3
line is drawn @(0,-5,-30,0,0,0,1,1,1)-@(0,2.5,-30,0,0,0,1,1,1) #1-#3
line is drawn @(0,-5,-20,0,0,0,1,1,1)-@(0,2.5,-20,0,0,0,1,1,1) #1-#3
line is drawn @(0,-5,-10,0,0,0,1,1,1)-@(0,2.5,-10,0,0,0,1,1,1) #1-#3
line is drawn @(0,-5,10,0,0,0,1,1,1)-@(0,2.5,10,0,0,0,1,1,1) #1-#3
line is drawn @(0,-5,20,0,0,0,1,1,1)-@(0,2.5,20,0,0,0,1,1,1) #1-#3
line is drawn @(0,-5,30,0,0,0,1,1,1)-@(0,2.5,30,0,0,0,1,1,1) #1-#3
line is drawn @(0,-5,40,0,0,0,1,1,1)-@(0,2.5,40,0,0,0,1,1,1) #1-#3
line is drawn @(0,-5,50,0,0,0,1,1,1)-@(0,2.5,50,0,0,0,1,1,1) #1-#3

And that’s all. To load the coordinate system for any of your video, just type in “setup the coordinate system” (or anything similar in English), and it should work (see screenshot on top or the YT video).

Summary:

  1. Honestly it looks long wall of text, took some 30 minutes in excel as most values are repeat. but we believe it will be far more beneficial for users, especially kids or moms and dads who are not using coordinate system in daily life.
  2. The end user will just have to copy this logical into his project and type “setup the coordinate system” to generate all the lines
Categories
3DMovement

HLC: Mani meets Shani

So, in our last experience, we spent most time getting coordinates together to work well with pictures we had. Hence this time, we decided that this time we will allow for far more human to human interaction rather than depending on Pexels and Pixabay. We choosed 2 models and 4 actions:

Model lady_polka_01 is named Mani in our story and model lady_ts_trouser_02 is named Shani in our story.

20_11 & 21_11: high-five, walk (2 subjects – subject A and B respectively)

20_03 & 21_03: link arms, walk (2 subjects – subject A and B respectively)

environment.egg: from Panda3D model: Panda3D-1.10.6-x64\models

But today we got stuck in a new feature: To be able to perform basic image manipulation on a running video. Hence to keep it short here is story:

  1. Mani and Shani walked towards each other
  2. Mani and Shani high fives (which to our amazement is a verb in SpaCy)
  3. Mani and Shani discussed (I believe topic was why are we not using a nice picture. But as usual, we do not listen to computer simulated complaints)
  4. They walked away hand in hand.
  5. This time we added brightness feature also in the end.

And here is the final video on youtube:

beach #1-#20
camera @(0,0,270,0,0,0,1,1,1)-@(0,0,80,0,0,0,1,1,1) #1-#145
left lady named Mani @(-15,-50,0,180,0,0,1,1,1) #1-#2
another right lady named Shani @(15,50,0,0,0,0,1,1,1) #1-#2
Mani walked repeatedly @(-15,-50,0,160,0,0,1,1,1)-@(-1,-3,0,170,0,0,1,1,1) #1-#108
Shani walked repeatedly @(15,50,0,340,0,0,1,1,1)-@(1,3,0,340,0,0,1,1,1) #1-#108
Mani greeted actively #110-#145
Shani greeted actively #110-#145
camera @(0,0,80,0,0,0,1,1,1)-@(0,90,12,0,0,15,1,1,1) #248-#348
Mani conversed repeatedly @(-5,0,-4,90,0,0,1,1,1) #148-#348
Mani passively conversed #348-#448
Shani @(5,0,-4,270,0,0,1,1,1) #148-#150
Shani conversed repeatedly #248-#448
camera @(0,90,12,0,0,15,1,1,1)-@(0,90,72,0,50,0,1,1,1) #460-#570
Mani repeatedly walked passively @(-2,0,-4,180,0,0,1,1,1)-@(-2,50,-4,180,0,0,1,1,1) #460-#570
Shani repeatedly walked actively @(3,0,-4,180,0,0,1,1,1)-@(3,50,-4,180,0,0,1,1,1) #460-#570 

Actions synonyms used for this challenge

Summary:

  1. Overall, without pictures it is easy to manipulate the models as everything is in 3D.
  2. This time, we tried to reduce the positional markings and add camera movement too
  3. Overall, around 1.1 hours spent, as in again well spent 🙂
Categories
3DMovement

HLC: Walk away to Dance

So, in this challange, we started by looking into few animation files from Subject# 1 to 11. We selected the following:

A20GFLC-A20g01_02: Walking up the stairs

A20GFLC-A20g02_01: Walk normally

A20GFLC-A20g02_04: Jumping

A20GFLC-A20g03_04: Walk on uneven terrain

A20GFLC-A20g05_03, A20GFLC-A20g05_04, A20GFLC-A20g05_07, A20GFLC-A20g05_10, A20GFLC-A20g05_11: Various dance moves

To use them, we downloaded following files:

Timelapse video of clouds and landscape

The sandy seashore by Anete

Cemented stairs by Skitterphoto

Rainbow over bridge by Frans Heerden

Based on this, well I could not come up with a great story, but a simple plot where a person, tired of cement-wood, ran away to nature and danced upto heart’s content

We ran the story in debugging mode, so we can see the story in video itself. But here is summary:

  1. Lady climbs stairs to find a way out of cement rubble
  2. Jumps over to uneven terrain
  3. Finds a way out to rainbow via a narrow bridge, crossing it runnning
  4. Reaches an adobe of nature
  5. Dance (I mean I know it is too Bollywood-ish, but well atleast I desisted from a song)

And here is the final video on youtube:

Final Video
stairs @(0,5,0,0,0,0,2,2,2) #1
lady walked upstairs repeatedly @(-28,-10,-30,0,0,0,2,2,2) #1-#140
lady jumped @(9,0,-15,270,0,0,2,2,2)-@(9,0,45,270,0,0,2,2,2) #141-#223
terrain @(0,4,0,0,0,0,2,2,2) #224
stairs @(0,35,0,0,0,0,2,2,2) #301
lady @(9,0,29,0,90,0,2,2,2)-@(9,0,0,0,90,0,2,2,2) #270-#300
lady jumped @(9,0,39,0,90,0,2,2,2) #250-#310
lady unevenly walked @(9,0,0,0,90,0,2,2,2)-@(9,0,-36,0,90,0,2,2,2) #310-#360
orchard @(0,3.9,0,0,0,0,2,2,2) #361
lady carefully walked repeatedly @(0,0,-39,180,0,0,2,2,2)-@(0,0,-10,180,0,0,.5,.5,.5) #361-#480
clouds @(0,3.8,0,0,0,0,1,1,2.1) #481
camera @(0,-120,-23,0,0,-23,1,1,1) #481
lady is repeatedly walking @(-30,0,-55,90,0,0,1,1,1)-@(0,0,-57,0,0,0,1,1,1) #481-#540
head of lady danced @(0,0,-48,0,0,0,1,1,1) #601-#700
head of lady danced @(0,0,-48,0,0,0,1,1,1) #701-#800
hand of lady danced @(0,0,-48,0,0,0,1,1,1) #701-#800
lady danced @(0,0,-57,0,0,0,1,1,1) #801-#1000
lady danced amazingly @(0,0,-57,0,0,0,1,1,1) #1001-#1100
lady danced performantly @(0,0,-57,0,0,0,1,1,1) #1101-#1200
lady danced securely @(0,0,-57,0,0,0,1,1,1) #1201-#1300
head of lady danced stably @(0,0,-48,0,0,0,1,1,1) #1341-#1440
hand of lady danced stably @(0,0,-48,0,0,0,1,1,1) #1341-#1440
hand of lady danced stably @(0,0,-48,0,0,0,1,1,1) #1441-#1540

Actions synonyms used for this challenge

Summary:

  1. We were unable to find any good audio to go with this
  2. Most time and iterations were spent on a good story, honestly this is the learning here, first decide what you want to show then start
  3. Overall, a bit more than 2 hours spent, as in well spent 🙂
Categories
3DMovement

Everything about Coordinates in Meme’er

Meme’er is based on Panda3D and uses the 3D coordinate system. To overcome the inherent difficulty of modelling for 3D as much as possible, by default, the camera is kept at coordinates of (0, -120, 0) looking at (0, 0, 0). This can be changed at any story line, with same format as for any model. This document assumes we have a 3D model with a synonym “lady”.

To load lady at any point we can type

lady @(x, y, z, h, p, r, sx, sy, sz)

This will load lady at points (x, y, x). On load, the 3d orientation for the lady will be (h, p, r). HPR here refers to Head (angular orientation around Z axis), Pitch (angular orientation on XY axis) and Roll (orientation around itself). A far better and complete clarification of HPR can be found at https://discourse.panda3d.org/t/very-confuse-about-hpr/8935.

The last 3 (sx, sy and sz) are the scaling around X, Y and Z axis. Please note scaling around X or Y does mean scaling with 0 orientation.

Camera, which in Meme’er is just another model follow the same priciples. Except 2 things:

  1. Instead of HPR, for camera, they will be used for Looking At
  2. Sx, Sy and Sz is not used and is reserved for future use.

So far so good. Lets take a example.

Required: The model position coords are (0,0,0, 0,0,0, 1,1,1). The camera needs to zoom past her from 50 points to -50 points along X axis directly 10 points above head.

So, we want the camera to move from (-50,0,10) to (50,0,10) looking at point (0,0,0). This can be achieved as:

camera @(-50,0,10, 0,0,0, 1,1,1)- @(50,0,10, 0,0,0, 1,1,1)

This tells that the camera:

  1. moves from (-50,0,10) to (50,0,10)
  2. LookAt (0,0,0) all the time

Now look at somewhat complex issue. Lets say we have a pic, and as part of motion graphics, we need our car to travel a very undefined path to be set manually (something like https://youtu.be/YQ5qXx4KBtY)

For such scenarios, we have the coordinate module. Basically, the steps involved for YT video are as:

  1. Load the picture (or 3D model as applicable) with correct camera position (if not default)
  2. Using replay frame, load one such frame of picture on Canvas
  3. Manually draw the coordinate path.
  4. Click on “Co-ord”, then “Save Coords” and save the coordinates with correct camera position and looking at values.
  5. This coordinate can be used with syntax like “lady @f(coordfile)” except one issue if the aspect ratio is not same, the coordinates will not match as manually entered vs movement as shown in animation. For this we “transform” the coordinates
  6. In “Co-ord”, goto “Transform Coords”, enter the Screen size as you are using (say 1280, 720). This will be used to recalculate the new coordinates and new coordinate file will be saved as (using example above) “T_coordfile
  7. Now, we can inform that the model should follow the coordinate path of T_coordfile.