I have uploaded all the latest Wikitude JavaScript SDK samples on my website. You can explore very easily the Augmented Reality experiences using Wikitude App.
Simply follow the following steps:
- Download the Wikitude App from the App store on your mobile.
- Create a developer account here for free to login on the developer page
- Run the app and select the developer option from the Hamburger button.
- Login using your developer account
- Enter the url https://eidmuha.000webhostapp.com/index.html ath LAUNCH VIA URL
- Launch and select one of the samples. :)
Note: All the Target Images are placed here, you need them to experience Augmented Reality demos or samples provided by Wikitude.
For the Detail Documentation you can visit the Wikitude's Website, there you can find relevant information
| SAMPLE NAME | EXPLAINATION |
|---|---|
| 01_ImageTracking_1_ImageOnTarget | AR experience, simple image recognition of one image, logger(debug mode) also enabled |
| 01_ImageTracking_2_DifferentTargets | AR experience, with two different images, both are not recognized at the same time |
| 01_ImageTracking_3_Interactivity | Augment a picture with images and button and you can click on the button to open a new page |
| 01_ImageTracking_4_HtmlDrawable | Augment with HTML contents, and can click to open the related link |
| 01_ImageTracking_5_Bonus-Sparkles | Augment with sparkles on the target image |
| 02_AdvancedImageTracking_1_Gestures | Recognizes a face image and augment it your self with different images such as hat. You can interact and do overlay it yourself |
| 02_AdvancedImageTracking_2_DistanceToTarget | Measures distance between your mobile and the target image |
| 02_AdvancedImageTracking_3_ExtendedTracking | Tracking extends beyond the limits of the original target image |
| 03_MultipleTargets_1_MultipleTargets | Recognises multiple targets and project 3D contents on different targets at the same time |
| 03_MultipleTargets_2_DistanceBetweenTargets | Recognises multiple targets and project 3D contents on different targets at the same time |
| 03_MultipleTargets_3_TransformationBetweenTargets | |
| 04_CloudRecognition_1_SingleImageRecognition | Recognises and then overlay content on the target; targets are on the cloud, On wikitude's server |
| 04_CloudRecognition_2_ContinuousImageRecognition | There are multiple target images recognised one at a time |
| 04_CloudRecognition_3_UsingMetainformationInTheResponse | More information is overlaid on the target images |
| 05_InstantTracking_1_SimpleInstantTracking | Track an object, does not work with my mobile |
| 05_InstantTracking_2_3dModelOnPlane | Track an object with controlling option provided on the screen |
| 05_InstantTracking_3_Interactivity | Interact with content objects while tracking, a perfect example for putting objects on its place in your room |
| 05_InstantTracking_4_SceneInteraction | Same as previous sample, with additional warning while you interact with the screen and objects |
| 06_ObjectTracking_1_BasicObjectTracking | Track arbitrary objects using the SLAM technology |
| 06_ObjectTracking_2_2dImageAndSoundAugmentations | Object tracking and augmenting with images |
| 06_ObjectTracking_3_Animated3dAugmentations | Track different parts of an object and augment with animated 3D content |
| 07_3dModels_1_3dModelOnTarget | You have predefined 3D model(content) and overlay it on the recognized image |
| 07_3dModels_2_AppearingAnimation | Apply animation to your 3D model while recognizing the target image |
| 07_3dModels_3_Interactivity | Apply interaction to your 3D model |
| 07_3dModels_4_SnapToScreen | I like this option, where you recognise once the image and then snap your 3D model onto the screen |
| 07_3dModels_5_AnimatedModelParts | Your model can be animated, here once the car is recognise the doors are opened. remember to click on the doors and other parts of the car |
| 07_3dModels_6_3dModelAtGeoLocation | Awesome feature, Follow the pointer and your will find the 3D model of the earth rendered on your screen |
| 08_PointOfInterest_1_PoiAtLocation | Move your mobile and you will find a blue rectangle, which is a simple point of interest at specific location, here the location is generated randomly |
| 08_PointOfInterest_2_PoiWithLabel | Point of interest with a label |
| 08_PointOfInterest_3_MultiplePois | Move around, your will find different POIs |
| 08_PointOfInterest_4_SelectingPois | The POIs with the labels are selectable, just click on the rendered image and it will change its color one at a time, move around the pointer will guide the label you have selected |
| 09_ObtainPoiData_1_FromApplicationModel | Didn't work on my mobile ???????????????? |
| 09_ObtainPoiData_2_FromLocalResource | |
| 09_ObtainPoiData_3_FromWebservice | |
| 10_BrowsingPois_1_PresentingDetails | Move around, find a location with the label and click to get more information |
| 10_BrowsingPois_2_AddingRadar | Adding a radar on your screen |
| 10_BrowsingPois_3_LimitingRange | Selecting a range for the location |
| 10_BrowsingPois_4_ReloadingContent | There is a button where you can reload the pois with random alt, lon, lat |
| 10_BrowsingPois_5_NativeDetailScreen | |
| 10_BrowsingPois_6_Bonus-CaptureScreen | There is a snapshot button, which captures your screen to share with your friends, unfortunately it didn't work on my mobile |
| 11_Video_1_SimpleVideo | Project a simple video on recognised image |
| 11_Video_2_PlaybackStates | Play button option on the video |
| 11_Video_3_SnappingVideo | Snapping video on your screen once image recognised |
| 11_Video_4_Bonus-TransparentVideo | Add your transparent video onto the screen |
| 12_HardwareControl_1_FrontCamera | I think this uses front camera to find a location, but for me it uses back camera |
| 12_HardwareControl_2_CameraSwitching | Camera switching button on the screen |
| 12_HardwareControl_3_AdvancedFeatures | The camera is adjusted; A button where it provides options such as zooming, flashlight, and autofocus |
| 13_PluginsAPI_1_QR&Barcode | Unfortunately, it didnt read any QR/barcode |
| 13_PluginsAPI_2_FaceDetection | It didn't work as well in my mobile |
| 13_PluginsAPI_3_SimpleInputPlugin | ????? |
| 13_PluginsAPI_4_CustomCamera | ???? |
| 13_PluginsAPI_5_MarkerTracking | A black marker displayed and track it |
| x_Demo_1_2dTrackingAndGeo | Again Awesome demo where you can find location of a shop and get into their website and open discount offers |
| x_Demo_2_SolarSystem(Geo) | Solar system augmented in the air at specific location, just follow the pointer |
| x_Demo_3_SolarSystem(2dTracking) | Track a picture and augment it with beautiful animation of solar system |