Open merkourisa opened 2 years ago
Καλησπέρα σας , Έχω κάνει το ανιματιον με τα atoms αλλα οταν τα εισάγω στον κώδικα μου ,μου εμφανίζονται στατικά, δεν κουνιουνται. Εχω προσπαθήσει να κανω τον κώδικα απο αυτα https://aframe.io/docs/1.3.0/components/gltf-model.html#sidebar μήπως υπάρχει κάτι διαφορετικό απο αυτο για να καταλάβω καλύτερα ; Επίσης δεν εχω καταλάβει πλήρως την έννοια του decoder -Ευχαριστώ εκ των προτέρων
@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 δοκίμασε μετά να εισάγεις το δικό σου.
Καλησπέρα, έχω ένα θέμα με την αναγνώριση του marker. Αυτή είναι η διαδρομή του ptt, Augmented-Reality-main\marker_based\assets\pattern-Untitled-2.patt" και εκεί έχω βάλει το png που είναι η παρακάτω εικόνα. Ο κώδικας μου επίσης είναι αυτός.
. Εχω δοκιμάσει πάρα πολλά patterns με μικρότερα/μεγαλύτερα γράμματα και δεν μου το αναγνωρίζει με τίποτα. Μήπως γνωρίζετε τι άλλο μπορώ να δοκιμάσω; Ευχαριστώ εκ των προτέρων.
Καλησπέρα σας, Για το animation εχω την εξής απορία... Λετε "similar to the one displayed in the video" που αυτο σημαίνει να έχουμε τα δυο elements ξεχωριστά και όταν τα φέρνουμε κοντά να γίνονται νερό ... αλλά απο την άποψη των γραφικών, πρέπει αναγκαστικά να κάνουμε τα στοιχεία σαν μοριακές δομές (δλδ σφαιρικά)? Ευχαριστώ εκ των προτέρων!
καλησπέρα @EvitaXen, εγώ έφτιαξα τον marker αρχικά στην ζωγραφική και στη συνέχεια χρησιμοποίησα το εργαλείο που σας υποδεικνύει στις οδηγίες και δεν υπήρχε κάποιο πρόβλημα. Δοκίμασε να κάνεις download την εικόνα του marker από το εργαλείο και να την εκτυπώσεις ώστε μετά να τη διαβάσεις με την κάμερα
καλησπέρα @MaritettaKatsarou μπορείς να δημιουργήσεις ότι animation εσύ θες, τόσο για τα ξεχωριστά elements όσο και για το νερό.
Το έκανα, κατέβασα ως pdf την εικόνα, την εκτύπωσα και πάλι δεν δούλεψε. Γενικά έχω ένα πρόβλημα με τα sources, δηλαδή και με την εμφανιση της εικόνας μέσω του marker, ενώ την έχω στα assets του based marker, και βάζω και την εντολή img id="my-image" src=.. στα assets, και έπειτα το a-image src="#my-image" μου βγάζει μαύρη την εικόνα. Ξέρετε μήπως πως μπορεί να διορθωθεί; Πιστεύω για τον ίδιο λόγω δεν αναγνωρίζει και τον custom marker. Ξανα κατεβασα τον κώδικα τα έκανα όλα από την αρχή αλλά τίποτα
Κι εγώ αντιμετωπίζω το ίδιο πρόβλημα με την @EvitaXen. Πρέπει να είναι κάποιο θέμα γενικά με τα assets ή το path τους. Μόνο που εμένα εμφανίζει την φωτογραφία άσπρη.
Επίσης, όταν χρησιμοποιώ για την εμφάνηση πολυμέσων (εικόνες, 3D μοντέλα και markers) τον κώδικα
@EvitaXen και @Evedes01 από την στιγμή που το πρώτο ζητούμενο του παραδοτέου είναι να διαβάσετε έναν pattern marker με τον αριθμό μητρώου σας και να εμφανίσετε ένα asset εγώ θα έκανα τις εξής δοκιμές:
Ps. Πατώντας το F12 στον browser ανοίγουν τα development tools .
Σχετικά με τις φωτογραφίες και τα 3D μοντέλα, τσέκαρα στα Developer tools το λόγο που δεν φορτώνει η σελίδα και στα errors μου εμφανίζει ότι έχει μπλοκαριστεί από την CORS (Cross-Origin Resource Sharing) policy,
Παρόμοια μηνύματα μου έβγαλε και στο Microsoft Edge.
Και εμένα τα ίδια μου βγάζει με την @Evedes01
@EvitaXen και @Evedes01 από ότι φαίνεται διαβάζετε λάθος τα αρχεία από το φάκελο assets. Για το συγκεκριμένο παραδοτέο τα αρχεία θα πρέπει να βρίσκονται στο φάκελο /Augmented-Reality/marker_based/assets/ .
Για παράδειγμα για να διαβάσετε τον pattern-dpsd.patt, που υπάρχει ήδη μέσα στο φάκελο για επίδειξη, αρκεί να γράψετε στον κώδικα σας url='/assets/pattern-dpsd.patt'
.
Ακριβώς έτσι όπως περιγράψατε έχω οργανώσει τα αρχεία και είχα το πρόβλημα που περιέγραψα και πιο πάνω. Και τώρα που το δοκίμασα στο github με το patt αρχείο που είπατε δεν αναγνωρίζει καθόλου τον marker και στα developer tools μου βγάζει αυτά τα σφάλματα:
Σχετικά με το θέμα, το έλυσα (για εμένα τουλάχιστον). Λόγω CORS policy, στον Chrome, Explorer και Mozilla δεν επέτρεπε να φορτώσουν τα αρχεία. Έτσι, το δοκίμασα με τον local server που γίνεται μέσω της python και λειτούργησαν όλα μια χαρά.
Το μόνο θέμα είναι ότι όταν ανέβουν στο Github δεν θα λειτουργούν.
Καλησπέρα, το έκανα και εγώ στο local server και λύθηκε το cors policy, αλλά! Δεν μου αναγνωρίζει τον custom marker δηλαδή: Εδώ είναι τα αρχεία Εδώ είναι ο κώδικας: Kαι αυτό μου βγάζει το localhost: Έχω δοκιμάσει καινούριους markers και έτοιμους και από άλλο laptop και σε firefox κ.α. να αλλάξω τον κώδικα, γενικά αρκετά πράγματα αλλά τίποτα.
Καλησπέρα @EvitaXen, δοκίμασες να διαβάσεις τον pattern marker (dpsd20000) που υπάρχει στο φάκελο assets για επίδειξη?
Δημιούργησα το pattern με τον αριθμό μητρώου σου και το δοκίμασα στον υπολογιστή μου και τον αναγνωρίζει κανονικά.
Σου στέλνω τα αρχεία για να δοκιμάσεις. assets.zip
@EvitaXen Όπως βλέπω στο repository σου έχεις δημιουργήσει στο φάκελο assets ένα νέο φάκελο assets και εκεί έχεις βάλει τα αρχεία σου!!!!
Στον κώδικα σου διαβάζεις από το url='/assets/..
ή από το url='/assets/assets/...
;
Όχι απλά το ανέβασα καταλάθος έτσι στο GitHub δεν το έχω έτσι στο desktop θα το δοκιμάσω αύριο το αρχείο που στείλατε και θα σας απαντήσω ευχαριστώ πολύ.
Λήψη Outlook για Androidhttps://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)
@EvitaXenhttps://github.com/EvitaXen Όπως βλέπω στο repository σου έχει βάλει δημιουργήσει στο φάκελο assets ένα νέο φάκελο assets και εκεί έχεις βάλει τα αρχεία σου!!!!
Στον κώδικα σου διαβάζεις από το url='/assets/.. ή από το url='/assets/assets/... ;
— Reply to this email directly, view it on GitHubhttps://github.com/merkourisa/Augmented-Reality/issues/2#issuecomment-1112704683, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AYFZ3L2CPA7KLYRDGDGRSQLVHME4PANCNFSM5OPPJFMQ. You are receiving this because you were mentioned.Message ID: @.***>
Δοκίμασα το zip που μου στείλατε και πάλι εμφανίζει το ίδιο πρόβλημα, τα ανέβασα και στην πλατφόρμα αν μπορείτε να τα δείτε παρακαλώ πολύ.
@EvitaXen κάποιο λάθος υπάρχει στον κώδικά σου και δεν φορτώνει σωστά τα resources.
Εγώ στη θέση σου θα έκανα τα εξής:
Παιδιά εγώ βοηθήθηκα με το πρόβλημα που αντιμετώπιζα με τα custom Markers από αυτές τις δύο συζητήσεις:
_Αν θέλετε να δείτε τι δούλεψε συγκεκριμένα για εμένα, μπορείτε να διαβάσετε το my_report μου._
Καλησπερα, οσο προσπαθουσα να δοκιμασω διαφορα markers με το κινητο μεσω του Github, ειδα πως τις τελευταιες δυο προσπαθειες μου σταματησε να δουλευει και το hiro marker. δεν αγγιξα καθολου τον κωδικα σχετικα με το hiro οποτε δεν καταλαβαινω τι εχει συμβει.
Καλησπέρα, αυτος ειναι ο κωδικας μου και δε μου αναγνωριζει κανενα pattern. κανω κατι λαθος? ολα τα patt, png κλπ ειναι στα asset
Yπάρχει κανένα link για να βρούμε τις αποστάσεις? γιατί οπότε ψάχνω στο google distance betwwen markers μου βγάζει μαρκαδόρους και φωτογραφείς από το google maps?
Yπάρχει κανένα link για να βρούμε τις αποστάσεις? γιατί οπότε ψάχνω στο google distance betwwen markers μου βγάζει μαρκαδόρους και φωτογραφείς από το google maps?
@sdoulaveris Δες εδώ: https://github.com/merkourisa/Augmented-Reality/issues/2#issuecomment-1119767124
Καλησπέρα, αυτος ειναι ο κωδικας μου και δε μου αναγνωριζει κανενα pattern. κανω κατι λαθος? ολα τα patt, png κλπ ειναι στα asset
@ZoiGalanidpsd19014 Δες εδώ: https://github.com/merkourisa/Augmented-Reality/issues/2#issuecomment-1105613183
Καλησπερα, οσο προσπαθουσα να δοκιμασω διαφορα markers με το κινητο μεσω του Github, ειδα πως τις τελευταιες δυο προσπαθειες μου σταματησε να δουλευει και το hiro marker. δεν αγγιξα καθολου τον κωδικα σχετικα με το hiro οποτε δεν καταλαβαινω τι εχει συμβει.
@FaidraDamianou έτρεξα την εφαρμογή σου από Github Pages και κάποιο λάθος υπάρχει στον κώδικα σου και δεν φορτώνει σωστά κάποιο resource.
Καλησπέρα, μήπως υπάρχει κάποιο παράδειγμα για το πως γίνεται η εναλλαγή των δύο animation με το 3ο; Προσπάθησα για παράδειγμα μετά από μία συγκεκριμένη απόσταση να μην είναι ορατό το ένα animation του ενός marker και μετά στον άλλο να γίνεται αντικατάσταση του animation με το 3ο αλλά δεν βγήκε με κανένα τρόπο. Και έψαξα αν γίνεται δύο markers να εμφανίζουν ένα animation αλλά δεν βρήκα κατι σχετικό.
Καλησπέρα @EvitaXen ουσιαστικά αυτό που θέλουμε είναι όταν η απόσταση είναι μεγαλύτερη από 2 να εμφανίζονται τα δυο animation για το Η και το Ο και να μην εμφανίζεται το animation για το Η2Ο, ενώ όταν η απόσταση είναι μικρότερη από 2 να εξαφανίζονται τα animation για το Η και το Ο και να εμφανίζεται το animation για το Η2Ο.
Στη συνάρτηση που θα χρησιμοποιήσεις για να υπολογίσεις την απόσταση ανάμεσα στους markers θα μπορούσες να δοκιμάσεις και να προσαρμόσεις τις εξής εντολές (αν αντί για ένα animation εμφάνιζα ένα απλό box, με id="box1", με την επιτυχή ανάγνωση του marker για το Η) :
this.box1 = document.querySelector('#box1')
...
if (markerDistance<2){
this.box1.setAttribute("visible", false)
...
} else {
this.box1.setAttribute("visible", true)
...
}
Nαι τις παραπάνω εντολές τις έχω χρησιμοποιήσει, απλά η απορία μου είναι το πως ορίζεται το τελευταίο animation για να εμφανιστεί, δηλαδή μέσα σε έναν από τους δυό markers, απλά ως entity γιατι έψαξα και δεν μπορώ να βρω το που και πως μέσα στον κώδικα λόγω του οτι ειναι 3 elements ουσιαστικά, και δύο οι markers.
Προφανώς το τελευταίο animation θα είναι ένα ανεξάρτητο entity στην σκηνή αφού δεν χρειάζεται να διαβάσεις κάποιον marker για να το εμφανίσεις αλλά θα εμφανίζεται με βάση τη φυσική απόσταση των άλλων δυο markers
Καλησπέρα, σχετικά με το 3ο βήμα, κοίταξα διάφορα παραδείγματα από το A-frame, stackoverflow, δοκίμασα διάφορες εντολές σχετικά με το πως να "καλέσω" τα elements και να τα επεξεργαστώ αλλά δεν μου λειτουργεί τίποτα. Είναι δυνατό παρακαλώ πολύ να δείτε τον κώδικα και να μου πείτε ποιο είναι το error; Διότι με βάση τις πηγές δεν βρίσκω κατι.
Καλησπέρα @EvitaXen, μάλλον έχεις τοποθετήσεις σε λάθος σημείο το script που υπολογίζει το Marker distance.
Δες λίγο εδώ.
Συγκεκριμένα δες στην πρώτη εικόνα που τοποθετείται το script με το AFRAME.registerComponent σε σχέση με τo a-scene
Επιπλέον δες παρακάτω στην τρίτη εικόνα πως μπορείς να καλέσεις μέσα από το a-scene ένα AFRAME.registerComponent
Καλησπέρα, έχω κάνει τα animation μου στο Blender, τα κάνω export σε .glb αρχείο και προσπαθώ να τα βάλω στον κώδικα μετά σύμφωνα με το gltf-model, αλλά είτε τα εμφανίζει στατικά, είτε δεν τα εμφανίζει καθόλου. Έχω χρησιμοποιήσει το κατάλληλο script που χρειάζεται από το A-frame-extras και εντολές για το animation από το A-frame-extras, όπως και παραλλαγές του κώδικα από διάφορα βίντεο στο Youtube, αλλά δεν μπορώ να βγάλω άκρη. Φταίει το Blender αρχείο; Οι εντολές στην A-frame;
Ο κώδικας :
Καλησπέρα!Έφτιαξα (θεωρώ) την τοποθεσία του script αλλά και πάλι δεν δουλεύει και δεν μπορω να βρω το λάθος του κώδικα. Μου εμφανίζονται όλα κανονικά, ακόμα και το νερό υπάρχει συνεχόμενα στην οθόνη. Έψαξα ξανά αλλά δεν βρήκα κάτι μόνο αυτή την εντολή από το measure-it " if (marker2.object3D.visible == true && marker2.object3D.visible == true)
{
this.text.setAttribute("value", markerDistance)
}
else {
this.text.setAttribute("value", -1)
}
" που την πείραξα λίγο αλλά οταν την βάζω από κάτω δεν εμφανίζεται τίποτα ούτε λειτουργεί κανένας από τους μάρκερς.
@CharisisLalopoulos Καλησπέρα, έχεις δοκιμάσει να διαβάσεις το animation σε μορφή .gltf?
Κατέβασε από εδώ τον magnemite και προσπάθησε να τον διαβάσεις.
@EvitaXen έχεις κατανοήσει ποιος είναι ο ρόλος ύπαρξης των συγκεκριμένων εντολών?
Καλημέρα, χτες το βράδυ καθώς εκανα κατι αλλαγές στο position του text μου σε καποια φαση όταν πήγα να το δοκιμάσω δεν μου άνοιγε τη σελίδα του Marker_Based. Δεν έχω πειράξει τίποτα άλλο αλλά για κάποιο λόγο δεν μου ζητάει άδεια για να ανοίξει η κάμερα και το μικρόφωνο και μου εμφανίζει μια άσπρη καρτέλα. Το δοκίμασα και από το κινητό και από το λαπτοπ και από το λαπτοπ ενός άλλου παιδιού. Μήπως κάποιος έχει κάποια ιδέα γιατί συμβαίνει αυτό?
ναι γεια σας, έχω φτάσει το project μέχρι το 2ο βήμα και έπαιζε κανονικά και εχθές χωρίς να έχω αλλάξει τον κώδικα δουλεύει μόνο το 1ο deliverable και από το 2ο δεν σκανάρει τίποτα
ναι γεια σας, ξερει κανεις τι είναι το about? που βρίσκεται? και πιο link πρεπει να βάλω?
Κατάλαβα τα λάθη στον κώδικα που έστειλα και διάβασα από αυτές τις πηγές: 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, αλλά μπόρεσα να τα καταλάβω μέχρι ένα σημείο. Επίσης μου βγάζει αυτό
Καλησπερα, εφτιαξα το θεμα με το resource οταν εγραψα ετσι το url
Χαρηκα και πολυ γιατι μου δουλεψε και το δικο μου μαρκερ, οχι μονο το hiro! αλλα μετα οταν εκανα upload στο φακελο assets μια εικονα για να εμφανιζεται με το marker μου, τεσταρα τον κωδικα ξανα (ΔΕΝ τον αλλαξα) και τωρα ΠΑΛΙ χαλασαν ΚΑΙ ΤΑ ΔΥΟ ( hiro & custom marker )!! Τι μπορω να κανω για αυτο; Δεν γινεται καθε φορα που θα ανεβαζω κατι να μου χαλαει ο κωδικας! :(
καλησπέρα, όταν προσπαθώ να ανεβάσω την φωτογραφία και το marker based μου το github δεν με αφήνει. Συγκεκριμένα γράφει uploads are desabled.
καλησπέρα, όταν προσπαθώ να ανεβάσω την φωτογραφία και το marker based μου το github δεν με αφήνει. Συγκεκριμένα γράφει uploads are desabled.
@lydiaznt δοκίμασες το github desktop?
Καλησπερα, εφτιαξα το θεμα με το resource οταν εγραψα ετσι το url
Χαρηκα και πολυ γιατι μου δουλεψε και το δικο μου μαρκερ, οχι μονο το hiro! αλλα μετα οταν εκανα upload στο φακελο assets μια εικονα για να εμφανιζεται με το marker μου, τεσταρα τον κωδικα ξανα (ΔΕΝ τον αλλαξα) και τωρα ΠΑΛΙ χαλασαν ΚΑΙ ΤΑ ΔΥΟ ( hiro & custom marker )!! Τι μπορω να κανω για αυτο; Δεν γινεται καθε φορα που θα ανεβαζω κατι να μου χαλαει ο κωδικας! :(
@FaidraDamianou τσέκαρε λίγο εδώ πώς μπορούμε να κάνουμε diplay μια εικόνα .png. Στο src θα πρέπει να καθορίσεις το path που έχεις τοποθετήσει την εικόνα σου
Κατάλαβα τα λάθη στον κώδικα που έστειλα και διάβασα από αυτές τις πηγές: 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
https://github.com/merkourisa/Augmented-Reality/issues/2#issuecomment-1121477336
ναι γεια σας, ξερει κανεις τι είναι το about? που βρίσκεται? και πιο link πρεπει να βάλω?
@sdoulaveris δες τα initial settings και συγκεκριμένα τη δεύτερη εικόνα
Καλημέρα, χτες το βράδυ καθώς εκανα κατι αλλαγές στο position του text μου σε καποια φαση όταν πήγα να το δοκιμάσω δεν μου άνοιγε τη σελίδα του Marker_Based. Δεν έχω πειράξει τίποτα άλλο αλλά για κάποιο λόγο δεν μου ζητάει άδεια για να ανοίξει η κάμερα και το μικρόφωνο και μου εμφανίζει μια άσπρη καρτέλα. Το δοκίμασα και από το κινητό και από το λαπτοπ και από το λαπτοπ ενός άλλου παιδιού. Μήπως κάποιος έχει κάποια ιδέα γιατί συμβαίνει αυτό?
@MaritettaKatsarou υπάρχει κάποιο λάθος στον κώδικα σου. Άνοιξε την εφαρμογή και πάτα F12 για να δεις το λάθος
Καλησπερα, εφτιαξα το θεμα με το resource οταν εγραψα ετσι το url
Χαρηκα και πολυ γιατι μου δουλεψε και το δικο μου μαρκερ, οχι μονο το hiro! αλλα μετα οταν εκανα upload στο φακελο assets μια εικονα για να εμφανιζεται με το marker μου, τεσταρα τον κωδικα ξανα (ΔΕΝ τον αλλαξα) και τωρα ΠΑΛΙ χαλασαν ΚΑΙ ΤΑ ΔΥΟ ( hiro & custom marker )!! Τι μπορω να κανω για αυτο; Δεν γινεται καθε φορα που θα ανεβαζω κατι να μου χαλαει ο κωδικας! :(
η ζωη μου
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:
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.