Isometrisch grid

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

IT engineer bij het meest verfrissende IT bedrijf

Ben jij toe aan een nieuwe, verfrissende werkomgeving bij een succesvol en gezond IT-bedrijf in de Randstad? Voel jij je goed als IT engineer in een leuk team? Waar kom je terecht Lime Networks is een succesvol bedrijf met een sterk team dat klanten compleet verzorgt op het gebied van IT. We staan voor techniek, leveren bewezen diensten en spreken hierover heldere taal. Samen werken we als één team voor één doel: verfrissend in IT! We maken IT simpel. Zo kunnen onze klanten vooroplopen in techniek zonder onnodige complexiteit te ervaren. Met onze efficiënte IT-diensten en Managed Services kunnen bedrijven

Bekijk vacature »

Senior Angular Developer regio Barneveld

Functieomschrijving Voor een klant in de omgeving Amersfoort zijn wij op zoek naar een ervaren Angular Front-end Developer. Heb jij de kennis en sta je open voor een nieuwe opdracht, reageer dan snel! Het ontwikkelen van de front-end van een webapplicatie die milieuprestaties verbetert; Het verbeteren van de frontend van de webapplicatie middels Angular; Jij bouwt nieuwe Angular componenten en/of je vervangt de componenten die er al zijn; Je gaat je kennis overdragen en stemt je werk goed af met je team. Functie-eisen Je hebt minimaal een afgeronde HBO opleiding op technisch, wetenschappelijk of bouwkundig gebied; Je hebt minimaal 3

Bekijk vacature »

Technical Support

Technical Support Location Ridderkerk (Zuid Holland) We are looking for a Technical support for Desktop 3D printing and Industrial Additive Manufacturing devices. You will troubleshoot our 3D printers at remotely and perform repairs on site, beside this you are also a competent and reliable partner for our customers when you provide system introduction and customer basic trainings. Along with your communicative personality, which enables you to deal with our customers in a confident manner, you have a proactive and structured approach and the ability to keep a cool head even in critical phases. Main Tasks Maintenance and repair of printers

Bekijk vacature »

Full-stack .NET developer gezocht, Goeree-Overflak

Ben je een .NET software developer en op zoek naar een professionele werkomgeving binnen een wat groter innovatief en ambitieus bedrijf? Waar sprake is van een uitgebreid applicatielandschap met elke dag nieuwe uitdagingen, waar alles mogelijk is, binnen een goede collegiale sfeer? Lees dan verder! Voor een bedrijf in Goeree-Overflakke zijn we momenteel op zoek naar een ervaren software developer. De IT afdeling bestaat uit circa 60 mensen waarvan zo'n 15 developers. Voor de recente architectuur wordt gebruikt gemaakt van de nieuwste technieken waaronder .NET Core, Docker en Angular. Echter bestaat het applicatielandschap uit een groot aantal verschillende applicaties waarbij

Bekijk vacature »

C# / .NET Core developer gezocht, financiële

Voor een bedrijf in het centrum van Rotterdam zijn we op zoek naar een .NET C# developer. Het gaat om een bedrijf dat een software platform beheerd waarop verschillende partijen aangesloten zijn voor de afhandeling van financiële administratieve processen. De organisatie bestaat uit circa 200 mensen waarvan 80 op de locatie waar deze vacature speelt. Het team zelf bestaat uit 12 mensen waaronder 7 .NET developers. Er zijn 2 seniors en 5 mediors. Binnen het bedrijf draaien twee systemen. Het kernsysteem en een legacy systeem. Voor het kernsysteem zoeken we momenteel een .NET developer. Het kernsysteem is grotendeels op .NET

Bekijk vacature »

WO starter / Developer / Programmeur / Software De

Functieomschrijving WO starter / Developer / Programmeur / Software Developer / PHP / Full stack / SAAS / Laravel Ontwikkelen van nieuwe functionaliteiten; Ontwikkelen van reactieve front-end; Onderhoud en bug fixing van de bestaande software; Samenwerken met het team op basis van 4 wekelijkse release cyclus; Code review binnen het team; Testen van de gebouwde software. Functie-eisen WO diploma (richting informatica, beta, data) 1 jaar aantoonbare ervaring met programmeren; Ervaring met het bouwen van een webapplicatie; Kennis van een back-end taal en een front-end taal; Je bent communicatief, gedreven, denkt in oplossingen. Bedrijfsomschrijving Onze klant is een dynamisch bedrijf in

Bekijk vacature »

Oracle SOA-OSB Developer

Jouw uitdaging als Oracle SOA-OSB Developer Integratie is het hart in alle projecten. Zowel on-premise als in de Cloud of met hybride oplossingen kom je Oracle SOA Suite en de Oracle Service Bus bij vele klanten tegen. Jij ben als SOA-OSB ontwikkelaar onderdeel van dat integratie hart en zorg je dat binnen Oracle en niet-Oracle implementaties dat integraties zo efficiënt en onderhoudbaar mogelijk worden gerealiseerd. Je werkt op een prettige manier samen in teams met ervaren professionals van Capgemini middel SCRUM/Agile. Met jouw specialistische integratie kennis voeg je concrete waarde toe door je hands-on ervaring. Met jouw overzicht en sterke

Bekijk vacature »

Medior Front-end Developer

Front-end Developer bij Capgemini Bij Capgemini DCX bouwen we niet zomaar webapplicaties en mobiele apps waar onze opdrachtgevers en hun klanten mee overweg kunnen. Nee, we ontwikkelen applicaties voor miljoenen gebruikers en dan ook nog apps waar men écht gelukkig van wordt. Van de medewerkers in de organisatie zelf tot aan de eindgebruikers. En als Front-end Developer ben jij hierbij onmisbaar! De rol Van het bouwen van nieuwe functionaliteiten, het behouden, bewaken en verbeteren van de huidige infrastructuur en applicaties tot aan het ontwikkelen van nieuwe innovaties. Als Front-end Developer ben je de (lead) developer binnen jouw scrumteam en werk

Bekijk vacature »

Medior Microsoft Dynamics Developer

Jouw uitdaging: Ben jij sterk in het succesvol ontwikkelen van maatwerk componenten op het Dynamics platform? En wil je actief meewerken aan de ontwikkeling van ons Digital Customer Experience portfolio? Dan is dit iets voor jou! Voor de Digital Customer Experience afdeling (DCX) zijn we op zoek naar een Medior Microsoft Dynamics Developer. In deze functie ben je verantwoordelijk voor de succesvolle ontwikkelen van maatwerk componenten op het Dynamics platform bij toonaangevende organisaties. Denk daarbij aan het realiseren van integratie met front en backoffice systemen op basis van Azure PaaS of het ontwikkelen van complexe plug-ins. Daarnaast werk je actief

Bekijk vacature »

.NET Developer Zorg-ICT

Complexe software ontwikkelen: dat is jouw ding! Voor onze vestiging in Heerenveen zoeken wij fanatieke junior en senior .NET Developers die met de laatste Microsoft-tools en -technieken willen werken. Jij bent gemotiveerd en draagt graag verantwoordelijkheid voor je 'eigen' software, die wordt ingezet in ziekenhuizen door heel Nederland. Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van jouw eigen module. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. Je werkt zelfstandig of in een klein team. ChipSoft maakt gebruik van een zelf ontwikkeld multi tier framework. Tijdens een

Bekijk vacature »

Tibco Developer / Architect

Kun jij voor onze OV-klanten missiekritische bedrijfsapplicaties in Tibcotooling ontwerpen en bouwen die geschikt zijn voor de toekomst? Tibco Developer / Architect - Public Transport Wat ga je doen? Voor onze OV-klanten ontwerpen en bouwen we missiekritische systemen die in het hart van de bedrijfsvoering staan. Zoals systemen die de sensoren op de treinen elke seconde meten en direct analyseren. Ontstaat er een uitzonderingssituatie zoals bijvoorbeeld sterk oplopende temperaturen, verslechtering van de remmen, een deur die vastzit of grote drukte in de trein, dan grijpt onze software in en stuurt relevante signalen naar het hoofdkantoor. De trein kan dan in

Bekijk vacature »

Java Developer Digital

At KLM, we prefer to call back-end developers Java developers. It's because of our love of travel. The world we live in is changing rapidly, and as a developer, you're in the cockpit. Will you join us on a digital journey around the world? About the job What will your task be? You are the indispensable link in the big picture. Most of all, you will help make innovations a reality. For example, you can proudly stand next to the check-in that you have made possible. Because let's be honest: we are at the cutting edge of innovation, but without

Bekijk vacature »

Senior iOS Developer vacature

Je bent innovatief. Je bent creatief. Jij gaat voor een topbaan. Mobile apps ontwerpen, uitwerken en realiseren, dat is jouw passie! Met grote toewijding richt jij je dan ook op een app waarmee consumenten met een gezichtsscan betalen. Of je stort je je op een app die de temperatuur in huis op afstand kan regelen. Het spreekt voor zich dat jouw apps top of the bill zijn als het gaat om gebruiksvriendelijkheid en veiligheid. Ze hebben impact. Je voelt je als een vis in het water in een iOS-omgeving maar, veelzijdig als je bent, kun je ook met andere platforms

Bekijk vacature »

IT Business Analist R&D

Dümmen Orange is ’s werelds grootste veredelaar en kweker van snijbloemen, bollen, tropische planten, potplanten, perkplanten en vaste planten. Voor onze locatie in De Lier zoeken wij een IT Business Analist R&D. Functie inhoud Ben jij de entrepreneur die dusdanig sterke IT-applicaties levert waardoor de R&D-divisie een maximaal rendement uit hún business kan halen? Jij bent hét aanspreekpunt voor onze R&D-activiteiten. R&D-ontwikkeling op productkenmerken, stock mother plant management, flower trials, cross predictions zijn essentieel voor het succes van ons bedrijf. IT ondersteunt R&D hierbij gebruikmakend van de meest moderne technieken zoals Big data BI databases, cloud computing. Als Business Analist

Bekijk vacature »

Noordoost Java Developer vacature

Java Developer Noordoost Word onderdeel van een topteam met ervaren Java Developers. Loop voorop in de ontwikkelingen en help mee innoveren. Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen Java Community. Dit betekent bijvoorbeeld dat we aanwezig zijn op veel conferenties; Oracle Code One, Devoxx en JFall. We organiseren ook onze eigen collegiale sessies en hackatons waar we kennis en plezier combineren.

Bekijk vacature »
Lord Gaga

Lord Gaga

02/09/2015 14:02:17
Quote Anchor link
Hallo,

Ik heb een isometrich grid bestaand uit 10x10 tegels van elk 64x32 pixels.
Nu zou ik graag willen dat wanneer men op dat grid klikt, er wordt gekeken op welke tegel precies wordt geklikt.

Op internet staan verschillende formules om dit te controleren, maar ik krijg er geen werkend.

Dit is de code zoals ik het nu heb:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
var onClick = function(event)
{
    for (var x = 0; x < Grid.width; x += 1)
    {
        for (var y = 0; y < Grid.height; y += 1)
        {
            var left = (((Grid.width * Grid.SQUARE_WIDTH) / 2) - (Grid.SQUARE_WIDTH / 2)) + ((y - x) * Grid.SQUARE_HEIGHT);
            var top = (((y + x) * Grid.SQUARE_HEIGHT) / 2);

            // Controle of event.x en event.y binnen de coordinaten van deze tegel vallen.
        }
    }
}


Grid.width is de breedte van het grid, weergegeven in tegels (10).
Grid.height is de hoogte van het grid, weergeven in tegels (10).
Grid.SQUARE_WIDTH is de breedte van een tegel, weergegeven in pixels (64).
Grid.SQUARE_HEIGHT is de hoogte van een tegel, weergegeven in pixels (32).

Zou iemand mij kunnen helpen met de formule en hoe ik die in deze situatie toepas?

Alvast bedankt!
Gewijzigd op 02/09/2015 14:12:25 door Lord Gaga
 
PHP hulp

PHP hulp

29/01/2020 20:58:56
 

02/09/2015 15:30:22
Quote Anchor link
Wat is het voor een grid? Canvas? En waarom bestaat het grid niet uit DOM-elementen waarbij je niet zelf aan het rekenen hoeft?
Gewijzigd op 02/09/2015 15:30:34 door
 
Lord Gaga

Lord Gaga

02/09/2015 16:06:30
Quote Anchor link
Het grid bestaat uit DOM-elementen. Maar dan moet ik alsnog de positie van elke tegel berekenen + zelf controleren of een tegel is aangeklikt.

Intussen zag ik dat event.x en event.y de posities zijn vanaf het scherm, en niet vanaf de parent. Ik heb deze toegevoegd aan de berekening en nu werkt het. :-)

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var onClick = function(event)
{
    for (var x = 0; x < Grid.width; x += 1)
    {
        for (var y = 0; y < Grid.height; y += 1)
        {
            var left = (((Grid.width * Grid.SQUARE_WIDTH) / 2) - (Grid.SQUARE_WIDTH / 2)) + ((y - x) * Grid.SQUARE_HEIGHT);
            var top = (((y + x) * Grid.SQUARE_HEIGHT) / 2);

            var xRadius = Math.abs((event.x - editor.offsetLeft) - (left + (Grid.SQUARE_WIDTH / 2)));
            var yRadius = Math.abs((event.y - editor.offsetTop) - (top + (Grid.SQUARE_HEIGHT / 2)));

            var radius = (xRadius / Grid.SQUARE_WIDTH) + (yRadius / Grid.SQUARE_HEIGHT);

            if (radius <= 0.5)
            {
                var tile = document.createElement('div');
                {
                    tile.setAttribute('class', 'tile');

                    tile.style.setProperty('left', left + 'px');
                    tile.style.setProperty('top', top + 'px');
                }

                floor.appendChild(tile);

                return false;
            }
        }
    }
};
 

02/09/2015 16:08:52
Quote Anchor link
Mooi. Het helpt soms al als je het aan iemand uitlegt! :)
 
Eddy E

Eddy E

02/09/2015 16:20:08
Quote Anchor link
Waarom dat grid niet gewoon met HTML5 zelf tekenen?
Dan kan je gewoon iets als <span id="grid_h38_b83"> maken.

Met behulp van http://jdan.github.io/isomer/ moet dat niet moeilijk zijn...
Of via http://www.angrycoding.com/2011/04/isometric-grid-generator-based-on-html5.html ...
Gewijzigd op 02/09/2015 21:22:19 door Eddy E
 
Remco van der Velde

Remco van der Velde

03/09/2015 12:18:43
Quote Anchor link
Ik denk dat je te moeilijk denkt, als je toch dom elementen hebt in het grid, waarom geen bind click op zo'n dom element zelf, dan hoef je niet te gaan berekenen waar er en welk element via het grid wordt geklikt.
 
Lord Gaga

Lord Gaga

04/09/2015 10:20:49
Quote Anchor link
@Eddy: Dit is een simpele eindopdracht voor school (vak "DHTML") en daar gebruik ik liever DOM elementen voor.

@Remco: Dat werkt niet omdat die div'jes rechthoekig zijn en elkaar overlappen.
Gewijzigd op 04/09/2015 10:32:34 door Lord Gaga
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.