Html5 Javascript Yardım?

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RaAmLis
    RaAmLis's avatar
    Kayıt Tarihi: 23/Eylül/2005
    Erkek

    Drag and drop bir proje var ama bir türlü işin içinden çıkamadım. Yardım gerekli,

     

    Bu şekilde puzzle gibi düşünebilirsiniz, sayılarla belirli yerlerin hepsi özel olacak. Daha sonra random şekilde alttaki p1,p2 gibi parçalar belirecek ekranda, bu parçalar başka slotlara takılamayacak p1 sadece 1 e takılacak şekilde olacak. p1 doğru yerleştirilirse p2,p3,p4 diye sırayla diğer parçalar gelecek ve onlarda yerlerine yerleştirilecek.

    Html 5 de css ve javascript ile yapıyorum ama hep bir sorun çıkıyor. Drag drop tutoriallarına baktım bir türlü istediğim gibisini bulamadım. Ayrıca parçaların yerleştirileceği yer resim şeklinde, canvas ile çizmiyorum. Nasıl yaparım bunu, var mı yardım edebilecek?


    Hayattaki amacını bulamayan, bulmaya yaklaştığını hissettiğinde ise alıkoyulan bu yüzden herşeyi oluruna bırakan ama bunu da beceremeyen kişi.
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Berceste.
    MhmdAlmz
    MhmdAlmz's avatar
    Kayıt Tarihi: 09/Ağustos/2015
    Erkek

    Drag and Drop ile çok uğraştm ama hiç parçaları birbirine bağlamadım :/


    Fe Eyne Tezhebun?
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    telekom
    telekom's avatar
    Kayıt Tarihi: 28/Temmuz/2005
    Erkek

    Oyun tarzi bir seyse construct ile yapilmis puzzle oyunlarina bakabilirsin.


    vatandaşa kafam girsin!..
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    PcK0
    PcK0's avatar
    Kayıt Tarihi: 13/Nisan/2007
    Erkek

    Öncelikle güzel işleme yapabilmek için canvasa geçmelisin. Daha sonra internette html5 jigsaw puzzle diye aratarak yapmak istediğin şeye benzeyen örnekleri inceleyebilirsin. Programlama bilgini başlangıç düzeyinde varsayıyorum ve bu proje başlangıç düzeyinde birisi için bıktırıcı olmasının yanında birazda zor gelebilir.


    Sadece bi imza..
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RaAmLis
    RaAmLis's avatar
    Kayıt Tarihi: 23/Eylül/2005
    Erkek
    PcK0 bunu yazdı

    Öncelikle güzel işleme yapabilmek için canvasa geçmelisin. Daha sonra internette html5 jigsaw puzzle diye aratarak yapmak istediğin şeye benzeyen örnekleri inceleyebilirsin. Programlama bilgini başlangıç düzeyinde varsayıyorum ve bu proje başlangıç düzeyinde birisi için bıktırıcı olmasının yanında birazda zor gelebilir.

    Hocam jigsaw filan hepsini çoktan araştırdım. Ama istediğime yakın birşey bulamadım.

    Bunun benzeri bir obje olacak ve rastgele dilimler ortaya çıkacak. Bu dilimleri doğru yere yerleştirir ve görseli tamamlarsam olay bitecek. Ama dilim koyduğumda dilimler tam oturmuyor. Sağa sola margin oluyor görsel üzerinde.(drag and drop ile yapıyorum.)

    Sonraki dilim aynı yere koyulmaması filan gerekiyor. Üst üste gelmemeliler. Ben bu ortadaki objeyi tek resim olarak düşünüyorum ama orasının da sanırım parça parça olması gerekicek. Her dilimin geleceği yer için id açıp oraları gelecek dilimlerle mi eşleme yapmam lazım. Dilim sola bakıyorsa sadece sola bakan kısıma gelecek şekilde olmalı.

    Başka bir dilde yazsam belki 1 saatimi almayacak ama html5 de bilgim çok az. En son javascriptte birşey yapalı 6yıl oldu.

    Örnek bir kod yazabilecek veya yardımcı olabilecek birisi varsa çok sevinirim.


    Hayattaki amacını bulamayan, bulmaya yaklaştığını hissettiğinde ise alıkoyulan bu yüzden herşeyi oluruna bırakan ama bunu da beceremeyen kişi.
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    İnce Memed
    ComputerWolf
    ComputerWolf's avatar
    Üstün Hizmet Madalyası
    Kayıt Tarihi: 26/Mart/2003
    Erkek

    https://codepen.io/tobiasdev/pen/bedRmL


    Hep denedin. Hep yenildin. Olsun yine dene , yine yenil ama daha iyi yenil !
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ayhun
    ayhun's avatar
    Kayıt Tarihi: 21/Temmuz/2005
    Erkek

    http://fabricjs.com/


    delimiyim ben?
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RaAmLis
    RaAmLis's avatar
    Kayıt Tarihi: 23/Eylül/2005
    Erkek

    Up!

    Yardım etmeye çalışanlara teşekkürler. Başka kaynak ve ya fikir verecekler varsa sevinirim. Konuyu son kez uplayayım.


    Hayattaki amacını bulamayan, bulmaya yaklaştığını hissettiğinde ise alıkoyulan bu yüzden herşeyi oluruna bırakan ama bunu da beceremeyen kişi.
  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    zeybekustasi
    zeybekustasi's avatar
    Kayıt Tarihi: 24/Mayıs/2012
    Erkek
    ComputerWolf bunu yazdı

    https://codepen.io/tobiasdev/pen/bedRmL

    Abi adam çok güzel bir örnek paylaşmış bu örneği incelemişmiydin?


    https://www.youtube.com/watch?v=WC3-71NKwPw
Toplam Hit: 679 Toplam Mesaj: 9
javascript css html5 yardım puzzle