Tutorials

MAKAR Magic index







Abstract:

I will teach you how to use an AI tool to transform an image into motion graphic(video)  in this lecture.

Introduction:

In Harry Potter’s wizard world, The Daily Prophet is definitely the most iconic character in this magical world. It’s not an ordinary newspaper, the photo on the paper will automatically replay the scenario, such as Sirius was arrested and sentencing into the jail, and he was furious. This effect has been created with AR technique before, and there are several methods can make it happen.

This lecture will use D-ID to merge text and photo, and make the person in the photo speak the words we type in the script. This tool can also change different languages, tones, and voice style. 

We are going to use Harry Potter movie poster as the example. Please take note of the following notices: D-ID is a tool that targets human facial structure(two eyes, one noise, one mouth in the frontal face), it may not work if you chose other facial structure.


Download the source: https://drive.google.com/drive/folders/1XH2cvOhVXLsuEh77Q3BdpfSpqouIqrcc?usp=share_link

 

  1. Go to website D-ID(https://www.d-id.com/) and click Login button.

 




 

 

  1. Click the Guest 🡪 Login/Signup to register a new account.


     

  2. After login the D-ID, click the Create Video

     


 

  1. Click Add to upload the image, select the Harry Potter poster.

     



 

  1. Paste the text in the Script, and change the Language into English(United Kingdom), voice into Ryan, then you can generate the video. Plus, if you want to record your own voice, it can be upload on “Audio” selection.


     

Additional: 

The text was created by another popular AI tool “ChatGPT”, I ask ChatGPT to summarize the first episode of Harry Potter.


 

  1. Open MAKAR editor, create a new project, select AR Target, upload the Harry Potter poster as image target. In editor version 3.4, “ category” selection is necessary, otherwise, you may not be able to publish your project.

 



 

 

  1. Import the video created by D-ID into resource vault.





 

  1. Drag the video into the canvas, adjust it parallels to target image, and 

re-scale the size of video to cover the poster. 





 

 

  1. De-active the interactable of the video function and add Logic function.





 

  1. Add Blockly in Logic editor.

 




 
  1. You must close the eye of the video in the Scene objects(set the visibility of the video into False), so that the video will only appear and play when the camera see the target.

 

 



 

How to play

Click the application, type in the ID or scan the QR code to experience the AR/VR !

  1. Install MAKAR application
     

  2. Scan QRcodec or search ID: class06 

 
 

  1. Select「magic index」project,click「experience」to active and put the camera face forward the poster.

  

Spring Festival AR Animation Tutorial

Spring Festival AR Animation
As the year of the Rabbit arrives in 2023, MAKAR has produced an AR interactive experience for Spring Festival.
The process is very simple and does not require complex animation techniques.
By using PPT and MAKAR's new masking function, you can create animation effects for setting off firecrackers and pulling Spring Festival couplets.
You can even change the text on the couplets and send unique New Year's greetings through AR!
 
Download materials:https://drive.google.com/drive/folders/1njYx6aOkR5U1D6cbf5LfMikc6Gt3IZ6r?usp=sharing
 


Creating Animation with PPT
 
  1. After importing the 2D firecracker into PPT, use the built-in "crop" function to cut it into six pieces and then reassemble it.

 
  1. Go to "Animation" > "Wipe" and set the effect option to "From Bottom".


 
  1. If you need to adjust the timing of the animation, you can click on the "Animation Pane" to make adjustments.


 
  1. After completing the process, click on "Export" > "Create a Video" to export the animation as a video file.

 
 
 
Creating Spring Festival Couplets with PPT
 
  1. To make the font look like calligraphy, you can download free commercial fonts from this website:http://www.ziti.net.cn/mianfeiziti/
 
After downloading, install into your computer.
For this example, we will use "KouzanBrushFont.ttf" font from "Hengshan Brush Font"."
 


 
  1. Import couplet materials into PPT, use downloaded font to add the couplet, and export it as a complete PNG image.
 


 
Enter MAKAR
 
  1. Import all the materials into MAKAR.

 
  1. Drag the firecracker animation into the editor. The background of the video is the white color of the PPT and needs to be removed.

 
  1. Use a dropper to pick up the white background.

 
  1. Background removal is complete.

 
  1. Put icon and matchstick into the editor and arrange them in the order shown in the image.

 
  1. Add a text editor and put it above the firecracker.

 
  1. Drag two fireworks videos into editor, adjust them to the appropriate positions, and remove their backgrounds in the same way.

 
  1. Except for icon, matchstick, firecracker, and text, turn off other  objects' visibility by clicking eye icon.


 
Set up firecracker ignition
 
  1. Drag a cube, compress it into a line, and put it under firecracker to disguise it as part of object itself.

 
  1. Set a cube, matchstick, text, and firecracker animation video as individual logic objects.

 
  1. Open logic editor and add controls such as visibility, click execution, movement, etc., and adjust them as shown in the figure.


 

【Set up firecracker】
 
  1. Add "when...collides with..., enter..." and "run parallel do... and do..." and set up a dynamic video of two fireworks when matchstick and cube collide.

 
  1. Drag one more "run parallel do... and do...". Set the video of the fireworks to run upwards, and make both the fireworks and firecrackers disappear immediately after the firecrackers have finished. To prevent the upcoming couplets from appearing too abruptly, add a "wait for...second" control.


 

【Set up couplets】
 
  1. Set up controls to display Spring Festival couplets and masks, and set the mask to run downwards to create the effect of opening the couplets.



 





How to experience?
 
Pick up your phone and enter the ID, then start the experience~
 
1.Install the MAKAR APP
2.Scan QR code or search for ID:XRlover to select the author.
 
  1. Click on the AR space recognition "春節AR動畫" project to launch it, and then click "Start Experience".


4. After entering the project, clicking on "Share Project" allows you to obtain a project link, which you can quickly share with others.


 

Logic-Macaron AR Animation



▲ Animation:rotation、scale、moving and jumping、collides、visibility
▲ Object:coin、mashroom、Macaron(walking)、street(you can all download on MAKAR resources)


 
  1. Drag the road and Macaron into the editor, and rotate Macaron.

 

 
  1. Drag mushroom and coin into the editor and position them at appropriate distances.

 

 
  1. Set Macaron, coin, and mushroom as logical object.

 

 
  1. Open the logic editor and start editing.



 
Macaron Moving and Jumping
 
  1. In the scene, one small square represents 10 centimeters and one big square represents 1 meter. Set the walking distance of Macaron based on this standard.

 

 
  1. From "Transform" > "Transitions", drag out "move...object...meters...in...seconds", and all subsequent actions will be executed based on this block.



 
STEP(1)Walk a certain distance

Set block to "move Macaron (walking) 1 meter backward in 1 second". Although the coin is located 1.3 meters from the starting point, adjusting the distance to 1 meter and having Macaron jump forward can make it look more natural due to its larger size. You can adjust the distance according to the actual situation as needed.



 
※ The object movement direction is set to "backwards", but the object appears to be moving towards the right. This is because the object's properties is not X=0, Y=0, Z=0 after rotating. Therefore, adjustments must be made based on the actual situation.



STEP(2)Jumping
Set the block to "move Macaron(walking) 0.4 meters up in 0.08 seconds" and duplicate it to set it to move downwards. You can adjust the distance and speed as needed.
 

 


STEP(3)Continue walking a certain distance
Set the block to "move Macaron(walking) 1 meter backwards in 1 second" to allow Macaron to continue moving forward naturally after eating the coin.
 


 ※ The blocks will execute the animations in the order they are arranged.

 



After eating the mushroom, Macaron grows in size and the mushroom disappears.
 
  1. From "Transform" > "Scale", pull out "Set scale of...to..." and set Macaron scale to 0.18.

 

 
  1. From "Actions" > "Material", pull out "Set visibility of...to..." and set  mushroom's visibility to false.



 
  1. From "Events" > "Collisions", drag out "When...collides with..., enter..." and place the previous two blocks inside it, and set the collision between Macaron and mushroom.





 
The coin rotates on its own
 
  1. From "Transform" > "Rotation", drag out "turn...object...clockwise by degree...in...sec", and set "turn coin clockwise by degree360 in 1 sec".

 

 
  1. From "Control" > "Loops," drag out "forever do..." and place the previous block inside.

 

 
  1. The coin will keep rotating automatically.




After eating the coin, it disappears.
 
  1. From "Actions" > "Materials", drag out "Set visibility of...to..." and set the visibility of the coin to false.

 

 
  1. From "Events" > "Collisions", drag out "When... collides with..., enter..." and place the previous block inside it. Set it to detect collisions between the dragon and the coin.





 
How to experience?
Pick up your phone, enter ID, and scan the recognition image to start the experience!
 
1. Install MAKAR APP
2. Scan QR code search ID:XRlover





3. Click on "Macaron AR Animation" project in the AR space recognition and click on "Start Experience".

MAKAR Mask project



Abstract:


In this lecture, there is going to demonstrate how to use Mask function in MAKAR editor v3.4 to create a project.




Introduction:

Mask is one of the new function in MAKAR editor, it’s similar to invisible cotton in Harry Potter. You will learn how to make a room invisible in this lesson.



1. Material: https://skfb.ly/6CGo8 license: CC Attribution

This is a kind of isometric scene material.


2. Download the file
We are going to download GLB file for this lesson, though the FBX file looks smaller, it need to conduct extra-process after you download it.





3. MAKAR editor

Make sure your MAKAR editor upgrade to at least version v3.4 or above.



Create a AR Target project. It’s necessary to select a category in latest editor.



Extra: How to create a fire-star recognition target?



The star number in MAKAR represents the recognitive ability. There is a tutorial for AR recognition by Lina, you can check it out. https://becutelina.com/2022/03/24/ar/
In this lesson, I’m going to use the popular AI tool, DALL-E, to generate a unique image target, and use Zalgo text transformation for complicity.




DALL.E (https://openai.com/dall-e-2/ )



Zalgo text generator (https://tw.piliapp.com/cool-text/zalgo-text/)

4. Mask
You can change the 3D model’s material into Mask.





In reality, Mask can cover the object, make it become transparent, such as invisible.

5. Create an invisible room

Import the low_poly_room and drag it in to the scene.



Adjust the Blue face to Top aspect.



As above.



Transform the cube into flat square.



Set flat square as wall of the room, change its material into【color】, RGB=(185, 55, 83).



And set the ceiling as the same.



Add another walls as Mask material to cover whole room, so that it can make the room invisible.



Mask should be a little bigger than walls, and be care for the gap between the wall and mask.



After cover the whole room except the Top aspect, select all elements and drag them into low_poly_room to group them, so that you can move all elements all together.




Select the room model, which is the group leader, move it down behind the Target
image. You will see the mask become transparent during the path, and you should not be worried. Adjust your viewpoint down to the ground(press the right button), you will find out it still invisible underground. And Well done!



6. Advance

There is a feature in MAKAR app. The camera scanned the target image, the room will show up, and if you move away from target, the room will still show up in the middle of your screen. Here is going to show you how to make the room appear only if you scanned the target.



Select the room and add action, and add Logic function on it,



Close the room’s eye to make it disappear.



Click the logic on the top banner, you can turn on logic editor, select 【Action/ set visibility of ______to _____ 】, drag the blockly to the scene, and you just solve it.   
 

Metaverse Draw Lots-Using Variable and Lists of MR Project

This tutorial includes logic of "Transform, Actions, Controls, Events, Events and List".

We will learn about:
Keep from simultaneous click,
Come up draw lots after setting visibility to false
Randomly come up lot after clicking the box

 
  1. Open PowerPoint, edit image and export it.

 
  1. file>save it to jpg

 
  1. open Blender>import FBX>shift to Shading>change the image



 
Object's basic setting 
  1. Drag 3 model to the scene.  
    Add text of "correct " and "wrong".

 
  1. Drag box to the scene, and put "lottery02、lottery02(1)、lottery02(2)" to lottery01.
  2. Put lots to the box and adjust the angle in needs.

 
  1. Close the objects besides 3 models.

 
  1. Add all of object logic.

 
  1. Open the logic.

 
  1. Set the object's visibility to true.

 
  1. Add variable>keep from simultaneous click and set the visibility to false.



 
  1. Add "If…do" logic.
   (1). Set "keep from simultaneous click=false"
   (2). Set object's visibility to true.
     Note: add text of "wrong".
   (3). Add variable "keep from simultaneous click=false".
     Note: you can not click the objects before step4.
   (4). Wait for 1 second.
   (5). Set object's visibility to false.
     Note: close the text of "wrong".
   (6). Set "keep from simultaneous click=false".
     Note: close the situation that can not click objects.
   (7). Copy 2 and adjust the other object's trigger situation.


 

 
  1. Take the model of giraffe for example.
    1. Copy three model and set their visibility to false.
    2. Set lottery01 visibility to true.
    3. Add variables>start to draw lots >true.



Draw Lots Setting
  1. Add "When…is clicked" >set the up moving animation.
  2. Add "If…do">set variable of start to draw lots to true. You can repeatedly click.
  3. Set click for once, add variable to false and put it on the animation's top.
  4. Add variable : lot result.
  5. Set lot result: operators>random number from …to…
  6. Set random number from 0 to 5.
    • Set random number from 0 to 5 (01234) in logic.
    • EX1: set 0~5, it will be 01234.
    • EX2: set1~6, it will be 12345.
    • EX3: set6~9, it will be 678.
  7. When setting lot’s visibility, you could know that the coming up of animation and lot is too close, so add wait for 1 sec. 

  1. Add "create empty list" and add "MyList" to variable.
  2. Add data>lists> add transform item to MyList.
  3. Copy 3 and put them behind create empty list.

 
  1. Data>list>set set "add my list to lot result" visibility to true.

 
  1. Repeatedly click setting
    1. Event>when…is clicked.
    2. Set Lottery (1) visibility to false.
    3. Copy animation and change it to moving down. 
    4. Set "start to draw lots" to true.

 
  1. Finish and start to experience! 

delete AR target image

1. Normally, when you create an AR target, you would click from the "New Project" > "AR target" to upload your target, and you could see all of targets as well.







2. If your want to delete your AR target, click "window" > "image targets".  


 




3. Choose the image you want to delete and click the icon of trash can.


 


4. If your image is locked as shown below, it represents that this image is being used in the project. If you go to project to delete the using image, it will go back to unlocked situation, so that it would be able to being deleted. 

Use MAKAR to learn physics-Let's make an AR cannon!

1. Please download the file of cannon.zip and decompress it, import them to MAKAR.
https://drive.google.com/file/d/1HdJHrGcdfRRikf1zViDViWFNuRBjVmCz/view?usp=sharing
Click "New Project"> "Space Recognition", and enter the project name.
Click "OK".





2. To the left side find and click "New Resources"  >  "3D Model"





3. Find these two files and import them to the resources.




 
4. Import image and audio to the resources, Click "New Resources"  > "image" and "New Resources"  > "Audio".





5. All of the resources were done, drag them to the scene and start to edit objects and arrange logic.

Drag the object of the cannon to the scene and edit  position, rotate, scale. Cancel interactable and add action logic.

drag cannon to the scene.




6. Set the position, rotate, scale on the right side. And turn off the interactable.





7. Click "Add Action">"Logic"






It's how it looked when you were done every steps.





8. Drag  the object of wheel  to the scene and edit position, rotate, scale. Cancel interactable and add action logic.





9. Next on, drag the image of arror-right,arror-left,arror-up,arror-down,fire to the scene, and edit position, rotate, scale. 





10. Cancel interactable and add action logic.





11. Drag the video of explosion to the scene,  and edit position, rotate, scale. Cancel interactable and add action logic.






12. Drag the video of explosion to the scene,  and edit position, rotate, scale. Cancel interactable and add action logic.





13. Drag the music to the scene and edit its position.  Cancel interactable and add action logic.
 




14. Add the light and drag it to the scene.







Edit the light’s position, rotate, and lighting strength.



【Group】

arror-rightt, arror-left, arror-up, arror-down, fire, drag these five objects to the "wheel" object  to make them become a group. Being a group is the most convenient way in MAKAR.  So that there would be a triangle icon on the left top.  You can open and close these objects easily.

Drag fire object to the wheel and drop it to make it into the group.



15. Drag Sphere to the scene, and edit the position and size. Cancel interactable and add action logic.






16. Click two times on the Sphere to edit the name into "ball”





17. Click logic to arrange logic.



Logic:






1. There are different blocklies on the left. Please drag one blockly into the blank space to start.




Use variables to design every deta.
 

variables name  
project
value variables name project value
ax cannon-x coordinates 0 vx ball-x direction velocity 0
ay cannon-y coordinates 0.24 vy ball-y direction velocity 0.3
az Cannon-z coordinates 0.1 vz ball-z direction velocity 0.4
bx ball-x coordinates 0 dvy ball-y direction velocity effected by carron's height 0.1
by ball-y coordinates 0.33 dvz  
ball-z direction velocity effected by by carron's height
 
0.05
bz ball-z coordinates 0.4 xx canoon right left moving distance 0.1
cx wheel-x coordinates 0 th setting the angle of cannon's up and down 10
cy wheel-y coordinates 0.18 bx1 ball-x coordinates 
staging value
 
cz wheel-z coordinates 0.14 by1 ball-y coordinates 
staging value
 
      bz1 ball-z coordinates 
staging value
 




About variables
1. Drag the blockly of variables, and drop it to  create a variable. Arrange every value according to this sheet.

  



It is how it looked after creating variables.




2. Drag bx blocky to the right.





3. Click ”Data” > “1”, and drag it to the bx blockly’s right side. Edit value to 0.

  



【Editting  Variables】





Click the right arrow and the cannon will be moved right.

1. Click and drag “Events” > "when…is clicked". Choose “arror-rijgt”for the transform item.

 


2. Click and drag “Controls” > “If…” to the editing space.

 


3. Click and drag “Variables” > “bx blockly” like this.





4. Click and drag “Transform” > “move…to…in…sec” to the editing space





5. Click and drag “Operators” > “...+...” to the editing space.





6. Click and drag “Variables” > "set…to…", and edit its different variables.






7. Please edit the last variables to finish moving right.



 

8. Click the copy icon on the left up side. So that it will come up a whole blockly.


 

 
【Click the left arrow and the cannon will be moved left.】

Coped blockly can be edited for moving left.



【Click the up arrow and the cannon will be upped.】
 
When by value is bigger than 0.6, it will be stopped.
 

 
 

Click the down arrow and the cannon will be raised.

When by value is smaller than 0.331, it will be stopped.


 


【Trajectory of a cannon】



※ vy value is the same as the variables of vy value.
1. vx value could be 0 because there is no speed of  x direction for cannon.
vz is the z direction, when vz is bigger speed will faster. 
Therefore every loop will go straight  regulately.
z direction is motion with constant velocity.





2. 

y direction, after the cannon is shooted, it will be affected by gravity.
Up speed will be more and more small unitil achieving the max. And starts to go down.

vy value, it is original speed of going up, so that the more vy value it goes, the far height is.
And the vy value is going small by getting higher. It will decrease by 0.05 each time it is looped.

by1, it is y direction of updating staging value,the more by value increases, the less vy value decreases.
When height is going to max, vy value will go to minus, and then the cannon will go down.




 

3. Finish all of canonn design.
Finally, close the eye of “ball” and “explosion” to not show them.



4. Click “Publish”.

Basic Logic ③:object collide

1. Drag two cubes to the scene, set the different color of cubes and rename them. For example, as shown below, pink one is 01, blue one is 02.






2. Set 01 and 02 become logic object.




(一)Set the happening of every cube first.
1. Drag and set “turn transform item 01 clockwise by degree 360 with radius 2 meters in 1 sec”.




2. Copy same block and set it to “turn transform item 02 counterclockwise by degree 360 with radius 2 meters in 1 sec”.






(二)Set click trigger.
1. Drag and set “when transform item 01 is clicked” and run “turn transform item 01 clockwise by degree 360 with radius 2 meters in 1 sec”.





(三)set collide trigger.
1. Drag and set “when transform item 01 collides with transform item 02” and enter “turn transform item 02 counterclockwise by degree 360 with radius 2 meters in 1 sec”







※ If you want to repeat collide, drag “move transform item 01 clockwise around circle with radius 2 meters in 1 sec repeatedly” and put it under the “when…is clicked”.

Basic Logic ②:object moving


【Moving method 1】

1. Click the ball object, and click "Add Action" >"Logic" to make it to the logic object.





2. Click "Logic" on the top, drag "move…, …meters …in…sec." from "Transform" area to the editor middle.





3. Close the editor and click "Run". The object will act as you set.





4. Setting "forward" but object would go right, due to the object's properties. Because the rotate and position aren't 0. You can click the small cube on the right top. The properties will go 0 then. Click "Run" and the object will go forward.






※ 1 small square=10cm, 1 big square=1m (You can adjust moving distance and speed.)

5. When you put LOGO on the front, position and rotate would not be "X=0,Y=0,Z=0", You need to spend time to test the direction you want to go.




【Moving method 2】

1. Use "move X: … Y: … Z: …in…sec". Set the position to "X=2,Y=0,Z=0".






2. LOGO will go slanting as the video like.





3. Take a cube for an example. When object is on the center of the world, position will be X=0,Y=0,Z=0. When X=2, the cube will go to right. Click "Run", LOGO will go to the cube position in 1 sec.









4. For example, LOGO X=2,Y=5,Z=1, LOGO will come to the top on the space. Therefore, we could adjust XYZ according to center of world basically.





※  About oder on acting

1. When there are 2 actions arranged, the top action will go first. Finishing that it will go next action then.

▲ Example: put "turn……by degree in…sec" under "move…to X:… Y:… Z:…in…sec." Click “Run”, the object will go to the position you set first, and then rotate.







2. If you want actions go simultaneously, drag “run parallel…” and put 2 actions to that, it will go on the same time when clicking run.




 

Basic Logic ① :Change text, change text's color

1. Drag "text" to the middle from the left of resource vault.





2. The material is the normal object, so click "Add Action" >"Logic" to make it become logic object.





3. Click "Logic" on the top, here is the place of arranging logics. You can see many actions on the left.





4. Drag "Event">"when…is clicked, do…" to the middle, and the blue frame would come up the text object which you just set to logic object.








5. Drag "Actions">"set text of…to Hello!"





6. Close the logic editor and click "Run" to check the animation. After click the text, it would come up "Hello!". You can change the text whatever you want.









7. If you want to change the color of text, drag "event">"set text color of …to…" to the middle. And drag it under the last one. Click "Run" that can be changed to default red.








8. On the left, you can choose about transform, controls and so on. If you want to delete the animation, just drag it to the trash can on the under left.

Cooperative Learning in MAKAR_Portal

Abstract
  This tutorial gives an example of connecting different projects via project link, and it can be achieved the purpose of cooperative learning.  

1. Introduction
  
In the past, it’s not available to have multiple creators to create a huge or complex task in the same project at the same time. Therefore, here is another method you can do. Separate a big project into several small parts, and link each other with “portal ”. This method may help to decrease the loading compared with only one person is responsible for making the entire project.
  For the demonstration, there three students (A, B, C). Student A and B are individually create two VR projects. We used the templates in MAKAR editor for this tutorial(Green Island & Moon Phase).




2. Project link

  On mobile device(iPad/iphone), after selecting the project. There is a “sharing button” on the top right corner, then you can copy the link after you tapped the sharing button. And send this link to the student who is responsible for integrating the whole project(student C).



 

Student A(Green Island):https://is.gd/WdjCSk
Student B(Moon Phase):https://is.gd/zj1Rg5

3. Create an integrate project
Click top left corner, “+New Project”

 

4. Space Recognition 
In AR area, chose space recognition for this project, then click “ok” button


5. Import material
Material download link:

(a) In this tutorial, I will use sphere as a trigger. A panorama sphere is for Green Island project ( panorama image: https://goo.gl/maps/epfZf1cypG91sBK86 by Larry); Moon Phase project will use the 3D model provided by MAKAR online resource. 

(b) Image material: there are created by PowerPoint.



(c) Put 3D models in the canvas, rescale(Hotkey” R ”) their diameter around 10 cm may easily demonstrate on ordinary table. There is a scale in the center of the canvas if you zoom in. Later, if you need to demonstrate for full size, such as human body, then you can group them all and rescale them. 



(d) Model action
  • Tap the sphere to show image: Select sphere🡪 Add action🡪 Show image 🡪 select the image
  • Tap the image to teleport to another project: Select image🡪 Add action🡪 Link to Webpage🡪 Paste the project link.

Material Link
Student A(Green Island):https://is.gd/WdjCSk
Student B(Moon Phase):https://is.gd/zj1Rg5 


(e) 2D image simulates 3D object
  2D image only shows full information in certain angle in 3 Dimensional world, which is very angle sensitive. Therefore, if we create a box with 2D images to mimic 3D object, it can almost cover every angle.

 

(f) Forbid image movement
  Inactive the interactable will forbid the object be moved , it will reduce user accidently change the object in the canvas. Once the interactable is lucked, the action can still work, such as link to webpage and logic programming function.



(g) Finish



How to play

Click the application, type in the ID or scan the QR code to experience the AR/VR !

1. Install MAKAR application
2. Scan QRcodec or search ID: class06 

3. Select“ Project portal”, Click “ Start ”to activate.


Demo

※ Please keep in mind

1. The portal trick is only for IOS device so far, it’s unavailable for Android device.



2. Project portal (Available)
  • Account:Projects in same account, Projects in different account
  • ​Project type:AR(AR target), AR(space recognition), VR are all available for teleporting to each other

Selected AR Image Recognition

《MAKAR》Is a cross-platform APP browser
   Overlay VR content created by the developer in the real space to add more interesting information to the world.

Scanning randomly 
Explore AR / VR works from around the world and experience the creativity of top creators around the world.

 
Download the MAKAR browser now
立即開始使用,體驗全球創作
 

 
 
1. Open the APP and allow the camera to start.
2. Switch to Selected pages.

3. This experience is mainly experience AR technique, you can slide the page to watch or select the project.
4. Select the AR The Art of Netsuke Project and press to Experience.
5. Enter the AR camera and scan the target image to watch AR.
Tips: Image recognition is a function to activate AR. After activation, the AR element will track the recognition image, called image tracking technology.

 

Let's experience it together!

 
AR -The Art of Netsuke



AR English picture card


AR scratch card


AR Beimen knowledge learning


AR Van Gogh Art Exhibition Video

 





 



 

MAKAR Making an AR language learning card



This fun video shows you how to use simple assets to create AR flash card for language learning. Make learning easy and fun with MAKAR AR!
 

Tutorial of 3D AR Dinosaur Oreo!


Can you believe?We can eat oreo with ARtech! 

Just use Oblatum with dinosaur AR target image, and stick it on oreo, we can call out AR dinosaur and make the sound while clicking on it.
Let's see how to make it!  


Plan 
time: about 2hr
item: scissors, Pad or cellphone, your favorite cookieswink
Please download the AR resource here

  • Download MAKAR (download here )

  • Log in your Google Account
  • Upload target image
  • Download 3D dinosaur and its voice

  • Tailoring Oblatum and stick it onto cookies 

  • Experience this AR dinosaur project and enjoy your cookie! 
     



Steps on MAKAR editor

  1. Build up new project
  2. Create project's name, and upload target image, then click "OK"
  3. Add online resources
  4. Find out "Stegosaurus" and download. There's implication of Stegosaurus on the left-column 
  5. Drag Stegosaurus to the interface and select "Matte" form
  6. To "Auto" and upload "DinosaurMusic.mp3" 
  7. Click Stegosaurus and play music
  8. Choose DinosaurMusic .mp3 and confirm
  9. It's sucessful if you can find out your music resource on Source Objects! Click publish

To Experience
Use your smartphone, enter your ID and start experiencing after scanning on target image. 

  1. Install MAKAR APP
  2. ​Click Link to trigger / or scan the QRcode below
  3. Scan target
  4. Start your AR experience!

AR Image Recognition-English card

1. Open the App and allow access to your camera

2. Click “Search” and enter MAKAR ID: animalabc

3. Click on the author that project you want to experience

4.Click on the project you want to experience after entering the page. This time we will take Giraffe as an example

5.Click to open the experience

 

 

 

6. Enter the AR camera

7. After the screen appears, scan the target image to watch AR

 

 

 

Let’s experience the lovely English card!

 

 

Alpaca

 Alpaca

Cat

Cat 

Dog

Dog

 

Giraffe

Giraffe

 

Whale

Whale

 

yesMore target images can be downloaded here

How to Create a Web AR Photo Frame

HAPPY LUNAR NEW YEAR!
MAKAR shows you how to create and experience WebAR photo frame!
 
See Steps:
1. Choose up-left corner > Create new project


2. Change to Space Recognition, name your project. And upload cover image, you can choose to create WebAR project if you need.   


3. Choose up-left corner, switch to "2D editing interface".


4. Add "new resource" on left column > image.


5. Choose the image resource, click open.


6. Click on photo frame and drag to the middle.


7. Click up-right corner  >  publish the project.


Click link and start your WebAR photo frame experience
  • WebAR,can be experience directly on webpage(no MAKAR APP installation needed)
  • APPexperience with MAKAR APP(MAKAR APP installation needed
Downloda the AR photo frame resources here

2D AR Photo Frame

About AR photo frame, there are two ways to make it. One is "Image Target" and the other one is "Gyroscope".     

WAY 1: Image Target

1. Establish New Project on MAKAR Editor.


2. Name subject, upload the image target and choose a cover for your project.  


3. Switch to 2D mode while enter into editting interface.


4. Choose photo icon under  "Add Resource " and upload your photo.


5. Upload photo from file.


7. Finish uploading, drag photo to interface, and keep holding down the right mouse button on the blue-green square to zoom the size you prefer.


8. For exemple, if you want to zoom out the photo, click the left mouse button and adjust photo to ideal place. 


9. When finishing adjusting the place, click "Publishing" and "Save", to save your AR photo frame project.


Open MAKAR App and scan the image target to check the outcome.
Open App Here (You need to download MAKAR APP first)

AR image target↓

 

WAY 2: Gyroscope AR photo Frame
Need no image target  and the project can be initiated by App or Web AR directly  

1. Establish new project, switch to "Space Recognition" and close AR Kit/Core.


2. Switch to 2D Screen.


3. Drag the resource to interface, zoom out and pull to ideal place.


4. Choose upper-right corner "Publishing" and click saving.



5. Back to main page and choose the project, click setup button.  

6. Open up "Allow Web Mode" option
* You can also set up this option while building up a new project in the first step.
* The "Allow Web Mode" only exist in Standard, Advanced and Studio solutions.  Free version users can try out MAKAR App first.


7. Choose "Web Link" 


8. The link has been successfully copied.


Click here to experience AR photo frame on WebAR
Click here to experience AR photo frame on MAKAR App 

Download MAKAR mascot as your photo frame resources

109 Changhua Pinghe AR Graduation Ceremony AR Shows Teaching Achievements



[✨]Graduation ceremony , dreams take off


Changhua Pinghe Elementary School Graduation Ceremony, hoping to break the dream and set off. The school especially hopes that children can display their graduation works with the latest technology AR. mail Students can use the MAKAR editor to make digital works. You can use the MAKAR APP to scan QR CODE to Watch and display the digital works of all graduates on the bulletin board, so that parents who participate in the child's graduation ceremony can also experience technology AR, and feel happy for the child's technology learning. Parents have expressed that they are very happy to experience with their children The sense of accomplishment and parent-child interaction brought by the MAKAR editor's AR has become closer.wink







The graduates of Changhua Elementary School not only made their own, but even acted as an instructor. They did not hesitate to explain how to use MAKAR to watch AR's clear explanation and make a film to show! Spontaneous and creative performance to Taiwan education Bring more hope!heart

 

"Help" Drop-down List

 

1. Click "Help" in the upper-left corner to expand the drop-down list. This includes "FAQ" and "Contact Us".

2. FAQ

This part will show you some common problems that users might encounter, selecting the solution will direct you to its setting section.

 

3. Contact Us

If you encounter any problem or question that can not be solved, a single click will direct you to the contact form page of our official website. Fill up the form then click "Send", we will get back to you promptly.

 

前瞻計畫ARVR教材開發重點


近年來因應數位化的學習,許多學校已經融入VR相關的硬體規劃,其中包含手機、平板、HTC VIVE(PC VR)、HTC Focus及EPSON AR…等,過去通常使用相關的現成AR/VR教材或內容,前瞻2.0許多單位大規模導入AR/VR硬體設備,卻苦無數位內容之開發平台,過去許多老師在製作數位教材都需要學習程式語言技術,需要花費大量的時間與成本,透過MAKAR進行數位教材的創建,並且於創建完成後,發佈到各個不同的行動載具中進行觀看。




行動載具分析表
在前瞻計畫中,相信已經有許多學校已經採購了大量的平板電腦及VR頭盔的行動載具,本圖表針對近年來許多學校已採購之硬體提出行動載具分析表,透過本分析表,能夠了解在硬體上的搭配與使用狀況。

行動載具分析表
型號 類型 外接 載具支援
部分教育雲教材支援
MAKAR
支援
HTC Focus Pro PC-VR - VR
HTC Focus /  Focus Plus 一體機-VR - VR 支援
Oculus Quest 2 一體機-VR - VR 支援
XRSPACE 一體機-VR - VR 支援
Cardboard 手機VR 手機 VR 支援
EPSON
AR Glass
AR眼鏡 有控制器
或攝影機
AR/VR 支援
手機/平板 支援空間辨識 - AR/VR/MR 支援
手機/平板 陀螺儀 - AR/VR 支援
 
 
 
 
教育雲ARVR教材表
因應前瞻基礎建設實施計畫,教育部數位教材支援表(以ARVR支援條列)
課程編號 課程名稱 行動載具 AR眼鏡 VR頭盔
智慧型手機 Android
手機
平板電腦 Epson AR BT-40S HTC  FOCUS Oculus Acer VR VR頭盔(VICO)
108-A01 我的寵物是蝴蝶 V V V V - - V -
108-A02 探索水生生物世界的秘密 V V V V - - V -
108-A03 太陽與植物世界課程之AR教材 V V - V - - - -
108-A04 AR Bot V V - - - - - -
108-A05 翻轉教室YOUTUBER V V - V - - - -
108-A08 單軸經緯儀之主軸模型結合擴增實境於工程測量課程 V V - V - - - -
108-T01 虛擬天文教室二 V V V V V - V -
108-T02 飛閱臺灣體繪地形 V V V V - - V -
108-V01 酸鹼鹽之化學虛擬實境教材開發與教學 - - - - - - - -
108-V02 科學調查實驗室--神秘的摩電球 - - V - - - V -
108-V03 太陽系大發現日心月相星座 V V - - V - - -
108-V04 電腦硬體組裝虛擬實境教材開發 - - V - - - V -
108-V05 醫學人體排泄泌尿生殖系統與植物運輸系統之介紹 V V - - - - - -
108-V06 穿越時空學電子 - - - - V - - -
108-V07 VR工業配線實習 - - - - - - - -
108-V08 動物的循環系統VR探索之旅 - - - - - - - -
107-A01 台灣海岸環境變遷 V V V V - - V -
107-T01 百年好合萬金盟 V - - V V - - -
107-T02 國中理化第三冊之電池與電解 V V - V V - - -
107-T03 自然科學 - 植物課程 V V - V - - - V
107-T04 天文觀測 原名 : 科學科技虛擬一點通 - - - V V - - -
107-T05 虛擬天文教室二 V V - V V - - -
107-T06 生物的演化 V V - - V - - -
107-V00 電流電壓與歐姆定律 - - - - - - - -
107-V01 地球科學天文探祕之虛擬星象館 -  

3131922-5G New Technology Learning Demonstration School Series Study

Course and registration information
Course ID: 3131922
Login Date: 2021/07/15
Non-credit classMiddle School and Elementary School / Teaching / Technology Field / Information Technology
Kaohsiung City’s 110-year 5G New Technology Learning Demonstration School Series Study-MAKAR's VR Workshop (Online Study)
Course Information
Class date: 2021/8/17 (Tuesday) to 2021/8/26 (Thursday) Course period: summer vacation
Course location: 147 Yingming Road, Lingya District, Kaohsiung City 
Study hours: 12 hours/credit
Course introduction: Topic: MAKAR VR Workshop
Time: 1.8/17 ( Tue ) 13:30-16:30
2.8/18 ( Wed ) 09:00-12:00
3.8/20 (Fri) 09:00-12:00
4.8 /26 (Thursday) 09:00-12:00
Estimated number: 20
Lecturers: Cai Yawen, Education Lecturer of Miffy Multimedia Co., Ltd.
Course schedule and 
 matters needing attention:
Seminar link: https://forms.gle/jdxMs2mSPgZSnsUN8 (please log in to the aforementioned link and sign in 20 minutes before the study day to obtain the online meeting room link). After the registration is approved, the SMS and LINE group will be notified , Please be sure to leave your mobile phone number.
Study objects: Education Bureau's 110-year Digital Learning Project-5G Emerging Technology Learning Demonstration School (Yingming Junior High, Longhua Junior High, Qiaotou Junior High, Siwei Junior High, Okayama Junior High, Qianjin Junior High) priority admission.
Topic: Overview of Virtual Reality Quest 2 Operation Introduction (Online Study)
Estimated Number: 15-20
Lecturer: Tsai Yawen Miffy Multimedia Co., Ltd. Education Lecturer
Course Outline:
8/17 ( Tue ) 13:30-16:30
AR / VR / MR application trend discuss
practical case experience
to learn a single lesson plans and resolve
foundation of the VR tools of learning projects MAKAR

8/18 (C) 09: 00-12: 00
to observe the moon as an example implementation
PPT material production and output
sinks Import materials to MAKAR for VR production
project output and release experience project

8/20 (Friday) 09:00-12:00
Teachers plan their own themes and lesson plans
for online group workshop discussion
, Answers and discusses the teacher’s ideas Possibility

8/26 (Thursday) 09:00-12:00
Online group special report and sharing
 
Teachers: [Social professionals] Cai Yawen
According to the document number: [Entrusted processing] 110.04.12 Gaoshi Jiaozi Zi No. 11032410600
Study attachment:
Registration Information
Registration date: From 2021/07/15 (Thursday) to 2021/08/15 (Sun) Online registration: Open online registrationFrom 2021/07/15 00:00 (24-hour clock)
Participant: Middle school / elementary school principals, directors, team leaders, teachers... etc.
Number of classes opened: Class 1 Number of classes: 20 people
Payment amount: 0 yuan Payment method: none
Course unit
Course units: Kaohsiung City Yingming Junior High School
Undertaker: Name: Fang Mengzhen
Tel: 07-7150949 # 516
E-Mail: chen25261@gmail.com
other
District Management Center: Kaohsiung City Government Education Bureau
Class review method: The system automatically passes

3088204- XR Practice Application (Advanced)

Course and registration information
Course ID: 3088204
Login Date: 2021/04/20
Non-credit classJunior High (including Junior Middle School) / Teaching / Natural Sciences / Information Technology
Yushan Science and Technology Center Teachers' Ability Enhancing Study XR Practical Application (Advanced)
Course Information
Class date: 2021/7/17 (Sat) to 2021/7/17 (Sat) Course period: Monday to Friday daytime / digital remote teaching
Course location: No. 1, Youzhong Road, Chiayi City, Chiayi City 
Study hours: 3 hours/credit
Course introduction: 1. Advanced VR production
2. Scene conversion and setting
3. VR Q&A production
4. Project experience and display
Course schedule and 
 matters needing attention:

Time Activity Content Host Remarks
12:40-13:00 Check-in Yushan Science and Technology Center
13:00-14:30 1. Advanced VR production Miffy multimedia assistant:
2. Scene conversion and setting Teacher Cai Yawen Teacher Lu Junyan
14:30 -14:40 Intermission Yushan Technology Center
14:40-16:10 3. VR Q&A production Miffy multimedia assistant: Mr. Lu Junyan
4. Project experience and display Mr. Cai Yawen
16:10 Fugui
 
Teachers: [Social professionals] Cai Yawen
According to the document number: [Self-handling] 1. The Ministry of Education July 24, 109, Taiwan Education and National Administration Guo Zi No. 1090084119L letter 2. Chiayi City Government September 2, 109 Fu Jiao Ke Zi No. 1091514388
Study attachment: (no data)
Registration Information
Registration date: From 2021/06/15 (Tue) to 2021/07/02 (Fri) Online registration: Open online registrationFrom 2021/06/15 00:00 (24-hour clock)
Participant: Junior high school / elementary school junior high school teachers in science and technology are preferred
Number of classes opened: Class 1 Number of classes: 20 people
Payment amount: 0 yuan Payment method: no
Course unit
Course unit: Chiayi City Yushan Junior High School
Undertaker: Name: Zhongmeng Zhang
Tel: 05-2357980 # 288
E-Mail: nknuap@mail.edu.tw
other
District Management Center: Education Office of Chiayi City Government
Class review method: The system automatically passes

3088200- XR Practice Application (Beginner)

Course and registration information
Course ID: 3088200
Login Date: 2021/04/20
Non-credit classJunior High (including Junior Middle School) / Teaching / Natural Sciences / Information Technology
Yushan Science and Technology Center Teachers' Enhancing Study XR Practice Application (Beginner)
Course Information
Class date: 2021/7/17 (Sat) to 2021/7/17 (Sat) Course period: Monday to Friday daytime / digital remote teaching
Course location: No. 1, Youzhong Road, Chiayi City, Chiayi City 
Study hours: 3 hours/credit
Course introduction: 1.
AR/
VR experience 2. VR360 shooting method 3. On-site VR actual shooting 4. VR
script planning
5. Basic VR implementation
Course schedule and 
 matters needing attention:
Time Activity Content Host Remarks
8:40-9:00
Check-in at Yushan Science and Technology Center 9:00-10:30 1. AR/VR experience
2. VR360 shooting method Miffy multimedia assistant: Mr. Lu Junyan
3. On-site VR actual shooting Teacher Cai Yawen
10:30-10:40 Intermission Yushan Science and Technology Center
10:40-12:10 4. VR script planning Miffy Multimedia Teacher Cai Yawen
5. Basic VR practice assistant: Teacher Lu Junyan
12:10 Assignment
Teachers: [Social professionals] Cai Yawen
According to the document number: [Self-handling] 1. The Ministry of Education July 24, 109, Taiwan Education and National Office Guozi No. 1090084119L letter 2. Chiayi City Government September 2, 109 Fujiao Kezi No. 1091514388
Study attachment: (no data)
Registration Information
Registration date: From 2021/06/15 (Tue) to 2021/07/02 (Fri) Online registration: Open online registrationFrom 2021/06/15 00:00 (24-hour clock)
Participant: Junior high school / elementary school Junior high school teachers in science and technology fields are preferred
Number of classes opened: Class 1 Number of classes: 20 people
Payment amount: 0 yuan Payment method: no
Course unit
Course unit: Chiayi City Yushan Junior High School
Undertaker: Name: Zhongmeng Zhang
Tel: 05-2357980 # 288
E-Mail: nknuap@mail.edu.tw
other
District Management Center: Education Office of Chiayi City Government
Class review method: The system automatically passes

CJCU- Pingtung Park real escape game




3124796-VR reality design practical application course (online course)

Course and registration information
Course ID: 3124796
Login Date: 2021/07/04
Non-credit classHigh school (including complete middle school high school and comprehensive middle school high school) / teaching / technology field / information technology
VR reality design practical application course (online course)
Course Information
Class date: 2021/7/16 (Friday) to 2021/7/16 (Friday) Course period: Digital distance teaching
Course location: No. 218, Wende Road, Neihu District, Taipei City 
Study hours: 6 hours/credit
Course introduction: The spread of the new crown epidemic, home office and remote teaching have caused tremendous changes in communication and teaching modes, and remote audio-visual communication has become the new normal. Despite the evolution of technology, the basic conditions of AR/VR virtual technology have reached maturity, which can provide a richer use context and a good experience. This study hopes to lead teachers and students to experience learning and bring new vision and imagination to education and learning .
Course schedule and 
 matters needing attention:
09:00-10:00 AR/VR trend seminar and experience
10:00-12:00 AR project implementation
AR script production
AR material output
AR English character card production
release and experience
13:00-16:00 VR basic project implementation Make
VR script planning and design
VR material output
VR campus tour production
VR scene construction
scene conversion and setting
project experience and display
Teachers: [Social professionals] Cai Yawen
According to the document number: [Self-handling]
Study attachment:
Registration Information
Registration date: From 2021/07/04 (Sun) to 2021/07/11 (Sun) Online registration: Open online registration2021/07/04 from 00:00 (24-hour clock)
Participant: Teachers who are interested in this subject in high schools across the country (the school teachers are preferred)
Number of classes opened: Class 1 Number of classes: 20 people
Payment amount: 0 yuan Payment method: no
Course unit
Course unit: Taipei Neihu Senior High School, Taipei City
Undertaker: Name: Zhouzhi Yu
Tel: 02-27977035 # 106
E-Mail: experiment@nhsh.tp.edu.tw
other
District Management Center: Education Bureau of Taipei City Government
Class review method: Manual review

Link :Course code 3124796
 

Beishi Yanxizi No. 1100712009


 
Approval number Beishi Yanxizi No. 1100712009
Study name 110 Taipei Teachers e-textbook Innovation and Teaching Research Workshop: Development and Application of PowerDirector's Textbook-AR Augmented Reality
Study hours 3
organizer Taipei Teachers' Research Center
Study object one 109 school year Taipei teacher e-textbook development teacher and Taipei City teacher
Study object two Open Inter-School Registration
Study object three other
Number of students 0 people every school 0 people
Study start date 2021/7/26
End of study 2021/7/26
Study unit address Online meeting room Map
Study classroom Online course
Study goals In line with the promotion of the 108 syllabus, promote the application of augmented reality (AR) and virtual reality (VR) to the teaching scene to enhance teachers' innovative teaching mode.
Study method  
ways of registration Online registration
Selection instructions 109 school year Taipei teacher e-textbook seed teachers are given priority admission
Study undertaker Lin Qiuwan
Undertaker phone 28616942#236
Implement the plan

  ​Study Information

NTNU Search monitor


XR Practical Applications Course (Basic)


XR practical applications course (Basic)

 

Approval Number:Taipei City seminar No. 1100129033

Seminar:XR practical applications course (Basic)

Organizer:Taipei Municipal Nanmen Junior High School

Date:2021/4/23~2021/4/23

 

This course is designed to learn how to make VR campus digital tours through VR 360 photography, VR storyboard, and by making 2D materials. After finishing materials making, import MAKAR to create AR,VR learning plans or contents. Teachers can edit VR campus tours by themselves, and promote VR campus popularization in Taipei City effectively.

 

Learning Goals: 

1.AR/VR experience

2.VR360 making

3.VR photoes taking

4.VR project planning
5.Basic VR project making

 

Visit Taipei City Teachers’ In-Service Information

Select Unit Of Issued and search:Taipei Municipal Nanmen Junior High School

 

XR Practical Applications Course (Advanced)


XR practical applications course (advanced)

 

Approval Number:Taipei City seminar No. 1100129034

Seminar:XR practical applications course (Advanced)

Organizer:Taipei Municipal Nanmen Junior High School

Date:2021/4/30~2021/4/30

Targets of seminar: 20 teachers enrolled by recommendation from their schools

-----

This course is designed to learn how to make VR campus digital tours through VR 360 photography, VR storyboard, and by making 2D materials. After finishing materials making, import MAKAR to create AR,VR learning plans or contents. Teachers can edit VR campus tours by themselves, and promote VR campus popularization in Taipei City effectively.

 

Learning Goals: 

1.Advanced VR production

2.Scene-to-scene transition and setting

3.VR Q&A production

4.Project experience and display

 

Visit Taipei City Teachers’ In-Service Information (Mandarin only)

Select Unit Of Issued and search "Taipei Municipal Nanmen Junior High School"

 
 

How to Create a Web AR Scratch Card

There're some tips to create a AR digital scratch card?  
Please follow the following steps:


1. Choose up-left corner  >  Create new project


2. Name your project; upload target image, cover image and can choose wheather to open WebAR version, depending on your needs.


3. Switch to "2D Screen" on up-left corner

4. Choose "New Resources" on left colum  > "Image"


5.
Choose the image resource, click open.


6. Upload.


7. Switch module.


8. Choose "scratch" and drag to the middle.


9. Choose "ScratchCard".


10. Choose the scratching resource:Scratch card-1.png


11. Adjust resource size, and its position.
Postition:X:0 Y:0,(becauseX,Y are both O,the object will in the middle.)
Size:X:720 Y:1080,(adjust depending on the size of image.)


12. Choose the prize image: Scratch card-2.png


13. Delete the background and content of scratch card.


14. Choose the resource, drag Scratch card-4 .png as the background.


15. Set your prize-probility.
(1) There is only one image in this tourial, thus the probility is 100.  
(2) If there're differnt prizes on your project, you can set on different probilities on each prize.
(3) Set the exchange code.


16. 
Click up-right corner  >  publish the project.


Click link and start your WebAR photo frame experience
  • WebAR,can be experience directly on webpage(no MAKAR APP installation needed)
  • APP.experience with MAKAR APP(MAKAR APP installation needed)
Downloda the AR ScratchCard resources here


 

MR space project concept

MR space recognition description 1.Create an MR project
2.Download online materials
3.Basic function introduction
4.Publish project
5.Enjoy the MR
Mobile device support description
AR KIT (iOS)
AR CORE (Android)

【Create MAKAR project】
1.Create a new project on the top left.

2.Select AR tag, switch to Space Recognition, set the project name and cover image, then click "OK" to finish the process.




【Download online resources】
1.Click>New Resources>Online Resources

2.Select and download the resources you need.
3.Resource name:PlantBedA



【Drag the resources into the scene】
1.Select resource>Drag it to the corner
2.Then you’ll see the ruler on the scene.

Note:10cm in the small grid is equal to the 10cm in real life. A large grid size is equal to 100cm*100cm

3.Repeat the action below and add other resources.
4.Through the move, rotate, scale to adjust object to Appropriate size.
5.Add additional resources as needed.



【Setting material】
1.In all resources, you can change their materials on the right side of the screen.

2.By changing all the materials to "Mask", the materials will Appear in a no light mode, more like a cartoon style



【Create a group】
1.Select all objects, press Ctrl and click the tree. 
2.Drag the selected objects into the tree to make them become its child items.

【Publish the project 】
Click Publish on the top right.

You can set it to Public or Privacy.




【How to experience】
Open your MAKAR App, input the ID or scan the QR code below, then you can experience the project!
1.Install MAKAR App
2.Click the link to open/or scan QRcode into the project 

3.Scan the floor, see light spots and tap the screen to activate MR

4.Let’s enjoy MR!

"Window" Drop-down List

 

Click "Window" in the upper-left corner to expand the drop-down list.

[My Resources]

MAKAR current support list:
 

Term

Description

Support file extension

Video

video file within specifications (size under 20 MB)

.mp4 / youtube link(without Content ID claim)

Audio

Audio file within specifications (size under 5 MB)

.mp3 / .wav / .ogg

Image

Image file within specifications (size under 5 MB)

.jpg / .png /.gif

3D Model

Support upload and edit 3D model file (size under 10 MB)

.fbx

 

1. Select "My Resources" to preview all built‑in resources. Click "New Resources" to upload local resources, options include image, video, 3D model, audio, panorama video or photos.

2. It's best to add new folders according to the requirements of sorting. Double-click on the file name to rename the folder.




 

3. If you are lacking resources, click "Online Resources" to preview and download resources provided by MAKAR or Sketchfab.

 

4. Click "Next >" to view more resources through pages, expand the drop down list in the upper left corner to view through sorts, or type the keywords in the search box to search directly.

 

5. Accessing Sketchfab resources requires a Sketchfab account. Click "Create Account" will direct you to Sketchfab's official website account create page. After finishing the process, return to MAKAR and login with your Sketchfab account. (You must agree to our User Agreement.)。

 

6. Click the eye icon on the resource to zoom in for more details, and click "Download" to add it in your resource vault. You can also click the download icon to download directly without zooming in.

 

7. All downloaded resources can be seen in the resource vault. If you want to delete any spare resource, select it and click the trash bin icon in the bottom right corner.

8. According to personal needs, you can switch the view between icon mode (default) and list mode, expand the drop down list in the upper right corner to view through sorts, or type the keywords in the search box to search directly.


[Target Image]

1. Manage your target image in "Image Targets", you can upload and delete target images for both new and previous projects.




 
  1. In use target image & Not in use target image

    • In use:Image will be locked, you only can modify it in the associate project. 

    • Not in use:Image will not be locked, you may modify it right here.

 

"MAKAR" Drop-down List

1. Click "MAKAR" in the upper-left corner.

 

2. Click "About" to check your current MAKAR version and our Legal Notes.

 

3. Preference includes "General", "User", "Graphic" and "Hotkey" settings.

 

【General】

 

Switch your interface language here. MAKAR currently supports English, Traditional Chinese, Simplified Chinese, Japanese and Korean interfaces.

 

【User】

 

1. "Object Generate Position" can decide the position while the objects are dropped.

Free: Generate object at the drop position(z-axis = 0.)

Center: Generate object at the world center.

 

 

2. "Object Controller" contends Basic and Advance two types, choose them by depend.

 

3. Click "VR Project Preview Mode" and decide whether using Third person or First person of view while previewing VR project.

 

4. Please turn on  “allow”  to send the error report for better experience on MAKAR.

 

【Graphic】

 

1. Adjust the graphic quality based on your needs.

 

2. Maximum details and shadows produced by light can be seen under “High” quality.

 

3. Minimize details and disable shadows in order to save power under “Low” quality.

 

"Resolution"  in the drop-down list can adjust MAKAR’s resolution.

 

"Window" can switch MAKAR between Full Screen mode and Window mode.

 

 

1. Window: to scale, minimize or close window. 

 

2. Full Screen: Window options disabled. Free scale, minimize and close window unavailable.

 

【Hotkey】

 

All provided hotkeys can be seen here. Input 1 for Windows users, Input 2 for iOS users.

 

After finishing all adjustments, click "Confirm" to apply settings.

 

If you want to exit MAKAR, click "Quit" to close MAKAR.



 

Q&A Module Teaching


Create a new project, switch space identification (AR Kit / Core can be activated according to demand)


Switch function module> Click Q&A> Create Q&A module


Switch back to material library> add folder> upload material


 
Double-click the folder text to rename


Double-click the data and click the thumbnail> Open folder

 


Add> Picture> Select material> Press to open

 
Select Q&A Module> Edit Content


Enter the Q&A module editing screen

 


Question bank on the left, choose to add a new question bank
Description:

1.Question bank: Multiple sets of question banks can be set, such as 100 questions for archaeology.
2.Sorting method: You can set the sorting of the examination papers, for example, from the question bank 100 questions into 20 questions into the examination paper.

 


After choosing + to add a question bank, start editing the contents of the question bank

 


The question types are: none, multiple choice questions and multiple choice questions
The answer type can be set as: text option or picture option



Subject objects can be divided into: pictures, text, videos, 3D models and music

 

 


Choose essay folder


Select the picture material to be the title

 


Show title material

 


Description of object placement for space identification or gyroscope: each small grid is 10cm, each large grid is 100cm
The ratio of the size of the material can be adjusted according to the needs to make the experience more complete

 
Adjust the picture size or position (adjust according to current needs)


Option object: Because it has been set as a text option when selecting a multiple choice question earlier, it can only be a text option.
The default is "Option" text content, you can enter text in the text to modify


As shown in the picture: the original text of "Option" is edited as "I am the answer 4"


The blue filled area is the answer to the question, please change it according to your needs


Select the prompt picture, because the material has not been uploaded, press Cancel to return to the edit page to upload

 


Add> Picture





Select Q&A Module> Edit Content

 


Multiple choice question bank 1 (according to the current preset question bank requirements) Select the picture reminder thumbnail> select the desired picture> complete the question bank construction

  

Build a second question bank

 


Use multiple choice questions and switch picture options as an example
Description of the OK button: Because the user can set multiple answers when creating a "multiple choice question", when the user conducts a quiz in the APP, select OK to complete the answer.


The method of setting the title is the same as that described above.
In this case, add pictures and text as the title Subject objects can be divided into: pictures, text, videos, 3D models and music


Picture answer options are: LIINE, FB icon

 


After adding, it can be arranged according to the size of the material
Description of object selection:
Light-colored background objects are not selected.
The dark background color object is the object selected state.

 

 


Because of multiple choice questions, multiple answers can be set, and users must choose all correct to get the answer.


After completing the question bank setting, you need to create an "examination paper" and switch to "Sort Method"


Select + to create an examination paper question bank, and you can select the placed question bank number from the right column

 


After the placement is complete, you can move the mouse to the top of the question bank to display "eyes" and click to watch

 


If you need to edit the question bank again, please switch to "Question Bank" and select the number of the question bank to be edited, click the eye to re-enter the editing screen

 


After editing, select the upper left to return to the editing page> press the upper right corner to publish the project


 

MAKAR APP AR Viewing Method

AR Target Image Recognition Concept

 



​-------------------
 

Sometime, we are wondering, why AR does not enforce QR Code? What is the difference with AR and QR Code?
To answer this, we have to look at the origin of QR Code. QR Code is the abbrevation of Quick Response Code , a type of barcode invented by Denso Wave in 1994.
Now, all smart phone systems including Apple and Google have integrated QR Code scanning feature with their build in camera. The technology has made a lot of duty became convenience and now most of the users would unconsciously switch on their phone camera to scan when seeing a QR Code. But QR Code comes wit limitation, it does not support the integration of multimedia asset with our reality environment, Now, AR image recognition was invented for this.
 

For Image Recognition, we have to upload a target image to AR system, and the system would automatically process and rate the image for its recognition level.
If the image looks like the one at the left side, it is overly simple, withour sufficient recognition point. It would possibly rated as unrecognizable.
If the image looks like the one at the right, it carries complicated elements and recognition points, then the system would rate it base on a 5 stars scale rating.
More stars the image gets, higher recognition level it is.


The contrast of the image affects the image's recognition level as well.
There are few important factors for choosing a suitable target image:

1. Complicated image
2. High contrass image
3. Preferable image size: 500px - 1000px
3. In RGB mode, 72 dpi

5. JPEG format
6. You can scan or photocapture a physical picture with devices to digitize it
7. Target image can be any imegery items,including graffiti, poster, texture and many more.

AR Target Image Upload Failure

Majority of printed materials are created under CMYK color mode, DPI 150 - 300. As reference image stated below.
If you need to turn these materials into target images, you would have to convert them to RGB color mode in JPG format.



If you have discovered your image specifications do not fit as a target image, you can use Microsoft Paint to convert it.
1. Turn on your Microsoft Paint, resize the image


2. You too can select the Propoerties option of the image, and check the specifications



3. Upload to MAKAR
(1) If the image is in CMYK, the thumbnail will appear as:

Then please follow step 1 and 2 to convert the image to RGB and upload to MAKAR once again.

(2) If it is in RGB, it will shown up as normal thunbnail.

AR scratch card module


This tutorial mainly explains how to make the AR module "scratch card" built in MAKAR Editor, which includes material preparation and material output methods. With simple PPT tools, you can easily get started!


You can download this teaching material here.
Including the output AR scratch card material (.png) and identification image material (.jpg)
And provide the PPT of material production, which is convenient for teachers to edit and modify.

AR Space Recognition Project

【Create MAKAR project】
1.Create a new project on the top left.

2.Select AR tag, switch to Space Recognition, set the project name and cover image, then click "OK" to finish the process.
Space Recognition does not need a target image, but you can choose to activate the AR Kit/Core feature and also the GPS feature.

note: AR Kit/Core feature lets your project detect physical space, scanning the plane to create grids for positioning, and project your AR onto space, thus achieving the effect of Mixed Reality (MR).
More information: AR Kit/ AR Core
【Enter project】
1.Click Ok on the right bottom to enter the project

2.After dragging the resource into the scene, you will see the ruler. Grids mean planes in reality, thus the position will affect the final display.


note:10cm in the small grid is equal to the 10cm in real life. A large grid size is equal to 100cm*100cm

【How to experience 】
Open your MAKAR app, input the ID or scan the QR code below, then you can experience the project!
1.Install MAKAR APP
2.Click the link to open/or scan QRcode into the project 

3.Scan the floor, see light spots and tap the screen to activate MR


【Mobile devices startup】
1. Scan the floor from left to right
2. After seeing the grid and yellow spots, click on the screen to create virtual objects for space recognition (the translucent model is presented as the placement position of the reference objects in the space)

3. Position of objects in real space due to positioning; Walk around in the real space with the to experience, use two fingers at the same time to adjust the position of a single object.
Note: Since space recognition is to locate objects on the plane of the physical space, it is recommended not to adjust the position of the screen as much as possible, but to "walk" to experience.

AR Target Image Recognition Project

 

【Create a new project】

1.Create a new project on the top left.

2.Select AR tag, set the project name and cover image, click "OK" to finish.

 

MAKAR Introductory Video

Create AR/VR content like a pro

With MAKAR, you don't need to be a developer
to create engaging augmented and virtual reality experiences


Multipurpose AR modules

Create your own experience, or use one of the templates for point collection cards, contest cards, and more

Free assets

MAKAR comes with a free library of 600+ 3D models ready for you


AR/VR preview

Preview of your VR experience in real time in MAKAR Editor

Video import method

Video import method
Youtube import method
 Method of adding Youtube video
③ Mp4 upload method












① Youtube import method

1. When creating Youtube videos, pay attention to the permissions of the videos.


2. Youtube permissions are as follows:
  1. Able to use in MAKAR:Public
  2. Unable to use in MAKAR:Non-public, privacy, public with copyright
  3. Copyright notice reference is on the bottom of the Youtube video. Show to view the complete information.

 
 

② Method of adding Youtube video

1. New ResourcesVideoYoutube





2. Click on the link and press Ctrl+V to paste the link (or enter the url below).
MAKAR Video Link:https://www.youtube.com/watch?v=DiTShNUKSow





3. Clicking on the name, it will import the Youtube name automatically.





4. Rename if require.





5. Finish uploading.


 


6. If the music or video is non-public, private or with copyright, the message “Video is invalid for external use or invalid URL” will pop up, please check the status of the video.




7. If the video be uploaded repeatedly, click  on the right bottom to delete.





8. Confirm to delete.





9. Finish deleting.


 


③ Mp4 upload method

1. New ResourcesVideoVideo File




 
2. Select video format .mp4


 


3. Finish uploading.





4. Different materials will display as different icons in MAKAR.
  • youtube
  
  • mp4
  

Point card module

MAKAR provides interactive AR point card module, this module can only be used in the "2D interface" for editing, download this teaching material including the output of point card material (.png) and target image material (.jpg), and provide the material PPT, easy to edit and use later.
  1. Click "New project" on the top left, select the AR tag, switch to "AR target", set the project name or cover, and click "No Template".
  2. Upload the target image file and press Ok to enter the editing scene.

 
 
  1. Switch to “2D screen” on the top left, and select "Module" in the left navigation, hold and drag "Point card module" into the 2D scene to create the module.


 
  1. After the module is created, click New Resources > New folder and double-click the folder text to rename: PointCard. When finishing the renaming, double-click to enter the folder, and upload all the materials for this point card, New Materials > Images.

 
  1. Select the point card module in the scene objects and set up the objects on the right.
    1. Select the background image:BG.jpg
    2. Click the button besides the point card, add the points of the point card and select the corresponding target images (refer to the screenshot below).
 
 
  1. Select the point card module in the scene objects and set up the objects on the right.
    1. Set the image before get point, click before get point, change all points to point.png
    2. Set the image after get point, click the get point, and change all points to the corresponding target image file point1-4.png
    3. Set the number of points for exchange, this project can have a maximum of four points, and at least one point for collecting, the number of points can be set according to requirements.
    4. Setting exchange passwords can help users to solve the problem of accidental exchange. If the number is deleted, the password is not in the state.

 
  1. After finishing the process, click the publish on the top right for project experience, scan the QR below to enter the project and start to experience.

 
  1. The target images are below, scan to collect the point.


 
 

FAQ About point card

Q1:Can it be played repeatedly?
A:The point card module can only be played once per phone. If you need to play multiple times, you need to set up multiple projects.
 
Q2:Can the password not be entered?
A:Yes, please delete the password in dialogue.
 
Q3:Is there a limit to the number of points?
A:According to the number of target images setup,  6 points are recommended.
 
Q4:Whether there will be a background record for the limit of exchanging times?
A:Currently, MAKAR does not provide this service, because of some disputes.  As the result, It is not recommended to use this service to exchange high-price gifts. If you have any requirements, please contact MAKAR customer service to provide customized service.
 
Q5:Whether there will be a background record of play times or exchange status?
A:Currently, MAKAR provides versions of standard and above with the authority of data analysis. After logging in the background, users can watch the exchange status.