Tillkännagivande

Tillkännagivande Module
Minimera
Inga tillkännagivanden ännu.

Digital träffmall

Sidnamn Module
Flytta Ta bort Minimera

Senaste inlägg

Senaste inlägg Module
Minimera

Diskussioner Statistik Senaste inlägg
Skapad av Stövelkatten, Idag, 00.12
0 responses
21 visningar
4 gillar
Stövelkatten  
Skapad av Måns, 11 April 2017, 13.29
59 responses
1.063 visningar
8 gillar
Paal
av Paal
 
Skapad av Dr_Dängrot, Igår, 21.27
4 responses
156 visningar
0 gillar
krank
av krank
 
Skapad av Krille, Igår, 20.42
2 responses
88 visningar
4 gillar
Krille
av Krille
 
Skapad av Rymdhamster, 26 April 2017, 16.24
17 responses
259 visningar
1 gillar
da_bohz
av da_bohz
 
Skapad av ceruleanfive, Igår, 20.34
1 response
59 visningar
1 gillar
soda
av soda
 
Skapad av Nässe, 16 November 2016, 20.58
16 responses
598 visningar
2 gillar
Nässe
av Nässe
 
Skapad av Dr_Dängrot, 26 April 2017, 12.40
20 responses
235 visningar
0 gillar
Dr_Dängrot  
Skapad av Guran89, 26 April 2017, 10.47
46 responses
729 visningar
2 gillar
Fjodor Pollett  
Skapad av anth, Igår, 17.41
5 responses
53 visningar
0 gillar
0.113
av 0.113
 
X
Konversationsdetalj Module
Minimera
  • Filtrera
  • Tidsrymd
  • Visa
Rensa All
nya inlägg

  • Digital träffmall

    Jag ligger i startgroparna för en premiärkampanj till Western 4, och har lite trassel med att ordna en bra träffmall. Det finns förvisso möjligheten att skriva ut en, men jag är inte så sugen på att köpa ett storpack overheadpapper som till 98% kommer vara oanvänt, så jag har tänkt lite utanför lådan.
    Jag laddade in sidorna med träffigurer och träffmallen som lager i Gimp, och gjorde träffmallens bakgrund genomskinlig. Nu kan jag ha Gimp öppet på tv:n när jag spelleder och flytta runt lagret med med mallen över måltavlorna så att alla ser, vilket är en funktionabel, om än lite meckig lösning.

    Det jag undrar är, är det någon här som sitter på kompetensen att koka ned det här till en smidigare lösning, t ex interaktiv flashanimation eller app till telefon eller pad? Givetvis förutsatt Åskfågeln inte har några invändningar.

    /Joel

  • #2
    Tyvärr inte, men jag gillar din idé!

    Du kanske redan vet, men för säkerhetsskull: de konventsäventyr som släppts till Western IV innehåller alla en träffmall (alltså det ovala siktet på OH-plast).

    Kommentera


    • #3
      Ursprungligen skrivet av Pendragon Visa inlägg
      Det finns förvisso möjligheten att skriva ut en, men jag är inte så sugen på att köpa ett storpack overheadpapper som till 98% kommer vara oanvänt, så jag har tänkt lite utanför lådan.
      Går det ens att köpa overhead nuförtiden? Jag hittade inga när jag sökte runt i olika webbutiker för några månader sedan.

      Kommentera


      • #4
        Ursprungligen skrivet av Harry S Visa inlägg

        Går det ens att köpa overhead nuförtiden? Jag hittade inga när jag sökte runt i olika webbutiker för några månader sedan.
        Hittade på både Kjell & co och Dustin, men bara 50- och 100-pack.

        Kommentera


        • #5
          Det här fungerar om ni byter ut bilderna mot träfffiguren och en transpatrent träffmall (och använd ClickLock i Windows):

          <!DOCTYPE HTML>
          <html>
          <head>
          <!-- Byt ut wikimedia-bilden mot träffguren -->
          <style>
          #div1 {float:right; width:500px; height:500px; margin:10px;border:1px solid black;}
          #div2 {background-image: url(https://upload.wikimedia.org/wikiped...gonshoot.jpg); height: 1280px; width: 1024px;}
          </style>
          <script>
          function allowDrop(ev) {
          ev.preventDefault();
          }

          function drag(ev) {
          ev.dataTransfer.setData("text", ev.target.id);
          }

          function drop(ev) {
          ev.preventDefault();
          var data = ev.dataTransfer.getData("text");
          ev.target.appendChild(document.getElementById(data ));
          }

          function myFunction() {
          location.reload();
          }
          </script>
          </head>
          <body>

          <button onclick="myFunction()">Starta om</button>

          Lank till olika traffigur: TRAFFIGUR1, TRAFFIGUR2, TRAFFIGUR3
          <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
          <!-- Byt ut clker-bilden mot träffmallen (transparent). -->
          <img src="http://www.clker.com/cliparts/b/a/b/0/1207156679935151925noxin_crosshairs.svg.med.png" draggable="true" ondragstart="drag(event)" id="drag1" width="400" height="400">
          </div>

          <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

          </body>
          </html>
          Ladda om sidan (eller klicka på starta om) om ni råkar släppa musknappen (vilket knappat händer om man använder ClickLock) för att nollställa siktet eller drag och släpp siktet till rutan till höger.

          Kopiera koden och klistra in den i en fil som ni döper till filnamn.html
          Öppna i webbläsaren med Arkiv -> Öppna fil ...
          Ni får själva fixa med bildstorlekarna så att de matchar skärmresolutionen och träffigurer/träffmall. Även länkarna till de andra träffigurerna behöver fixas på ett smidigt sätt.
          Last edited by Harry S; 04 October 2015, 05.50.

          Kommentera


          • #6
            Ursprungligen skrivet av Harry S Visa inlägg
            Det här fungerar om ni byter ut bilderna mot träfffiguren och en transpatrent träffmall (och använd ClickLock i Windows):



            Ladda om sidan (eller klicka på starta om) om ni råkar släppa musknappen (vilket knappat händer om man använder ClickLock) för att nollställa siktet eller drag och släpp siktet till rutan till höger.

            Kopiera koden och klistra in den i en fil som ni döper till filnamn.html
            Öppna i webbläsaren med Arkiv -> Öppna fil ...
            Ni får själva fixa med bildstorlekarna så att de matchar skärmresolutionen och träffigurer/träffmall. Även länkarna till de andra träffigurerna behöver fixas på ett smidigt sätt.
            Fick inte det att fungera som jag tänkt mig, men de gav en bra startpunkt för att mecka med. Inte för att jag kan sånt själv, men en bekant har börjat kika på det. Tack ändå!

            Kommentera


            • #7
              Ursprungligen skrivet av Pendragon Visa inlägg

              Fick inte det att fungera som jag tänkt mig, men de gav en bra startpunkt för att mecka med. Inte för att jag kan sånt själv, men en bekant har börjat kika på det. Tack ändå!
              Vad var det som inte fungerade?

              Kommentera


              • #8
                Ursprungligen skrivet av Harry S Visa inlägg

                Vad var det som inte fungerade?
                Fick inte måltavlan att lägga sig över olika platser på måltavlan utan alltid i mitten.

                Kommentera


                • #9
                  Ursprungligen skrivet av Pendragon Visa inlägg

                  Fick inte måltavlan att lägga sig över olika platser på måltavlan utan alltid i mitten.
                  I Firefox på min dator så fungerar det att dra och hålla (håll ner musknappen - släpp inte) siktet över olika delar av träffiguren. Jag trodde att ClickLock skulle göra så att man slapp hålla ner musknappen och bara kunde dra och hålla siktet över träffiguren?

                  Vill man kunna klicka för att fästa träffmallen så behöver man vidareutveckla koden. Vilket hade varit det bästa för att inte tappa siktet om man stöter till musen.
                  Last edited by Harry S; 06 October 2015, 01.07.

                  Kommentera


                  • #10
                    Ursprungligen skrivet av Harry S Visa inlägg

                    I Firefox på min dator så fungerar det att dra och hålla (håll ner musknappen - släpp inte) siktet över olika delar av träffiguren. Jag trodde att ClickLock skulle göra så att man slapp hålla ner musknappen och bara kunde dra och hålla siktet över träffiguren?

                    Vill man kunna klicka för att fästa träffmallen så behöver man vidareutveckla koden. Vilket hade varit det bästa för att inte tappa siktet om man stöter till musen.
                    Mjo, att behöva hålla musen still och så var lite av dealbreaker, då kör jag hellre på Gimp-lösningen tillsvidare, men jag har ett par vänskapligt sinnade kodapor som kan tänka sig kika på det.

                    Kommentera


                    • #11
                      Här är en fungerande lösning som du kan fästa träffmallen på träffiguren så att du inte behöver bry dig om du stöter till musen (du får byta ut bildlänkarna):

                      <!doctype html>
                      <html lang="en">
                      <head>
                      <meta charset="utf-8">
                      <title>Western digital träffmall</title>
                      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
                      <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
                      <script>
                      $(function() {
                      $( "#draggable" ).draggable();
                      });
                      </script>
                      </head>
                      <body bgcolor="#EEE8E0">
                      <img src="https://upload.wikimedia.org/wikipedia/commons/b/be/Draggonshoot.jpg" alt="Träffigur" align="left">
                      <div id="draggable" class="ui-widget-content">
                      <img src="http://www.clker.com/cliparts/b/a/b/0/1207156679935151925noxin_crosshairs.svg.med.png" alt="Träffmall" align="right">
                      </div>

                      </body>
                      </html>
                      Kör i fullscreen så slipper ni se webbläsaren.

                      Du kan byta ut img-taggarna i koden mot

                      <img src="http://www.clker.com/cliparts/b/a/b/0/1207156679935151925noxin_crosshairs.svg.med.png" alt="Träffmall" align="right" height="auto" width="200">
                      och

                      <img src="https://upload.wikimedia.org/wikipedia/commons/b/be/Draggonshoot.jpg" alt="Träffigur" align="left" height="auto" width="500">
                      om du vill kunna skala träffmallen/träffiguren.
                      Last edited by Harry S; 07 October 2015, 02.02.

                      Kommentera


                      • #12
                        Här är en ny version som även tillåter dig att byta träffigur från en drop down list:

                        <!doctype html>
                        <html lang="en">
                        <head>
                        <meta charset="utf-8">
                        <title>Western digital träffmall</title>
                        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
                        <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
                        <script>
                        $(function() {
                        $( "#draggable" ).draggable();
                        });

                        function showimage()
                        {
                        if (!document.images)
                        return
                        document.images.pictures.src=
                        document.traffigurer.picture.options[document.traffigurer.picture.selectedIndex].value
                        }
                        </script>
                        </head>
                        <body bgcolor="#EEE8E0">
                        <div style="float:right;display:block;">
                        <form name="traffigurer">
                        <select name="picture" size="1" onChange="showimage()">
                        <option selected value="https://upload.wikimedia.org/wikipedia/commons/b/be/Draggonshoot.jpg">Revolverman</option>
                        <option value="https://upload.wikimedia.org/wikipedia/commons/c/c2/Billy_the_Kid_corrected.jpg">Billy the Kid</option>
                        <option value="https://upload.wikimedia.org/wikipedia/commons/2/23/Broncobuster3.jpg">Rodeo</option>
                        </select>
                        <div id="draggable" class="ui-widget-content">
                        <img src="http://www.clker.com/cliparts/b/a/b/0/1207156679935151925noxin_crosshairs.svg.med.png" alt="Träffmall" align="right">
                        </div>
                        </form>
                        </div>

                        <p align="center"><img src="https://upload.wikimedia.org/wikipedia/commons/b/be/Draggonshoot.jpg" name="pictures"></p>

                        </body>
                        </html>
                        Last edited by Harry S; 07 October 2015, 02.02.

                        Kommentera


                        • #13
                          Pendragon: Gjorde du något av den här HTML-koden?

                          Om inte, har du träffmallen som bild "utan bakgrund" som man kan få ta del av? :)

                          Kommentera


                          • #14
                            Ursprungligen skrivet av Inkognito Visa inlägg
                            Pendragon: Gjorde du något av den här HTML-koden?

                            Om inte, har du träffmallen som bild "utan bakgrund" som man kan få ta del av? :)

                            Nej, mina kodarskills är undermåliga, men Han knåpade ihop en app till iPhone med träffmallen. Går att hitta om man söker på "Western träffmall".

                            Bilaga

                            Kommentera


                            • #15
                              Ursprungligen skrivet av Pendragon Visa inlägg


                              Nej, mina kodarskills är undermåliga, men Han knåpade ihop en app till iPhone med träffmallen. Går att hitta om man söker på &quot;Western träffmall&quot;.

                              Bilaga
                              Koden som Harry S postade fungerar bra, det är egentligen bara att byta ut bilderna han använt!
                              Jag kanske får försöka finns tiden att fixa en "genomskinlig" träffmall.. postar här isf! :)

                              (Appen har jag! Mkt bra! Men tänkte spela lite över skype och köra träffmall på delad skärm!)

                              Kommentera

                              Arbetar …
                              X