Deliverable 2

[merkourisa]

In this deliverable, you will develop Interactive Web-based Augmented Reality Applications, where a camera recognizes custom pattern markers. Therefore, you will have to edit index.html found in the marker_based folder.

The deliverable's tasks are:

• You have to create a pattern marker with your university registration number (dpsdXXXXX). The recognition of the marker should display your first and last name and an image of your selection on the scene. Attention!!! you should place the initial image (.png) with your university registration number, in the assets folder, besides the produced .patt, so that anyone can test your application.
• One of the fields that augmented reality can be applied is education, as you can see this video. First, you have to create a pattern marker for the hydrogen element (Η) and a pattern marker for the oxygen element (Ο). The .png images can be found in the assets folder. The recognition of the hydrogen pattern should display a 3d animation similar to the one displayed in the video. Similarly, the same should happen with the oxygen element. Each of you will have to create its own 3D animation.
• When the markers are at distance, the individual animations should be displayed. As they get closer, you should modify the source code to display a third different 3D animation for water (Η2Ο).

Once you have completed the tasks of the deliverable, you must upload the source code on your repository, so the application runs on the Web via Github Pages.

[cgalani]

Καλησπέρα σας ,
Έχω κάνει το ανιματιον με τα atoms αλλα οταν τα εισάγω στον κώδικα μου ,μου εμφανίζονται στατικά, δεν κουνιουνται. Εχω προσπαθήσει να κανω τον κώδικα απο αυτα https://aframe.io/docs/1.3.0/components/gltf-model.html#sidebar μήπως υπάρχει κάτι διαφορετικό απο αυτο για να καταλάβω καλύτερα ; Επίσης δεν εχω καταλάβει πλήρως την έννοια του decoder
-Ευχαριστώ εκ των προτέρων

[merkourisa]

@cgalani καλησπέρα, εγώ στη θέση σου θα δοκίμαζα αρχικά να εισάγω ένα έτοιμο animation (.gltf). Δες λίγο εδώ και συγκεκριμένα εκεί που λέει:

we will show a 3D model: we will use a free model representing the Magnemite Pokémon, you can find it at this address. Download it, unzip it and create a folder called ‘assets’ on the same folder of your index.html file...

Αφού παίξει το συγκεκριμένο animation δοκίμασε μετά να εισάγεις το δικό σου.

[EvitaXen]

Καλησπέρα, έχω ένα θέμα με την αναγνώριση του marker. Αυτή είναι η διαδρομή του ptt, Augmented-Reality-main\marker_based\assets\pattern-Untitled-2.patt" και εκεί έχω βάλει το png που είναι η παρακάτω εικόνα. Ο κώδικας μου επίσης είναι αυτός.

        <a-text color="#357EC7" value="Paraskevi Xenoktistaki" width="5" rotation="-90 0 0" class="bolded" position="-1 0 -1"></a-text>

        <a-image src="#my-image" width="1.5" height="1.5" rotation="-90 0 0" position="0 0 0"></a-image>

        <a-entity id="box" geometry="primitive: box; width: 0.2; depth: 0.2; height: 1.0" position="0 0 0" material="color: #4CC3D9"></a-entity>

    </a-marker>

.
Εχω δοκιμάσει πάρα πολλά patterns με μικρότερα/μεγαλύτερα γράμματα και δεν μου το αναγνωρίζει με τίποτα. Μήπως γνωρίζετε τι άλλο μπορώ να δοκιμάσω; Ευχαριστώ εκ των προτέρων.

[MaritettaKatsarou]

Καλησπέρα σας,
Για το animation εχω την εξής απορία... Λετε "similar to the one displayed in the video" που αυτο σημαίνει να έχουμε τα δυο elements ξεχωριστά και όταν τα φέρνουμε κοντά να γίνονται νερό ... αλλά απο την άποψη των γραφικών, πρέπει αναγκαστικά να κάνουμε τα στοιχεία σαν μοριακές δομές (δλδ σφαιρικά)?
Ευχαριστώ εκ των προτέρων!

[merkourisa]

καλησπέρα @EvitaXen, εγώ έφτιαξα τον marker αρχικά στην ζωγραφική και στη συνέχεια χρησιμοποίησα το εργαλείο που σας υποδεικνύει στις οδηγίες και δεν υπήρχε κάποιο πρόβλημα. Δοκίμασε να κάνεις download την εικόνα του marker από το εργαλείο και να την εκτυπώσεις ώστε μετά να τη διαβάσεις με την κάμερα

[merkourisa]

καλησπέρα @MaritettaKatsarou μπορείς να δημιουργήσεις ότι animation εσύ θες, τόσο για τα ξεχωριστά elements όσο και για το νερό.

[EvitaXen]

Το έκανα, κατέβασα ως pdf την εικόνα, την εκτύπωσα και πάλι δεν δούλεψε. Γενικά έχω ένα πρόβλημα με τα sources, δηλαδή και με την εμφανιση της εικόνας μέσω του marker, ενώ την έχω στα assets του based marker, και βάζω και την εντολή img id="my-image" src=.. στα assets, και έπειτα το a-image src="#my-image" μου βγάζει μαύρη την εικόνα. Ξέρετε μήπως πως μπορεί να διορθωθεί; Πιστεύω για τον ίδιο λόγω δεν αναγνωρίζει και τον custom marker. Ξανα κατεβασα τον κώδικα τα έκανα όλα από την αρχή αλλά τίποτα

[Evedes01]

Κι εγώ αντιμετωπίζω το ίδιο πρόβλημα με την @EvitaXen. Πρέπει να είναι κάποιο θέμα γενικά με τα assets ή το path τους. Μόνο που εμένα εμφανίζει την φωτογραφία άσπρη.
Επίσης, όταν χρησιμοποιώ για την εμφάνηση πολυμέσων (εικόνες, 3D μοντέλα και markers) τον κώδικα ... (που καλώ μετά με id=#...) δεν φορτώνει καν την σελίδα στον browser.
Υπάρχει κάποιο κομμάτι κώδικα που ίσως δεν έχω συμπεριλάβει? Ή κάποιο js αρχείο που λείπει?

[merkourisa]

@EvitaXen και @Evedes01 από την στιγμή που το πρώτο ζητούμενο του παραδοτέου είναι να διαβάσετε έναν pattern marker με τον αριθμό μητρώου σας και να εμφανίσετε ένα asset εγώ θα έκανα τις εξής δοκιμές:

1. Αρχικά θα δοκίμαζα αν ο marker που έχω δημιουργήσει αναγνωρίζεται με επιτυχία εμφανίζοντας απλά έναν κύβο ή έναν κύκλο.
2. Στη συνέχεια θα χρησιμοποιούσα τον hiro marker για να εμφανίσω μια εικόνα διαβάζοντας την από τον φάκελο assets.
3. Από την στιγμή που έχω καταφέρει να δουλέψουν τα παραπάνω τότε θα υλοποιούσα το ζητούμενο του δεύτερου παραδοτέου.

Ps. Πατώντας το F12 στον browser ανοίγουν τα development tools .

[Evedes01]

Σχετικά με τις φωτογραφίες και τα 3D μοντέλα, τσέκαρα στα Developer tools το λόγο που δεν φορτώνει η σελίδα και στα errors μου εμφανίζει ότι έχει μπλοκαριστεί από την CORS (Cross-Origin Resource Sharing) policy,

Παρόμοια μηνύματα μου έβγαλε και στο Microsoft Edge.

[EvitaXen]

Και εμένα τα ίδια μου βγάζει με την @Evedes01

[merkourisa]

@EvitaXen και @Evedes01 από ότι φαίνεται διαβάζετε λάθος τα αρχεία από το φάκελο assets. Για το συγκεκριμένο παραδοτέο τα αρχεία θα πρέπει να βρίσκονται στο φάκελο /Augmented-Reality/marker_based/assets/ .

Για παράδειγμα για να διαβάσετε τον pattern-dpsd.patt, που υπάρχει ήδη μέσα στο φάκελο για επίδειξη, αρκεί να γράψετε στον κώδικα σας url='/assets/pattern-dpsd.patt'.

[Evedes01]

Ακριβώς έτσι όπως περιγράψατε έχω οργανώσει τα αρχεία και είχα το πρόβλημα που περιέγραψα και πιο πάνω. Και τώρα που το δοκίμασα στο github με το patt αρχείο που είπατε δεν αναγνωρίζει καθόλου τον marker και στα developer tools μου βγάζει αυτά τα σφάλματα:

[Evedes01]

Σχετικά με το θέμα, το έλυσα (για εμένα τουλάχιστον).
Λόγω CORS policy, στον Chrome, Explorer και Mozilla δεν επέτρεπε να φορτώσουν τα αρχεία.
Έτσι, το δοκίμασα με τον local server που γίνεται μέσω της python και λειτούργησαν όλα μια χαρά.

Το μόνο θέμα είναι ότι όταν ανέβουν στο Github δεν θα λειτουργούν.

[EvitaXen]

Καλησπέρα, το έκανα και εγώ στο local server και λύθηκε το cors policy, αλλά! Δεν μου αναγνωρίζει τον custom marker δηλαδή:
Εδώ είναι τα αρχεία

Εδώ είναι ο κώδικας:

Kαι αυτό μου βγάζει το localhost:


Έχω δοκιμάσει καινούριους markers και έτοιμους και από άλλο laptop και σε firefox κ.α. να αλλάξω τον κώδικα, γενικά αρκετά πράγματα αλλά τίποτα.

[merkourisa]

Καλησπέρα @EvitaXen, δοκίμασες να διαβάσεις τον pattern marker (dpsd20000) που υπάρχει στο φάκελο assets για επίδειξη?

Δημιούργησα το pattern με τον αριθμό μητρώου σου και το δοκίμασα στον υπολογιστή μου και τον αναγνωρίζει κανονικά.

Σου στέλνω τα αρχεία για να δοκιμάσεις.
assets.zip

[merkourisa]

@EvitaXen Όπως βλέπω στο repository σου έχεις δημιουργήσει στο φάκελο assets ένα νέο φάκελο assets και εκεί έχεις βάλει τα αρχεία σου!!!!

Στον κώδικα σου διαβάζεις από το url='/assets/.. ή από το url='/assets/assets/... ;

[EvitaXen]

Όχι απλά το ανέβασα καταλάθος έτσι στο GitHub δεν το έχω έτσι στο desktop θα το δοκιμάσω αύριο το αρχείο που στείλατε και θα σας απαντήσω ευχαριστώ πολύ. Λήψη Outlook για Android<https://aka.ms/AAb9ysg>

…

________________________________ From: Alexandros Merkouris ***@***.***> Sent: Friday, April 29, 2022 1:16:39 AM To: merkourisa/Augmented-Reality ***@***.***> Cc: EvitaXen ***@***.***>; Mention ***@***.***> Subject: Re: [merkourisa/Augmented-Reality] Deliverable 2 (Issue #2) @EvitaXen<https://github.com/EvitaXen> Όπως βλέπω στο repository σου έχει βάλει δημιουργήσει στο φάκελο assets ένα νέο φάκελο assets και εκεί έχεις βάλει τα αρχεία σου!!!! Στον κώδικα σου διαβάζεις από το url='/assets/.. ή από το url='/assets/assets/... ; — Reply to this email directly, view it on GitHub<#2 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AYFZ3L2CPA7KLYRDGDGRSQLVHME4PANCNFSM5OPPJFMQ>. You are receiving this because you were mentioned.Message ID: ***@***.***>

[EvitaXen]

Δοκίμασα το zip που μου στείλατε και πάλι εμφανίζει το ίδιο πρόβλημα, τα ανέβασα και στην πλατφόρμα αν μπορείτε να τα δείτε παρακαλώ πολύ.

[merkourisa]

@EvitaXen κάποιο λάθος υπάρχει στον κώδικά σου και δεν φορτώνει σωστά τα resources.

Εγώ στη θέση σου θα έκανα τα εξής:

1. Θα έκανα restore τον κώδικα στο 1ο παραδοτέο για να είμαι σίγουρος ότι δεν υπάρχει κάποιο λάθος.
2. Θα δοκίμαζα να διαβάσω τον pattern-dpsd.patt που υπάρχει μέσα στον φάκελο /assets για επίδειξη και θα θα εμφάνιζα ένα απλό σχήμα (κύβο ή κύκλο).
3. Θα δοκίμαζα να διαβάσω τον δικό μου pattern marker και θα εμφάνιζα ένα απλό σχήμα.
4. Μετά θα προσπαθούσα να εμφανίσω κείμενα ή εικόνες με την επιτυχή αναγνώριση του marker.

[merkourisa]

https://stackoverflow.com/questions/61239107/how-to-get-marker-position-x-y-ar-js

[CharisisLalopoulos]

Παιδιά εγώ βοηθήθηκα με το πρόβλημα που αντιμετώπιζα με τα custom Markers από αυτές τις δύο συζητήσεις:

1. Custom pattern is not being recognized
2. Hiro working great but custom markers not working

Αν θέλετε να δείτε τι δούλεψε συγκεκριμένα για εμένα, μπορείτε να διαβάσετε το my_report μου.

[FaidraDamianou]

Καλησπερα, οσο προσπαθουσα να δοκιμασω διαφορα markers με το κινητο μεσω του Github, ειδα πως τις τελευταιες δυο προσπαθειες μου σταματησε να δουλευει και το hiro marker. δεν αγγιξα καθολου τον κωδικα σχετικα με το hiro οποτε δεν καταλαβαινω τι εχει συμβει.

[ZoiGalanidpsd19014]

Καλησπέρα, αυτος ειναι ο κωδικας μου και δε μου αναγνωριζει κανενα pattern. κανω κατι λαθος? ολα τα patt, png κλπ ειναι στα asset

[sdoulaveris]

Yπάρχει κανένα link για να βρούμε τις αποστάσεις? γιατί οπότε ψάχνω στο google distance betwwen markers μου βγάζει μαρκαδόρους και φωτογραφείς από το google maps?

[merkourisa]

Yπάρχει κανένα link για να βρούμε τις αποστάσεις? γιατί οπότε ψάχνω στο google distance betwwen markers μου βγάζει μαρκαδόρους και φωτογραφείς από το google maps?

@sdoulaveris Δες εδώ:
#2 (comment)

[merkourisa]

Καλησπέρα, αυτος ειναι ο κωδικας μου και δε μου αναγνωριζει κανενα pattern. κανω κατι λαθος? ολα τα patt, png κλπ ειναι στα asset

@ZoiGalanidpsd19014 Δες εδώ:
#2 (comment)

[merkourisa]

Καλησπερα, οσο προσπαθουσα να δοκιμασω διαφορα markers με το κινητο μεσω του Github, ειδα πως τις τελευταιες δυο προσπαθειες μου σταματησε να δουλευει και το hiro marker. δεν αγγιξα καθολου τον κωδικα σχετικα με το hiro οποτε δεν καταλαβαινω τι εχει συμβει.

@FaidraDamianou έτρεξα την εφαρμογή σου από Github Pages και κάποιο λάθος υπάρχει στον κώδικα σου και δεν φορτώνει σωστά κάποιο resource.

[EvitaXen]

Καλησπέρα, μήπως υπάρχει κάποιο παράδειγμα για το πως γίνεται η εναλλαγή των δύο animation με το 3ο; Προσπάθησα για παράδειγμα μετά από μία συγκεκριμένη απόσταση να μην είναι ορατό το ένα animation του ενός marker και μετά στον άλλο να γίνεται αντικατάσταση του animation με το 3ο αλλά δεν βγήκε με κανένα τρόπο. Και έψαξα αν γίνεται δύο markers να εμφανίζουν ένα animation αλλά δεν βρήκα κατι σχετικό.

[EvitaXen]

Nαι τις παραπάνω εντολές τις έχω χρησιμοποιήσει, απλά η απορία μου είναι το πως ορίζεται το τελευταίο animation για να εμφανιστεί, δηλαδή μέσα σε έναν από τους δυό markers, απλά ως entity γιατι έψαξα και δεν μπορώ να βρω το που και πως μέσα στον κώδικα λόγω του οτι ειναι 3 elements ουσιαστικά, και δύο οι markers.

[merkourisa]

Προφανώς το τελευταίο animation θα είναι ένα ανεξάρτητο entity στην σκηνή αφού δεν χρειάζεται να διαβάσεις κάποιον marker για να το εμφανίσεις αλλά θα εμφανίζεται με βάση τη φυσική απόσταση των άλλων δυο markers

[EvitaXen]

Καλησπέρα, σχετικά με το 3ο βήμα, κοίταξα διάφορα παραδείγματα από το A-frame, stackoverflow, δοκίμασα διάφορες εντολές σχετικά με το πως να "καλέσω" τα elements και να τα επεξεργαστώ αλλά δεν μου λειτουργεί τίποτα. Είναι δυνατό παρακαλώ πολύ να δείτε τον κώδικα και να μου πείτε ποιο είναι το error; Διότι με βάση τις πηγές δεν βρίσκω κατι.

[merkourisa]

Καλησπέρα @EvitaXen, μάλλον έχεις τοποθετήσεις σε λάθος σημείο το script που υπολογίζει το Marker distance.

Δες λίγο εδώ.

Συγκεκριμένα δες στην πρώτη εικόνα που τοποθετείται το script με το AFRAME.registerComponent σε σχέση με τo a-scene

Επιπλέον δες παρακάτω στην τρίτη εικόνα πως μπορείς να καλέσεις μέσα από το a-scene ένα AFRAME.registerComponent

[CharisisLalopoulos]

Καλησπέρα, έχω κάνει τα animation μου στο Blender, τα κάνω export σε .glb αρχείο και προσπαθώ να τα βάλω στον κώδικα μετά σύμφωνα με το gltf-model, αλλά είτε τα εμφανίζει στατικά, είτε δεν τα εμφανίζει καθόλου. Έχω χρησιμοποιήσει το κατάλληλο script που χρειάζεται από το A-frame-extras και εντολές για το animation από το A-frame-extras, όπως και παραλλαγές του κώδικα από διάφορα βίντεο στο Youtube, αλλά δεν μπορώ να βγάλω άκρη. Φταίει το Blender αρχείο; Οι εντολές στην A-frame;

Ο κώδικας :

[EvitaXen]

Καλησπέρα!Έφτιαξα (θεωρώ) την τοποθεσία του script αλλά και πάλι δεν δουλεύει και δεν μπορω να βρω το λάθος του κώδικα. Μου εμφανίζονται όλα κανονικά, ακόμα και το νερό υπάρχει συνεχόμενα στην οθόνη. Έψαξα ξανά αλλά δεν βρήκα κάτι μόνο αυτή την εντολή από το measure-it " if (marker2.object3D.visible == true && marker2.object3D.visible == true)

            {
                this.text.setAttribute("value", markerDistance)
            }

            else {
                this.text.setAttribute("value", -1)
            }

" που την πείραξα λίγο αλλά οταν την βάζω από κάτω δεν εμφανίζεται τίποτα ούτε λειτουργεί κανένας από τους μάρκερς.

[merkourisa]

@CharisisLalopoulos Καλησπέρα, έχεις δοκιμάσει να διαβάσεις το animation σε μορφή .gltf?

Κατέβασε από εδώ τον magnemite και προσπάθησε να τον διαβάσεις.

[merkourisa]

@EvitaXen έχεις κατανοήσει ποιος είναι ο ρόλος ύπαρξης των συγκεκριμένων εντολών?

[MaritettaKatsarou]

Καλημέρα, χτες το βράδυ καθώς εκανα κατι αλλαγές στο position του text μου σε καποια φαση όταν πήγα να το δοκιμάσω δεν μου άνοιγε τη σελίδα του Marker_Based. Δεν έχω πειράξει τίποτα άλλο αλλά για κάποιο λόγο δεν μου ζητάει άδεια για να ανοίξει η κάμερα και το μικρόφωνο και μου εμφανίζει μια άσπρη καρτέλα. Το δοκίμασα και από το κινητό και από το λαπτοπ και από το λαπτοπ ενός άλλου παιδιού. Μήπως κάποιος έχει κάποια ιδέα γιατί συμβαίνει αυτό?

[sdoulaveris]

ναι γεια σας, έχω φτάσει το project μέχρι το 2ο βήμα και έπαιζε κανονικά και εχθές χωρίς να έχω αλλάξει τον κώδικα δουλεύει μόνο το 1ο deliverable και από το 2ο δεν σκανάρει τίποτα

[sdoulaveris]

ναι γεια σας, ξερει κανεις τι είναι το about? που βρίσκεται? και πιο link πρεπει να βάλω?

[EvitaXen]

Κατάλαβα τα λάθη στον κώδικα που έστειλα και διάβασα από αυτές τις πηγές: 1.https://threejs.org/docs/#api/en/math/Vector3 , 2.https://aframe.io/docs/1.3.0/core/entity.html#properties, 3.https://stackoverflow.com/questions/67578125/a-frame-show-gltf-model-if-variable-has-a-certain-value, αλλά μπόρεσα να τα καταλάβω μέχρι ένα σημείο.

Επίσης μου βγάζει αυτό

[FaidraDamianou]

Καλησπερα, εφτιαξα το θεμα με το resource οταν εγραψα ετσι το url

Χαρηκα και πολυ γιατι μου δουλεψε και το δικο μου μαρκερ, οχι μονο το hiro!
αλλα μετα οταν εκανα upload στο φακελο assets μια εικονα για να εμφανιζεται με το marker μου, τεσταρα τον κωδικα ξανα (ΔΕΝ τον αλλαξα) και τωρα ΠΑΛΙ χαλασαν ΚΑΙ ΤΑ ΔΥΟ ( hiro & custom marker )!!
Τι μπορω να κανω για αυτο; Δεν γινεται καθε φορα που θα ανεβαζω κατι να μου χαλαει ο κωδικας! :(

[lydiaznt]

καλησπέρα,
όταν προσπαθώ να ανεβάσω την φωτογραφία και το marker based μου το github δεν με αφήνει. Συγκεκριμένα γράφει uploads are desabled.

[merkourisa]

καλησπέρα, όταν προσπαθώ να ανεβάσω την φωτογραφία και το marker based μου το github δεν με αφήνει. Συγκεκριμένα γράφει uploads are desabled.

@lydiaznt δοκίμασες το github desktop?

[merkourisa]

Καλησπερα, εφτιαξα το θεμα με το resource οταν εγραψα ετσι το url

Χαρηκα και πολυ γιατι μου δουλεψε και το δικο μου μαρκερ, οχι μονο το hiro! αλλα μετα οταν εκανα upload στο φακελο assets μια εικονα για να εμφανιζεται με το marker μου, τεσταρα τον κωδικα ξανα (ΔΕΝ τον αλλαξα) και τωρα ΠΑΛΙ χαλασαν ΚΑΙ ΤΑ ΔΥΟ ( hiro & custom marker )!! Τι μπορω να κανω για αυτο; Δεν γινεται καθε φορα που θα ανεβαζω κατι να μου χαλαει ο κωδικας! :(

@FaidraDamianou τσέκαρε λίγο εδώ πώς μπορούμε να κάνουμε diplay μια εικόνα .png. Στο src θα πρέπει να καθορίσεις το path που έχεις τοποθετήσει την εικόνα σου

[merkourisa]

Κατάλαβα τα λάθη στον κώδικα που έστειλα και διάβασα από αυτές τις πηγές: 1.https://threejs.org/docs/#api/en/math/Vector3 , 2.https://aframe.io/docs/1.3.0/core/entity.html#properties, 3.https://stackoverflow.com/questions/67578125/a-frame-show-gltf-model-if-variable-has-a-certain-value, αλλά μπόρεσα να τα καταλάβω μέχρι ένα σημείο. Επίσης μου βγάζει αυτό

@EvitaXen το script με τον κώδικα που υπολογίζει την απόσταση πρέπει να βρίσκεται πριν το a-scene

#2 (comment)

[merkourisa]

ναι γεια σας, ξερει κανεις τι είναι το about? που βρίσκεται? και πιο link πρεπει να βάλω?

@sdoulaveris δες τα initial settings και συγκεκριμένα τη δεύτερη εικόνα

[merkourisa]

Καλημέρα, χτες το βράδυ καθώς εκανα κατι αλλαγές στο position του text μου σε καποια φαση όταν πήγα να το δοκιμάσω δεν μου άνοιγε τη σελίδα του Marker_Based. Δεν έχω πειράξει τίποτα άλλο αλλά για κάποιο λόγο δεν μου ζητάει άδεια για να ανοίξει η κάμερα και το μικρόφωνο και μου εμφανίζει μια άσπρη καρτέλα. Το δοκίμασα και από το κινητό και από το λαπτοπ και από το λαπτοπ ενός άλλου παιδιού. Μήπως κάποιος έχει κάποια ιδέα γιατί συμβαίνει αυτό?

@MaritettaKatsarou υπάρχει κάποιο λάθος στον κώδικα σου. Άνοιξε την εφαρμογή και πάτα F12 για να δεις το λάθος

[sdoulaveris]

Καλησπερα, εφτιαξα το θεμα με το resource οταν εγραψα ετσι το url

Χαρηκα και πολυ γιατι μου δουλεψε και το δικο μου μαρκερ, οχι μονο το hiro! αλλα μετα οταν εκανα upload στο φακελο assets μια εικονα για να εμφανιζεται με το marker μου, τεσταρα τον κωδικα ξανα (ΔΕΝ τον αλλαξα) και τωρα ΠΑΛΙ χαλασαν ΚΑΙ ΤΑ ΔΥΟ ( hiro & custom marker )!! Τι μπορω να κανω για αυτο; Δεν γινεται καθε φορα που θα ανεβαζω κατι να μου χαλαει ο κωδικας! :(

η ζωη μου

[CharisisLalopoulos]

Καλησπέρα, όσων αφορά το 3ο ζητούμενο με την απόσταση των markers έχω δει τα link που έχετε στείλει πιο πάνω, όπως και άλλες πηγές, αλλά ακόμη αντιμετωπίζω προβλήματα. Πιστεύω πως έχω κατανοήσει τις εντολές μέχρι ένα σημείο, όσο μπορώ, δεδομένου ότι είναι καινούργια πράγματα και δεν έχουμε αρκετή τριβή μαζί τους έτσι ώστε να τα χειριζόμαστε με ευχέρεια.
Όταν καλώ την για κάποιο λόγο δεν μου αναγνωρίζει κανένα marker. Δεν μπορώ να καταλάβω τι φταίει...
Το <script> με τον κώδικα για το marker-distance :

[merkourisa]

Καλησπέρα @CharisisLalopoulos,

Αν διαβάσουμε τις οδηγίες από εδώ για το πως κάνουμε register ένα component (με όνομα foo) και το καλούμε θα παρατηρήσουμε τα εξής:

Για να το κάνουμε register:

// Registering component in foo-component.js
AFRAME.registerComponent('foo', {
  schema: {},
  init: function () {},
  update: function () {},
  tick: function () {},
  remove: function () {},
  pause: function () {},
  play: function () {}
});

Για να το χρησιμοποιήσουμε:

<!-- Usage of `foo` component. -->
<html>
  <head>
    <script src="aframe.min.js"></script>
    <script src="foo-component.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity foo></a-entity>
    </a-scene>
  </body>
</html>

Στη δική μας περίπτωση τώρα θα πρέπει να κάνουμε register ένα component me όνομα marker-distance. Άρα θα πρέπει να έχουμε κάτι τέτοιο

<script>
      AFRAME.registerComponent("marker-distance", {
        init: function() {          

        },
        tick: function() {
            
        }
      })
</script>

Ενώ για να το καλέσουμε από την a-scene:

<a-entity marker-distance></a-entity>

Η init: function εκτελείται μόνο μια φορά αρχικά όπως και στο Arduino με την void setup. Ενώ η tick: function is called on each tick or frame of the scene’s render loop όπως συμβαίνει και στο Arduino με την void loop.

Μέσα λοιπόν στην init θα πρέπει να τοποθετήσουμε τον κώδικα που χρειάζεται να εκτελέσουμε μια φορά αρχικά δηλαδή τις εντολές document.querySelector('...').

Ενώ μέσα στη tick θα τοποθετήσεις τις υπόλοιπες εντολές που θέλουμε για να υπολογίσουμε την απόσταση.

Παρατηρώ ότι δίνεις markerDistance = hydrogenPos.distanceTo (oxygenPos)
Έχεις όμως ορίσει την μεταβλήτη markerDistance, όπως έχεις κάνει για τις μεταβλητές hydrogenPos και oxygenPos. Τι είδους μεταβλητή είναι αυτή;

[CharisisLalopoulos]

Διάβασα τις οδηγίες και νομίζω κατάλαβα λίγο καλύτερα πως λειτουργούν οι εντολές, κατάφερα να λύσω και το προηγούμενο πρόβλημα που αντιμετώπιζα που δεν αναγνώριζε κανένα marker όταν καλούσα την marker-distance, δεν κατάφερα να το κάνω όμως να δουλέψει. Δηλαδή είτε πλησιάζω τα markers μεταξύ τους, είτε τα απομακρύνω συνεχίζει να προβάλει τα αρχικά animation και να μην αλλάζει σε αυτό του νερού όταν η απόσταση είναι μακρότερη από 2. Ακόμη αυτό που παρατήρησα είναι ότι για κάποιο λόγω τα animation των στοιχείων εξαφανίζονται όταν πλησιάζω το κινητό κοντά στην κάμερα απο ενα σημείο και μετά, κάτι που με κάνει να σκέφτομαι οτι η απόσταση αντί να λειτουργεί μεταξύ των δυο marker λειτουργεί ανάμεσα στην απόσταση του κάθε marker με την κάμερα ξεχωριστά.

[EvitaXen]

Λοιπόν, παρακαλώ πάρα πάρα πολύ δείτε τον κώδικα, μία τελευταία φορά και μετά θα σωπάσω αλήθεια, γιατί και οτι είπατε έκανα, και F12 πάτησα και δεν μου βγάζει λάθος κάτι υπάρχει που δεν βλέπω.

[merkourisa]

@EvitaXen έχεις ανεβάσει μέσα στο φάκελο marker_based ένα φάκελο marker_based!!!

[EvitaXen]

Ναι είναι και αυτό ένα θεματακι. Κάνω upload το marker based από το desktop που έχει μόνο το assets, build, index στο Augmented-Reality αλλά δεν το δέχεται.

[merkourisa]

Fetch origin για να συγχρονίσει τοπικά, σβήσε τοπικά το φάκελο που δεν θες, commit changes και push origin

[EvitaXen]

To εφτιαξα, αν μπορειτε τωρα παρακαλώ να δείτε τον κώδικα!

[merkourisa]

Το script που υπολογίζει την απόσταση εξακολουθεί να βρίσκεται σε λάθος σημείο. Δες που είναι τα άλλα scripts

[merkourisa]

Please check your emails concerning the grading of the 2st Deliverable