Isometrisch grid

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET Developer

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. .NET engineer met ambitie? De uitgebreide versie: Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Stilstand is achteruitgang voor jou; je hebt behoefte aan collegae die jou alles leren over Microsoft technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt.

Bekijk vacature »

Flutter Developer

Freelance / interim Flutter Developer gezocht Wij zoeken een freelance / interim Flutter Developer voor een opdracht in de financiele dienstverlening in Amsterdam of Limburg (momenteel remote): * Startdatum: Zo spoedig mogelijk * Projectduur: 12 maanden * Uren per week: 36 * Locatie: Remote Jouw impact als Flutter Developer Je bent verantwoordelijk voor Flutter ontwikkelingen / jij maakt het verschil met jouw commerciele ervaring en hands-on kennis op dit vlak. Wat breng je mee als Flutter Developer? * Minstens 1 jaar commerciele werkervaring als Flutter Developer * Goede kennis van iOS and Android systemen * Sterke Engelse/Nederlandse communicatieve vaardigheden Klinkt

Bekijk vacature »

Biztalk developer met SQL Server / .NET / 13e maan

Functieomschrijving Binnen het Scrum team ben jij de verantwoordelijke voor de integraties met andere systemen. Je weet uitstekend wat er voor nodig is om systemen met elkaar te verbinden en neem uitgebreide kennis en kunde mee van Biztalk. Je weet hoe je de koppelingen moet ontwikkelen en aanpassen om tot de juiste oplossing te komen zodat je klanten de juiste data ter beschikking krijgen. Naast uitstekende ervaring binnen Biztalk ben je ook goed bedreven binnen SQL Server en neem je ook kennis en ervaring mee van .NET. Functie-eisen - Je hebt een afgeronde HBO Informatica - Je hebt ruime ervaring

Bekijk vacature »

.NET developer voor efficiëntere zorg

Functieomschrijving Je gaat werken aan het intern gebouwde platform dat gebruikt wordt door vele zorginstellingen. Het gaat hier om een cloudplatform en naast het onderhouden ervan ga je het ook verder uitbouwen en denk je samen met klanten mee aan nieuwe oplossingen. Je werkt in teamverband en op wisselende projecten. Samen denk je na over een goede architectuur en ontwikkel je een perfecte oplossing waar je klanten blij van worden. Je neemt kennis en kunde mee van het .NET Framework, SQL Server en Azure. Het is een sterke pre als je ook ervaring hebt met unit testing. Functie-eisen - Je

Bekijk vacature »

Software Developer / C# en .Net / Databases

Bedrijfsomschrijving Onze klant is een mooie en innovatieve multinational in de regio Utrecht. Ze staan bekend om de hoge kwaliteit van dienstverlening en streven ernaar dit continu te verbeteren. Om dit te kunnen doen zijn zij opzoek naar een Software Developer. Als Software Developer ga je aan de slag met het ontwikkelen van bedrijfskritische software en applicaties. Zo zijn er applicaties en software die van belang zijn voor de bedrijfsvoering, de medewerkers van de organisatie, maar ook voor het klantenbestand van de organisatie. Het landschap is zowel functioneel als technisch en daarmee erg breed. Je komt te werken in een

Bekijk vacature »

Python/ PHP developer

Onze klant is retail- en e-tail distributeur van consumenten elektronica, software & games en pc-en gaming accessoires. Voor uitbreiding van het IT team zoeken we een PYTHON/PHP DEVELOPER In deze veelzijdige functie ben je samen met je collega's betrokken bij de gehele ontwikkelcyclus van softwareproducten; van de ontwikkeling tot het laten draaien en testen van de kwaliteit van het afgeleverde product. De uitdagen die je gaat vinden: - optimaliseren en verder uitbouwen van de bestaande web applicaties - het ontwikkelen van API met leveranciers of klanten - het ontwikkelen van interne sites - bestaande functionaliteiten verbeteren en door ontwikkelen Profiel

Bekijk vacature »

OutSystems Developer Gloednieuw Applicatiehuis

Bedrijfsomschrijving Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met meer dan 150 applicaties staat er een complex applicatielandschap, bestaande uit standaard- en maatwerkapplicaties. De maatwerkapplicaties worden ontwikkeld door een inhouse development team. Het doel voor de komende periode is het verder vernieuwen en optimaliseren van het huidige applicatielandschap. Zo staat de organisatie aan de vooravond van de implementatie van een gloednieuw applicatiehuis, waar OutSystems een belangrijke rol in speelt. Binnen deze rol word je als OutSystems Developer verantwoordelijk voor de ontwikkeling van uiteenlopende applicaties met OutSystems. Om het nieuwe applicatiehuis te implementeren

Bekijk vacature »

Microsoft BI ontwikkelaar binnen de financiël

Functieomschrijving Je gaat je als interne BI Specialist/Ontwikkelaar bezighouden met het doorontwikkelen/onderhouden van de Datawarehouse binnen een Devops/Scrum omgeving en het verbeteren van functionaliteiten voor interne klanten. Naast de Datawarehouse werkzaamheden ben jij tevens de specialist op het gebied van Microsoft SQL Server (SSIS, SSAS, SSRS, Power BI, DataVault en Dimensional modelling. Functie-eisen - Je hebt minimaal een HBO opleiding afgerond; - Je hebt minimaal 3+ jaar relevante werkervaring met een vergelijkbare functie; - Je beheerst de hele Microsoft BI Stack (SSIS, SSAS, SSRS); - Je beschikt over ruime ervaring met het programmeren van ETL processen; - Je beschikt over

Bekijk vacature »

PHP Laravel developer voor maatwerk projecten

Functieomschrijving Er wordt hier gezocht naar een ervaren backend specialist die graag zijn tanden zet in het optimaliseren van webapplicaties. Er worden nog steeds nieuwe features bedacht, hier mag jij aan gaan meewerken, en die worden dan in het kleine team ontwikkeld. Je gaat werken met de nieuwste technieken en gaat werken aan een eigen product· Voordeel bij dit soort organisaties is dat de ontwikkelboog lang is en dat er veel aandacht is voor kwaliteit. Herken jij jezelf in bovenstaand profiel? Reageer dan snel! Functie-eisen - Je beschikt als PHP ontwikkelaar over HBO werk en denk niveau; - Je hebt

Bekijk vacature »

Mendix Developer

Over Troostwijk Troostwijk is met 160 medewerkers toonaangevend op het gebied van taxaties van onroerende en roerende zaken ten behoeve van verzekeringen en bedrijfseconomische doeleinden. Daarnaast houden wij ons bezig met schaderegelingen in het belang van verzekerden. In binnen- en buitenland bedienen wij beleggers, banken, (beursgenoteerde) fondsen, overheden, woningcorporaties, financiers en vastgoedgebruikers- van MKB tot multinationals. Troostwijk Groep bestaat uit vier businessunits: Troostwijk Taxaties, Troostwijk Expertises, Troostwijk Real Estate en Apresa (kunsttaxaties). Troostwijk is sinds mei 2017 onderdeel van het Spaanse bedrijf Tinsa. Troostwijk Groep is op zoek naar een ervaren Mendix Developer standplaats Amsterdam Je bent een getalenteerde en

Bekijk vacature »

.NET Developer Zorg-ICT

Complexe software ontwikkelen: dat is jouw ding! Voor onze vestiging in Hoogeveen 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 »

Senior Node.js Developer (NL)

Senior Node.js Developer (NL) Den Haag HBO/WO IT Professional "Als Senior Node.js Developer impact maken op de groeiende E-commerce markt met onze logistieke software. Je doet dit door complexe bedrijfskritische logistieke business processen te vertalen naar de ontwikkeling en uitbreiding van onze Cloud IT-platformen en software oplossingen in JavaScript en AWS" Wat ga je doen? PostNL is becoming a postal tech company. Als Senior Node.js Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead Engineer, JavaScript Developers en Solution Consultants. Samen zijn jullie verantwoordelijk voor het bouwen aan het Event Management Platform (EMP). Dit platform

Bekijk vacature »

Ervaren .NET developer gezocht, api development, .

Ben je een ervaren .NET developer en op zoek naar baan waarbij je je ook meer kunt gaan richten op architectuur? Binnen een leuke, sociale en betrokken werkomgeving? Met technieken als .NET Core en Azure? Dan zou deze baan wellicht iets voor jou kunnen zijn. Voor een organisatie in Rotterdam zijn we op zoek naar eens ervaren .NET ontwikkelaar. De organisatie bevindt zich in de financiële branche en is een van de grotere spelers in hun vakgebied. De organisatie bestaat uit circa 600 medewerkers en heeft verschillende vestigingen in Nederland. Het hoofdkantoor zit in Rotterdam en daar is ook de

Bekijk vacature »

.NET C# web developer met focus op gebruiksvriende

Ben je op zoek naar een baan binnen een klein softwarebedrijf? Een bedrijf met een informele, persoonlijke en familiaire sfeer? Waar je je als developer zowel richt op de back- als frontend? Wellicht dat deze vacature dan iets voor jou is. Voor een softwarebedrijf, gevestigd in het centrum van Rotterdam, zijn we momenteel op zoek naar .NET C# web developer. Dit mag iemand zijn die net van school komt, maar ook iemand die al behoorlijk wat ervaring heeft. Het bedrijf bestaat inmiddels ruim 10 jaar en en door de aanhoudende groei zijn ze opzoek naar versterking van 1 a 2

Bekijk vacature »

Senior applicatieontwikkelaar

Ben jij een gedreven applicatieontwikkelaar met minimaal drie jaar werkervaring? En wil je een uitdagende baan met impact én jezelf breed ontwikkelen? Bij UPS bouw je mee aan complexe systemen die wereldwijd worden gebruikt en krijg je alle ruimte om nóg beter te worden in je vak. Dit ga je doen In een dynamisch scrumteam werk je aan de hand van processen en technologieën zoals CI/CD en DevOps aan het behalen van jullie doelen. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en implementeren. Je levert ontwerpen die passen bij de onderliggende frameworks en

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

25/10/2020 05:41:49
 

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.