Isometrisch grid

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET Developer Medicatie / Apotheek

Jij krijgt een kick van het ontwikkelen van complexe software. Voor onze vestiging in Heerenveen zoeken wij een .NET Developer Medicatie / Apotheek die graag met de laatste Microsoft-tools en -technieken wil werken. Interessant? Lees snel verder! Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van de module Medicatie / Logistiek & Apotheek. Je gaat nauw samen werken met zowel de interne als externe klant om nieuwe functionaliteiten te ontwikkelen om onze klanten te ondersteunen in hun werkproces. Het gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. ChipSoft maakt

Bekijk vacature »

ASP.NET CORE developer Fullstack / Intern

Bedrijfsomschrijving Mijn klant houdt zich bezig met alleen maar maatwerk software. Door de flexibiliteit van de developers bedienen ze bijna elke markt; van start-ups tot aan de grotere internationaal georiënteerde bedrijven. Bepaalde applicaties zijn standaard geworden en worden als totaalpakket aan de klant aangeboden. Andere applicaties worden maandelijks onder de loep genomen. Kortom: genoeg uitdaging voor een .NET Developer. Je komt te werken in een gezellig team van ongeveer 20 mensen met een platte structuur. Er wordt veel voor het personeel geregeld en regelmatig ga je met het team op pad. Je collega's zijn IT minded mensen. Het gaat hier

Bekijk vacature »

Java Developer Backend Maatschappelijk 1 miljoen k

Functieomschrijving Ben jij opzoek naar echte uitdaging? Wil jij meebouwen aan de toekomst? Als deze applicatie niet werkt dan is dit groot nieuws op televisie! Een nieuwe backend applicatie bouwen met de laatste technieken (Java, Weblogic, Oracle databases) Uitvoeren van diverse analyses; Bestaande applicatie uit faseren; Nauwe samenwerking met andere disciplines; Sparingspartners voor andere ontwikkelaars; Uiteraard kom je met nieuwe en innovatieve oplossingen; Uitvoeren van diverse testen; Functie-eisen Minimaal HBO werk en denkniveau; In ieder geval 3 jaar werkervaring als ontwikkelaar binnen complexe grote omgevingen; Ervaring met logistieke processen is een sterke pre; Je bent analytisch en beschikt over een

Bekijk vacature »

.NET Developer / C# / Microservices / Azure

Bedrijfsomschrijving Deze organisatie in de regio van Ede/Wageningen waar jij als .NET Developer komt te werken is marktleider en pionier op het gebied van High-Quality apparatuur in de zorg. Het scrumteam waar jij deel van zal uitmaken bestaat uit acht developers. Als Senior .NET Developer draag jij dagelijks bij aan een gezondere toekomst. De apparatuur waar jij de software voor ontwikkelt wordt wereldwijd ingezet in meer dan 5000 ziekenhuizen. Iedere 4 minuten krijgt iemand ter wereld een behandeling middels deze apparatuur. Omdat de organisatie continu bezig is met innovatie krijg jij als .NET Developer de ruimte om met nieuwste- en

Bekijk vacature »

React Native Developer

Mobile Developer - 40 hours Are you a mobile or front-end developer and are looking to work on great (social) projects that matter? Are you looking to extend your skillset, develop ground-breaking software and work together with a great people in small teams? Are you interested in using the latest technologies and dive deeper into the world of Blockchain and Artificial Intelligence? Our respected client, is challenging the status quo by using blockchain technology and artificial intelligence is looking for an experienced Mobile Developer. Your impact as Mobile Developer You have an impact on the inhouse developed applications as part

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 »

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 »

Senior Java-developer Rijks ICT Gilde

Functie­omschrijving De Rijksoverheid beschikt over een enorm Java-landschap. Als senior Java-developer bij het Rijks ICT Gilde werk je dan ook aan uitdagende en veelzijdige opdrachten. Je helpt ministeries en uitvoeringsorganisaties succesvol te zijn in het continu ontwikkelen en verbeteren van technische oplossingen. Zo help je de Rijksoverheid om met lef en ondernemerschap slagvaardig te opereren. Applicaties ontwikkelen die direct bijdragen aan het functioneren van Nederland: daar zorg jij voor als senior Java-developer bij het Rijks ICT Gilde (RIG). Of het nou gaat om het fixen van een bug of het maken van een compleet nieuwe applicatie. Met jouw Java-skills draag

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

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 »

Ervaren Microsoft Access Developer

Het team van Mr. Access is op zoek naar een nieuwe collega. Een Microsoft Access-specialist. En dan het liefst iemand met ruime ervaring* in het opzetten van tabellenstructuren en het programmeren van gebruiksvriendelijke interfaces. We trekken de komende 4 weken uit voor het ontvangen en beoordelen van sollicitaties. Daarna maken we een keuze. Het is de bedoeling dat je dan ergens in december 2020 aan de slag gaat. Over de functie Je kunt uiteraard lezen en schrijven met Microsoft Access. Een tabellenstructuur opzetten, formulieren bouwen, queries ontwerpen, slimme code schrijven in VBA, het is voor jou allemaal gesneden koek. Verder

Bekijk vacature »

APK Integratie ontwikkelaar

Functieomschrijving Als je bij Randstad Groep Nederland IT werkt, houd je jezelf en Nederland in beweging. Stilstand is achteruitgang, daarom zijn we continu bezig onze business en processen te optimaliseren, zodat we onze klanten en kandidaten meer gemak, snelheid en transparantie kunnen bieden. Impactvolle tech, daar doen we het voor. Als Integratie Ontwikkelaar ga je bij Randstad Groep IT aan de slag binnen het team Applicatie Koppelingen (APK). Het team bestaat uit business analisten, developers, beheerders en een product owner en scrum master. Met in totaal 8 collega’s zorgen jullie voor een fundamenteel deel van onze applicaties, waar onze andere

Bekijk vacature »

Senior .Net C# Developer - Kartrekker Azure SaaS p

De internationale en innovatieve marktleider van multi tenant SaaS belasting software en services breidt wegens succes haar teams uit. Hiervoor zoeken ze nu zowel een Medior als een Senior .Net C# Developer. In deze rol bouw je de bestaande applicaties en modules uit en bouw je nieuwe modules van scratch (Microservices). Als Senior sta je daarnaast op technisch vlak aan het roer van het team en stuur je je Junior collega’s aan. Je zorgt ervoor dat je klanten niet alleen snel, maar ook gemakkelijk en transparant hun zaken kunnen organiseren. Als developer ben je key in het proces en beslis

Bekijk vacature »

.NET C# ontwikkelaar gezocht (C# Winforms, Xamarin

.NET C# ontwikkelaar bij een slagvaardig en hard groeiend bedrijf met korte lijnen? In een omgeving waar je onder andere direct samen met de oprichter werkt aan het verder ontwikkelen van een vernieuwend product? Dan is deze vacature zeker iets voor jou. Voor een bedrijf in Rotterdam zijn we momenteel op zoek naar een .NET C# ontwikkelaar. Het gaat om klein bedrijf dat op een punt is aanbeland waar de vraag naar hun software flink aan het toenemen is. Hierdoor zijn ze op zoek naar meerdere .NET ontwikkelaars die samen met de oprichter en nog verschillende andere collega’s hun software

Bekijk vacature »

Web Developer

Help jij graag mee met het optimaliseren van ons platform? Solliciteer dan naar de functie Web Developer. Op ons hoofdkantoor in Amsterdam krijg je alle ruimte om je kwaliteiten te tonen. Jouw baan ChipSoft maakt breed gebruik van webtechnologie voor de ondersteuning van administratieve processen. Als ontwikkelaar ben je verantwoordelijk voor het onderhouden en verbeteren van de applicaties op ons platform. Jij richt je met name op het ontwikkelen van nieuwe applicaties en het onderhouden van de gebruikte programmatuur op ons platform. Denk hierbij aan e-learning en projectplanning. Jouw team Je komt op de 25ste verdieping van ons hoofdkantoor in

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

22/10/2020 08:40:30
 

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.