Skip to content

I have uploaded all the Wikitude JavaScript SDK samples on a free website. Very easy to run Augmented Reality experiences using Wikitude App.

License

Notifications You must be signed in to change notification settings

eidmuha/WikitudeJavaScriptSDKSamples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

Test and explore Augmented Reality Experiences provided by Wikitude

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

A Precise Explaination-What do the Samples do

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

About

I have uploaded all the Wikitude JavaScript SDK samples on a free website. Very easy to run Augmented Reality experiences using Wikitude App.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published